/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"IBM Plex Sans", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Source Serif 4", "Noto Serif KR", Georgia, serif;--font-mono:"IBM Plex Mono", "Cascadia Code", ui-monospace, monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"IBM Plex Sans", "Noto Sans KR", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color-scheme:light;--bg:#fbfaf7;--surface:#fff;--surface-muted:#f1f0eb;--ink:#1c2633;--muted:#4f5b69;--faint:#7c8692;--line:#e4e1da;--line-strong:#cbc6bc;--accent:#2f6f69;--accent-secondary:#6f9e98;--accent-soft:#e6f0ee;--accent-ink:#245a55;--header:#fbfaf7f0}:root[data-theme=dark]{color-scheme:dark;--bg:#14181d;--surface:#1a1f25;--surface-muted:#21272e;--ink:#e6eaee;--muted:#a9b3bd;--faint:#7d8893;--line:#2a3139;--line-strong:#3b4550;--accent:#7cbcb3;--accent-secondary:#5b8f89;--accent-soft:#1d3331;--accent-ink:#9ad2ca;--header:#14181deb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{z-index:40;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(12px);width:100%;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:56px;display:flex}.site-brand{align-items:center;gap:10px;font-size:.86rem;display:flex}.site-brand-name{align-items:baseline;gap:7px;display:flex}.site-brand-name a{letter-spacing:-.025em;font-weight:650}.site-brand-name span{font-family:var(--font-sans);color:var(--muted);font-size:.72rem;font-weight:500}.site-brand-name a:hover,.site-brand-name a:focus-visible{color:var(--accent-ink)}.theme-toggle{height:28px;color:var(--faint);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;display:inline-flex}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--ink);border-color:var(--line-strong);outline:none}.theme-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:13px;height:13px}:root[data-theme=light] .theme-icon[data-light],:root[data-theme=dark] .theme-icon[data-dark]{color:var(--ink)}.header-actions,.language-switcher{align-items:center;display:flex}.header-actions{gap:22px}.language-switcher{color:var(--faint);font-family:var(--font-sans);gap:7px;font-size:.7rem}.language-switcher [aria-current=page]{color:var(--ink);font-weight:600}.language-switcher a:hover,.language-switcher a:focus-visible{color:var(--accent-ink)}.home-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:clamp(34px,4vw,56px);padding-top:32px;padding-bottom:88px;display:grid}.profile-panel{min-height:calc(100vh - 120px);color:var(--profile-ink);background:var(--profile);flex-direction:column;padding:34px 28px 28px;display:flex;position:sticky;top:88px}.profile-identity{gap:22px;display:grid}.profile-photo{border:3px solid var(--profile-ink);width:112px;height:112px}@supports (color:color-mix(in lab, red, red)){.profile-photo{border:3px solid color-mix(in srgb, var(--profile-ink) 55%, transparent)}}.profile-photo{object-fit:cover;border-radius:50%}.profile-name{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:2rem;font-weight:600;line-height:1}.profile-role{color:var(--profile-muted);margin:10px 0 0;font-size:.76rem;line-height:1.5}.profile-links{border-top:1px solid var(--profile-ink);margin-top:42px;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-links{border-top:1px solid color-mix(in srgb, var(--profile-ink) 28%, transparent)}}.profile-links a{border-bottom:1px solid var(--profile-ink);justify-content:space-between;align-items:center;padding:13px 0;display:flex}@supports (color:color-mix(in lab, red, red)){.profile-links a{border-bottom:1px solid color-mix(in srgb, var(--profile-ink) 20%, transparent)}}.profile-links a{font-family:var(--font-sans);letter-spacing:.04em;font-size:.7rem;font-weight:600}.profile-links a:hover,.profile-links a:focus-visible{color:#fff;outline:none}.profile-location{color:var(--profile-muted);font-family:var(--font-sans);margin:auto 0 0;padding-top:32px;font-size:.66rem}.home-content{min-width:0}.blog-intro{border-bottom:1px solid var(--line-strong);padding:clamp(20px,2.4vw,30px) 0 clamp(20px,2.2vw,28px)}.intro-copy h1{max-width:820px;font-family:var(--font-display);letter-spacing:-.045em;white-space:nowrap;margin:0;font-size:clamp(2.2rem,3vw,3rem);font-weight:600;line-height:.96}.intro-copy p{max-width:620px;color:var(--muted);letter-spacing:-.01em;margin:22px 0 0;font-size:clamp(.9rem,1.15vw,1rem);line-height:1.7}.intro-copy .intro-support{max-width:760px;margin-top:8px}html[lang=ko] .intro-copy h1,html[lang=ko] .intro-copy p{word-break:keep-all}html[lang=ko] .intro-copy p,html[lang=ko] .project-status,html[lang=ko] .project-description,html[lang=ko] .project-metric,html[lang=ko] .project-read{font-family:Noto Sans KR,system-ui,sans-serif}.section{border-top:1px solid var(--line);padding-top:clamp(96px,11vw,152px);padding-bottom:clamp(96px,11vw,152px)}.section-heading{grid-template-columns:108px minmax(0,780px);gap:28px;margin-bottom:72px;display:grid}.section-index,.career-marker,.project-number,.skill-number{font-family:var(--font-mono);color:var(--accent-ink);letter-spacing:.08em;font-size:.7rem}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4.2vw,3.75rem);font-weight:600;line-height:1.08}.section-copy{max-width:670px;color:var(--muted);margin:22px 0 0;font-size:1rem;line-height:1.75}.career-list{border-top:1px solid var(--ink)}.career-card{border-bottom:1px solid var(--line);grid-template-columns:108px minmax(0,1fr);gap:28px;padding:42px 0 50px;display:grid}.project-preview::-webkit-details-marker{display:none}.project-preview:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.career-marker{padding-top:7px}.career-head{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.career-head h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:600}.career-role{color:var(--accent-ink);font-family:var(--font-mono);margin:7px 0 0;font-size:.75rem}.period{color:var(--faint);font-family:var(--font-mono);white-space:nowrap;margin:0;font-size:.68rem;line-height:1.5}.career-context{max-width:850px;color:var(--muted);margin:20px 0 0;font-size:.92rem;line-height:1.65}.detail-toggle{min-width:78px;color:var(--accent-ink);font-family:var(--font-mono);white-space:nowrap;justify-content:flex-end;align-items:center;gap:9px;padding-top:5px;font-size:.64rem;display:inline-flex}.detail-toggle-close{display:none}.detail-toggle-icon{font-size:.8rem;transition:transform .18s}details[open] .detail-toggle-open{display:none}details[open] .detail-toggle-close{display:inline}details[open] .detail-toggle-icon{transform:rotate(180deg)}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.category-row{margin-top:20px}.category-row span,.private-label{border:1px solid var(--accent);align-items:center;min-height:26px;padding:4px 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.category-row span,.private-label{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line))}}.category-row span,.private-label{background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font-mono);border-radius:999px;font-size:.62rem;line-height:1.35}.evidence-list{gap:12px;max-width:930px;margin:28px 0 0;padding:0;list-style:none;display:grid}.evidence-list li{color:var(--muted);padding-left:18px;font-size:.89rem;line-height:1.76;position:relative}.evidence-list li:before{background:var(--accent);content:"";border-radius:999px;width:5px;height:5px;position:absolute;top:.72em;left:0}.evidence-list.compact{gap:9px;margin-top:22px}.evidence-list.compact li{font-size:.82rem}.tool-line{border-top:1px solid var(--line);flex-wrap:wrap;gap:7px 14px;margin-top:28px;padding-top:18px;display:flex}.tool-line span{color:var(--faint);font-family:var(--font-mono);font-size:.62rem;line-height:1.45;position:relative}.tool-line span:not(:last-child):after{color:var(--line-strong);content:"/";margin-left:14px}.career-evidence{border:1px solid var(--line);background:var(--surface);margin:34px 0 0;padding:16px;overflow:hidden}.career-evidence img{width:100%}.career-evidence figcaption,.project-detail-head{color:var(--faint);font-family:var(--font-mono);font-size:.59rem;line-height:1.45}.career-evidence figcaption{margin-top:12px}.projects-section{padding-top:0;padding-bottom:0;width:100%;max-width:none;padding-inline:0}.home-content .project-preview{grid-template-columns:176px minmax(0,1fr) minmax(150px,188px) 112px;gap:15px}.home-content .project-thumbnail{width:160px;height:100px}.home-content .project-metric{font-size:.64rem}.project-groups{gap:112px;display:grid}.project-group-head{border-top:1px solid var(--ink);grid-template-columns:108px minmax(0,650px);gap:28px;margin-bottom:34px;padding-top:22px;display:grid}.project-group-head>span{font-family:var(--font-mono);color:var(--accent-ink);font-size:.72rem}.project-group-head h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,2.7vw,2.25rem);font-weight:600}.project-group-head p{color:var(--muted);margin:12px 0 0;font-size:.9rem;line-height:1.65}.project-list{border-top:1px solid var(--line)}.project-card{border-bottom:1px solid var(--line);transition:background .15s;display:block}.project-card:hover{background:var(--surface-muted)}.project-preview{cursor:pointer;grid-template-columns:148px minmax(0,1fr) minmax(180px,220px) 136px;align-items:center;gap:18px;padding:18px 0;list-style:none;display:grid}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-thumbnail{border:1px solid var(--line);background:#eef2f7;justify-content:center;align-items:center;width:132px;height:82px;display:flex;overflow:hidden}.project-thumbnail img{object-fit:contain;width:100%;height:100%;padding:4px}.project-card--myshot .project-thumbnail img{object-fit:cover;padding:0}.project-thumbnail--empty{background:radial-gradient(circle at 38% 42%, var(--accent) 0 3px, transparent 4px), radial-gradient(circle at 58% 58%, var(--accent-secondary) 0 2px, transparent 3px), linear-gradient(135deg, transparent 45%, var(--accent) 46% 47%, transparent 48%), var(--accent-soft);position:relative}@supports (color:color-mix(in lab, red, red)){.project-thumbnail--empty{background:radial-gradient(circle at 38% 42%, var(--accent) 0 3px, transparent 4px), radial-gradient(circle at 58% 58%, var(--accent-secondary) 0 2px, transparent 3px), linear-gradient(135deg, transparent 45%, color-mix(in srgb, var(--accent) 35%, transparent) 46% 47%, transparent 48%), var(--accent-soft)}}.project-preview-copy{min-width:0;display:block}.project-topline{align-items:flex-start;gap:10px;display:flex}.project-number{border-right:1px solid var(--line);padding-right:10px}.project-title{letter-spacing:-.035em;margin-top:0;font-size:1.32rem;font-weight:600;line-height:1.15;display:block}.project-status{color:var(--faint);font-family:var(--font-sans);margin-top:5px;font-size:.68rem;line-height:1.5;display:block}.project-topic{border:1px solid var(--accent);max-width:100%;margin-top:9px;padding:4px 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.project-topic{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line))}}.project-topic{background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font-sans);letter-spacing:-.005em;border-radius:999px;font-size:.7rem;font-weight:500;line-height:1.35}.private-label{min-height:23px;color:var(--faint);border-color:var(--line);background:var(--surface-muted);flex:none;padding:3px 8px}.project-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}.project-metric{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--ink);font-family:var(--font-mono);padding:9px 11px;font-size:.7rem;font-weight:600;display:block}.project-action{text-align:right;flex-direction:column;align-self:end;align-items:flex-end;gap:7px;padding-bottom:3px;display:flex}.project-read{color:var(--accent-ink);font-family:var(--font-mono);font-size:.66rem;font-weight:500}.project-published{color:var(--faint);font-family:var(--font-sans);white-space:nowrap;font-size:.56rem;line-height:1.45}.project-secondary-tags{margin-top:18px}.project-detail{padding:0 108px 30px 166px}.article-shell{max-width:900px;padding-top:clamp(42px,6vw,72px);padding-bottom:clamp(80px,10vw,132px)}.article-back{color:var(--muted);font-family:var(--font-mono);font-size:.68rem}.article-back:hover,.article-back:focus-visible,.article-source-link:hover,.article-source-link:focus-visible{color:var(--accent-ink)}.project-article{margin-top:clamp(48px,7vw,84px)}.article-meta,.article-status{color:var(--faint);font-family:var(--font-mono);flex-wrap:wrap;gap:10px 18px;font-size:.66rem;display:flex}.article-meta span:not(:last-child):after{color:var(--line-strong);content:"/";margin-left:18px}.article-header h1{letter-spacing:-.058em;margin:18px 0 0;font-size:clamp(2.5rem,7vw,5.4rem);font-weight:600;line-height:1}.article-summary{max-width:760px;color:var(--muted);letter-spacing:-.02em;margin:28px 0 0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.7}.article-claim{max-width:820px;color:var(--ink);letter-spacing:-.035em;margin:28px 0 0;font-size:clamp(1.28rem,2.6vw,1.75rem);font-weight:600;line-height:1.38}.article-classification{align-items:center;gap:14px 20px;margin-top:28px;display:flex}.article-category{border:1px solid var(--accent);flex:none;align-items:center;min-height:28px;padding:5px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.article-category{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line))}}.article-category{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;font-size:.7rem;font-weight:600}.article-built-with{min-width:0;color:var(--faint);font-family:var(--font-mono);align-items:baseline;gap:10px;margin:0;font-size:.63rem;line-height:1.55;display:flex}.article-built-with strong{color:var(--accent-ink);flex:none;font-weight:600}.article-status{border-top:1px solid var(--line);font-family:var(--font-sans);justify-content:space-between;margin-top:30px;padding-top:18px;font-size:.7rem;font-weight:500}.article-status strong{color:var(--ink);font-weight:600}.article-figure{margin:clamp(54px,8vw,88px) 0 0}.article-figure img,.article-figure video{object-fit:cover;border:1px solid var(--line);width:100%;max-height:560px;display:block}.article-figure figcaption{color:var(--faint);font-family:var(--font-mono);margin-top:10px;font-size:.62rem}.article-figure--primary{border:1px solid var(--line);background:var(--surface);padding:clamp(14px,2.5vw,28px)}.article-figure--primary img,.article-figure--primary video{object-fit:contain;border:0;max-height:none}.article-figure--media-fill{padding:0;overflow:hidden}.article-figure--media-fill figcaption{padding:0 20px 18px}.article-figure--primary figcaption{margin-top:16px}.article-section{border-top:1px solid var(--line);grid-template-columns:170px minmax(0,1fr);gap:40px;margin-top:clamp(64px,9vw,104px);padding-top:24px;display:grid}.article-section h2{letter-spacing:0;margin:0;font-size:.72rem;font-weight:600;line-height:1.5}.article-prose{gap:24px;display:grid}.article-section-body{min-width:0}.article-lead p:first-child{color:var(--ink);letter-spacing:-.02em;font-size:clamp(1.08rem,1.9vw,1.28rem);font-weight:500;line-height:1.72}.article-metric-grid{border-top:1px solid var(--line-strong);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;display:grid}.article-metric-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);min-height:150px;padding:20px}.article-metric-card>span{color:var(--faint);font-family:var(--font-mono);font-size:.61rem;line-height:1.45}.article-metric-card>strong{color:var(--ink);letter-spacing:-.03em;margin-top:18px;font-size:clamp(1.1rem,2vw,1.38rem);font-weight:600;line-height:1.2;display:block}.article-metric-card>p{color:var(--muted);margin:9px 0 0;font-size:.71rem;line-height:1.55}.article-section-intro h3,.article-table-block h3{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(1.12rem,2vw,1.38rem);font-weight:600;line-height:1.4}.article-section-intro p{max-width:680px;color:var(--muted);margin:12px 0 0;font-size:.9rem;line-height:1.7}.article-flow{border-top:1px solid var(--line-strong);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:32px 0 0;padding:0;list-style:none;display:grid}.article-flow li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);min-height:220px;padding:20px 18px;position:relative}.article-flow li:not(:last-child):after{z-index:1;border:1px solid var(--line-strong);background:var(--bg);width:21px;height:21px;color:var(--accent-ink);font-family:var(--font-mono);content:"→";border-radius:999px;place-items:center;font-size:.68rem;display:grid;position:absolute;top:50%;right:-11px;transform:translateY(-50%)}.article-flow-index{color:var(--accent-ink);font-family:var(--font-mono);font-size:.62rem;display:block}.article-flow strong{color:var(--ink);margin-top:38px;font-size:.88rem;font-weight:600;line-height:1.4;display:block}.article-flow p{color:var(--muted);margin:12px 0 0;font-size:.75rem;line-height:1.6}.article-results{gap:44px;display:grid}.article-table-block{min-width:0}.article-table-scroll{border-top:1px solid var(--line-strong);width:100%;max-width:100%;margin-top:20px;overflow-x:auto}.article-table-block table{border-collapse:collapse;background:var(--surface);width:100%;min-width:520px;font-size:.78rem}.article-table-block th,.article-table-block td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;padding:14px 16px}.article-table-block th{color:var(--faint);font-family:var(--font-mono);font-size:.61rem;font-weight:500}.article-table-block tbody tr:last-child{background:var(--accent-soft)}.article-table-block td:last-child{color:var(--ink);font-weight:600}.article-table-caption{color:var(--faint);font-family:var(--font-mono);margin:10px 0 0;font-size:.61rem;line-height:1.55}.article-figure--secondary{margin-top:0}.article-figure--secondary img,.article-figure--secondary video{object-fit:contain}.article-contribution-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.article-contribution-list li{color:var(--muted);padding-left:22px;font-size:.96rem;line-height:1.78;position:relative}.article-contribution-list li:before{background:var(--accent);content:"";border-radius:999px;width:7px;height:7px;position:absolute;top:.75em;left:0}.article-evidence-links{border-top:1px solid var(--line-strong);display:grid}.article-evidence-links a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;padding:16px 0;display:flex}.article-evidence-links a:hover,.article-evidence-links a:focus-visible{color:var(--accent-ink);outline:none}.article-evidence-links span{font-size:.82rem;font-weight:600}.article-evidence-links small{color:var(--faint);text-align:right;font-size:.7rem;line-height:1.5}html[lang=ko] .article-claim,html[lang=ko] .article-lead p,html[lang=ko] .article-section-intro,html[lang=ko] .article-flow,html[lang=ko] .article-contribution-list{word-break:keep-all}.article-prose p,.article-source p{color:var(--muted);margin:0;font-size:1rem;line-height:1.8}.article-tags{align-content:start}.article-tags span{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);border-radius:999px;padding:5px 9px;font-size:.62rem;display:inline-flex}.article-tools{grid-column:2;margin-top:4px}.article-source-link{border-bottom:1px solid var(--line-strong);width:fit-content;font-family:var(--font-mono);font-size:.72rem}.project-detail-head{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:18px;display:flex}.project-detail-head .project-link,.project-detail-head .private-label{margin-left:auto}.skills-grid{border-top:1px solid var(--ink);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.skill-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);min-height:270px;padding:26px}.skill-card h3{letter-spacing:-.025em;margin:35px 0 20px;font-size:1.25rem;font-weight:600}.skill-items{flex-wrap:wrap;gap:7px;display:flex}.skill-items span{border:1px solid var(--line);background:var(--surface-muted);color:var(--muted);font-family:var(--font-mono);padding:5px 8px;font-size:.62rem;line-height:1.35}.approach-section{padding-bottom:120px}.approach-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.approach-card{border-top:3px solid var(--accent);background:var(--surface);min-height:300px;padding:30px}.approach-card>span{color:var(--accent-ink);font-family:var(--font-mono);font-size:.72rem}.approach-card h3{letter-spacing:-.03em;margin:58px 0 0;font-size:1.3rem;font-weight:600;line-height:1.3}.approach-card p{color:var(--muted);margin:18px 0 0;font-size:.87rem;line-height:1.75}.site-footer{border-top:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:30px;padding-top:42px;padding-bottom:42px;display:flex}.site-footer>div:first-child{gap:7px;display:grid}.site-footer strong{font-size:.85rem;font-weight:600}.site-footer span,.footer-links a{color:var(--faint);font-family:var(--font-mono);font-size:.66rem}.footer-links{flex-wrap:wrap;gap:20px;display:flex}.footer-email{white-space:nowrap}.footer-links a:hover,.footer-links a:focus-visible{color:var(--accent-ink)}@media (width<=960px){.home-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}.profile-panel{padding:28px 22px 24px}.profile-photo{width:96px;height:96px}.profile-name{font-size:1.7rem}.skills-grid,.approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-preview,.home-content .project-preview{grid-template-columns:116px minmax(0,1fr) minmax(118px,150px)}.project-thumbnail,.home-content .project-thumbnail{grid-area:1/1/3;width:104px;height:72px}.project-preview-copy{grid-area:1/2/3}.project-metric{grid-area:1/3}.project-preview>.project-action{grid-area:2/3}.project-detail{padding-left:130px;padding-right:0}.article-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.article-flow li{min-height:190px}.article-flow li:after{display:none!important}.approach-card:last-child{grid-column:span 2}}@media (width<=680px){.shell{width:min(100% - 32px,1180px)}.site-header-inner{min-height:60px}.site-brand{gap:7px}.site-brand-name span{display:none}.header-actions{gap:14px}.home-layout{grid-template-columns:1fr;gap:0;padding-top:18px;padding-bottom:64px}.profile-panel{min-height:0;padding:24px;position:static}.profile-identity{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:18px}.profile-photo{width:82px;height:82px}.profile-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:24px}.profile-location{margin-top:20px;padding-top:0}.blog-intro{padding-top:38px;padding-bottom:32px}.intro-copy h1{white-space:normal;font-size:clamp(2.35rem,12vw,3.3rem)}.intro-copy p{font-size:.82rem}.section{padding-top:88px;padding-bottom:88px}.projects-section{padding-top:0}.section-heading,.project-group-head{grid-template-columns:1fr;gap:14px;margin-bottom:48px}.career-card{grid-template-columns:1fr;gap:18px;padding:34px 0 42px}.career-head{flex-direction:column;gap:12px}.project-groups{gap:82px}.skills-grid,.approach-grid{grid-template-columns:1fr}.skill-card,.approach-card{padding:24px}.project-preview,.home-content .project-preview{grid-template-columns:116px minmax(0,1fr);gap:14px;padding:16px 0}.project-thumbnail,.home-content .project-thumbnail{grid-area:1/1;width:104px;height:72px}.project-preview-copy{grid-area:1/2}.project-title{font-size:1.12rem}.project-metric{grid-area:2/2;justify-self:start}.project-preview>.project-action{text-align:left;grid-area:3/2;justify-content:flex-start;align-items:flex-start}.project-detail{padding:0 0 28px 92px}.project-detail-head{flex-direction:column;align-items:flex-start}.project-detail-head .project-link,.project-detail-head .private-label{margin-left:0}.article-shell{padding-top:34px}.project-article{margin-top:48px}.article-header h1{font-size:clamp(2.45rem,14vw,4rem)}.article-status,.article-classification,.article-built-with{flex-direction:column;align-items:flex-start}.article-section{grid-template-columns:1fr;gap:24px}.article-tools{grid-column:1}.article-metric-grid,.article-flow{grid-template-columns:1fr}.article-metric-card,.article-flow li{min-height:0}.article-flow strong{margin-top:24px}.article-evidence-links a{flex-direction:column;align-items:flex-start;gap:6px}.article-evidence-links small{text-align:left}.approach-card,.approach-card:last-child{grid-column:auto;min-height:260px}.approach-card h3{margin-top:42px}.site-footer{flex-direction:column;align-items:flex-start;padding-bottom:86px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--column:760px}body{font-size:16px}.site-header{border-bottom:1px solid var(--line);background:var(--bg);backdrop-filter:none;position:static}.site-header .site-header-inner,.page,.page-footer-inner,.article-shell.shell{width:min(var(--column), calc(100% - 40px));max-width:none;margin-inline:auto}.site-header-inner{align-items:center;gap:18px;min-height:64px;display:flex}.site-name{font-family:var(--font-display);letter-spacing:-.02em;margin-right:auto;font-size:1.05rem;font-weight:600}.site-nav{align-items:center;gap:18px;display:flex}.site-nav a{color:var(--faint);white-space:nowrap;font-size:.88rem}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current=page]{color:var(--ink);outline:none}.site-nav a[aria-current=page]{font-weight:600}.header-actions{align-items:center;gap:12px;display:flex}.page{padding:44px 0 72px}.page-head{margin-bottom:8px}.page-head h1{font-family:var(--font-serif);letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:600;line-height:1.15}.page-head p{color:var(--muted);margin:10px 0 0;font-size:.92rem;line-height:1.6}.intro{grid-template-columns:minmax(0,1fr) 180px;align-items:start;gap:40px;display:grid}.intro h1{font-family:var(--font-serif);letter-spacing:-.02em;margin:0;font-size:2.4rem;font-weight:600;line-height:1.1}.intro-role{color:var(--muted);margin:8px 0 0;font-size:.95rem}.intro-bio{font-family:var(--font-serif);margin:20px 0 0;font-size:1.06rem;line-height:1.75}.intro-links{flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;font-size:.9rem;display:flex}.intro-links a,.section-more{color:var(--accent-ink)}.intro-links a:hover,.section-more:hover{text-underline-offset:3px;text-decoration:underline}.intro-photo{object-fit:cover;border-radius:50%;width:180px;height:180px}.home-section{margin-top:52px}.home-section h2{font-family:var(--font-serif);letter-spacing:-.01em;margin:0 0 6px;font-size:1.35rem;font-weight:600}.highlight-list,.experience-list{margin:0;padding:0;list-style:none}.highlight-list li{border-bottom:1px solid var(--line);padding:14px 0}.highlight-list a{font-family:var(--font-serif);font-size:1.08rem;font-weight:600;line-height:1.4;display:block}.highlight-list a:hover{color:var(--accent-ink)}.highlight-list span{color:var(--muted);margin-top:4px;font-size:.86rem;display:block}.experience-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:12px;padding:12px 0;font-size:.92rem;display:grid}.experience-company{font-weight:600}.experience-role{color:var(--muted)}.experience-period{color:var(--faint);white-space:nowrap;font-size:.84rem}.section-more{margin-top:14px;font-size:.86rem;display:inline-block}.writing-list,.entry-list,.project-list{border-top:0;margin:0;padding:0;list-style:none}.writing-item,.entry{padding:18px 0}.writing-item[hidden]{display:none}.writing-title,.entry-title,.item-title{font-family:var(--font-serif);letter-spacing:-.01em;font-size:1.32rem;font-weight:500;line-height:1.3}.writing-title:hover,.entry-title:hover,.project-item a:hover .item-title{color:var(--accent-ink)}.writing-description,.entry-text,.item-text{color:var(--muted);margin:4px 0 0;font-size:.92rem;line-height:1.55}.writing-meta,.entry-sub,.item-meta{color:var(--faint);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:6px 0 0;font-size:.8rem;display:flex}.writing-meta a,.tag-filter a{background:var(--surface-muted);color:var(--accent-ink);font-family:var(--font-mono);border-radius:3px;padding:1px 6px;font-size:.72rem}.writing-meta a:hover,.tag-filter a:hover{background:var(--accent-soft)}.lang-badge{color:var(--faint);font-family:var(--font-sans);vertical-align:3px;margin-left:8px;font-size:.72rem;display:inline-block}.writing-tools{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:18px 0 6px;display:flex}.tag-filter{flex-wrap:wrap;flex:420px;gap:6px;display:flex}.tag-filter a[aria-current=page]{background:var(--accent-soft);color:var(--ink);font-weight:600}.writing-search{border:1px solid var(--line);background:var(--surface);width:180px;height:30px;color:var(--ink);font:inherit;border-radius:4px;padding:0 10px;font-size:.82rem}.writing-search:focus{outline:2px solid var(--accent);outline-offset:1px}.writing-empty{color:var(--muted);padding:24px 0;font-size:.92rem}.project-item a{grid-template-columns:128px minmax(0,1fr);align-items:start;gap:20px;padding:18px 0;display:grid}.project-item-thumb{border:1px solid var(--line);background:#fff;border-radius:4px;justify-content:center;align-items:center;width:128px;height:80px;display:flex;overflow:hidden}.project-item-thumb img{object-fit:contain;width:100%;height:100%;padding:4px}.project-item-body{min-width:0;display:block}.project-item-body>span{display:block}.project-item-body>.item-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.entry-links{flex-wrap:wrap;gap:14px;margin:8px 0 0;font-size:.86rem;display:flex}.entry-links a{color:var(--accent-ink)}.entry-links a:hover{text-underline-offset:3px;text-decoration:underline}.writing-article{max-width:720px;margin-top:28px}.writing-article h1,.article-header h1{font-family:var(--font-serif);letter-spacing:-.02em;margin:10px 0 0;font-size:2.3rem;font-weight:600;line-height:1.2}.writing-lead{color:var(--muted);margin:14px 0 0;font-size:1.02rem;line-height:1.6}.writing-origin{color:var(--faint);margin:12px 0 0;font-size:.82rem}.writing-origin a{color:var(--accent-ink)}.writing-prose{font-family:var(--font-serif);margin-top:32px;font-size:1.12rem;line-height:1.75}html[lang=ko] .writing-prose{font-size:1.04rem;line-height:1.85}.writing-prose h2{margin:2em 0 .5em;font-size:1.5rem;font-weight:600;line-height:1.3}.writing-prose h3{margin:1.6em 0 .4em;font-size:1.2rem;font-weight:600;line-height:1.35}.writing-prose p,.writing-prose ul,.writing-prose ol,.writing-prose blockquote,.writing-prose table{margin:0 0 1.1em}.writing-prose ul,.writing-prose ol{padding-left:1.4em}.writing-prose ul{list-style:outside}.writing-prose ol{list-style:decimal}.writing-prose li+li{margin-top:.3em}.writing-prose a{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline}.writing-prose code{background:var(--surface-muted);font-family:var(--font-mono);border-radius:3px;padding:.1em .35em;font-size:.82em}.writing-prose pre,.writing-cite pre{border:1px solid var(--line);border-radius:4px;margin:0 0 1.3em;padding:14px 16px;font-size:.84rem;line-height:1.6;overflow-x:auto}.writing-prose pre code{font-size:inherit;background:0 0;padding:0}.writing-prose blockquote{border-left:3px solid var(--line-strong);color:var(--muted);padding-left:16px}.writing-prose img{margin:1.5em auto}.writing-prose .post-figure{margin:2em 0}.writing-prose .post-figure :is(img,picture){max-width:100%;height:auto;margin:0 auto;display:block}.writing-prose .post-figure .figure-dark,:root[data-theme=dark] .writing-prose .post-figure .figure-light{display:none}:root[data-theme=dark] .writing-prose .post-figure .figure-dark{display:block}.writing-prose .post-figure--screenshot img{border:1px solid var(--line);border-radius:6px;max-width:min(100%,400px)}.writing-prose .post-figure figcaption{color:var(--muted);font-family:var(--font-sans);text-align:center;margin-top:10px;font-size:.82rem;line-height:1.5}.writing-prose table{border-collapse:collapse;width:100%;font-family:var(--font-sans);font-size:.9rem}.writing-prose th,.writing-prose td{border-bottom:1px solid var(--line);text-align:left;padding:8px 10px}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}.writing-cite{border-top:1px solid var(--line);margin-top:52px;padding-top:20px;font-size:.86rem;line-height:1.6}.writing-cite h2{margin:0;font-size:.86rem;font-weight:600}.writing-cite p{color:var(--muted);margin:8px 0 0}.writing-cite pre{background:var(--surface);font-family:var(--font-mono);margin-top:12px}.cv-identity{border-bottom:1px solid var(--line);padding:18px 0 22px}.cv-name{font-family:var(--font-serif);margin:0;font-size:1.5rem;font-weight:600}.cv-title{margin:4px 0 0;font-weight:500}.cv-contact{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:10px 0 0;font-size:.86rem;display:flex}.cv-contact a,.cv-scope a,.cv-link{color:var(--accent-ink)}.cv-summary{font-family:var(--font-serif);margin:16px 0 0;font-size:1.02rem;line-height:1.7}.cv-section{padding-top:30px}.cv-section>h2{border-bottom:1px solid var(--line);font-family:var(--font-serif);margin:0 0 12px;padding-bottom:6px;font-size:1.2rem;font-weight:600}.cv-block+.cv-block{margin-top:20px}.cv-block-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:6px;display:flex}.cv-block h3{margin:0 0 6px;font-size:1rem;font-weight:600}.cv-block-head h3{margin:0}.cv-role{color:var(--muted);font-weight:400}.cv-period,.cv-link{white-space:nowrap;font-size:.82rem}.cv-period{color:var(--faint)}.cv-scope{color:var(--muted);margin:2px 0 10px;font-size:.86rem}.cv-bullets,ul.cv-plain{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cv-bullets li{padding-left:16px;font-size:.92rem;line-height:1.65;position:relative}.cv-bullets li:before{background:var(--faint);content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:.7em;left:3px}.cv-plain,.cv-plain li{margin:0;font-size:.92rem;line-height:1.65}.cv-label{font-weight:600}.cv-sep{color:var(--faint)}.page-footer{border-top:1px solid var(--line)}.page-footer-inner{color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:22px 0 36px;font-size:.82rem;display:flex}.page-footer nav{flex-wrap:wrap;gap:16px;display:flex}.page-footer a:hover{color:var(--ink)}html[lang=ko] .intro-bio,html[lang=ko] .writing-description,html[lang=ko] .writing-prose,html[lang=ko] .item-text,html[lang=ko] .cv{word-break:keep-all}@media (width<=680px){.site-header-inner{flex-wrap:wrap;gap:0 12px;min-height:0;padding-top:14px}.site-nav{scrollbar-width:none;order:3;gap:16px;width:100%;padding:10px 0 12px;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.page{padding-top:28px}.intro{grid-template-columns:1fr;gap:20px}.intro-photo{order:-1;width:120px;height:120px}.intro h1{font-size:2rem}.experience-list li{grid-template-columns:1fr auto}.experience-role{grid-row:2}.project-item a{grid-template-columns:88px minmax(0,1fr);gap:14px}.project-item-thumb{width:88px;height:56px}.writing-search{width:100%}.writing-article h1,.article-header h1{font-size:1.85rem}}
