:root{--c-page:#fdfdfe;--c-bg:#fff;--c-surface:#f6f7f9;--c-surface-strong:#eceef2;--c-border:#dcdfe5;--c-border-strong:#c3c7cf;--c-divider:#d3dbeb;--c-text:#17181c;--c-text-secondary:#3f4149;--c-text-muted:#6f727b;--c-accent:#1d2475;--c-accent-hover:#151a57;--c-accent-light:#88affc;--c-accent-soft:#edf3ff;--c-focus:#1d2475;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--fs-display:clamp(2rem, 1.4rem + 2.6vw, 3.25rem);--fs-h1:clamp(1.75rem, 1.35rem + 1.7vw, 2.5rem);--fs-h2:clamp(1.3rem, 1.15rem + .7vw, 1.625rem);--fs-h3:clamp(1.0625rem, 1rem + .3vw, 1.1875rem);--fs-body:1rem;--fs-sm:.9375rem;--fs-xs:.8125rem;--lh-tight:1.2;--lh-snug:1.4;--lh-body:1.7;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--sp-9:6rem;--w-page:1080px;--w-prose:720px;--pad-x:clamp(1.25rem, 4vw, 2.5rem);--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #14161c0d;--shadow:0 6px 20px -8px #14161c1f;--shadow-card:0 2px 4px #14161c14, 0 10px 28px -8px #14161c42;--shadow-card-hover:0 4px 8px #14161c1a, 0 22px 44px -12px #14161c5c;--header-h:60px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--sp-4))}body{background:var(--c-page);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;word-break:keep-all;overflow-wrap:break-word;margin:0}h1,h2,h3,h4{line-height:var(--lh-tight);letter-spacing:-.02em;margin:0;font-weight:600}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);letter-spacing:-.01em}p{margin:0}ul,ol{margin:0;padding-left:1.15em}li+li{margin-top:var(--sp-2)}a{color:var(--c-accent);text-decoration:none}a:hover{color:var(--c-accent-hover);text-underline-offset:3px;text-decoration:underline}img,video,svg,iframe{max-width:100%;display:block}code,kbd,pre{font-family:var(--font-mono);font-size:.875em}code{background:var(--c-surface-strong);border-radius:var(--radius-sm);padding:.1em .35em}pre{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-4);margin:0;line-height:1.6;overflow-x:auto}pre code{background:0 0;padding:0}hr{border:0;border-top:1px solid var(--c-border);margin:var(--sp-6) 0}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--c-accent-soft)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--sp-4);z-index:100;background:var(--c-text);color:#fff;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);transition:top .15s;position:absolute;top:-100px}.skip-link:focus{top:var(--sp-3);color:#fff;text-decoration:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site{flex-direction:column;min-height:100dvh;display:flex}.site-main{flex:1}.container{width:100%;max-width:var(--w-page);padding-inline:var(--pad-x);margin-inline:auto}.container--prose{max-width:var(--w-prose)}.section{padding-block:clamp(2.5rem,1.5rem + 4vw,4.5rem)}.section--tight{padding-block:clamp(2rem,1.4rem + 2vw,3rem)}.section+.section{border-top:2px solid var(--c-divider)}.section-title{margin-bottom:var(--sp-5)}.more-projects{margin-top:var(--sp-5)}.more-projects__summary{padding:var(--sp-4);border:1px solid var(--c-accent);border-radius:var(--radius-lg);background:var(--c-accent-soft);text-align:center;font-size:var(--fs-sm);color:var(--c-accent);cursor:pointer;font-weight:600;list-style:none;transition:background .15s,border-color .15s}.more-projects__summary::-webkit-details-marker{display:none}.more-projects__summary:hover{border-color:var(--c-accent);background:#dfe9ff}.more-projects__summary:after{content:" 펼치기 ▾"}.more-projects[open]>.more-projects__summary{margin-bottom:var(--sp-6)}.more-projects[open]>.more-projects__summary:after{content:" 접기 ▴"}.site-header{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--c-border);background:#ffffffe0;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--sp-4);min-height:var(--header-h);display:flex}.brand{align-items:baseline;gap:var(--sp-2);color:var(--c-text);letter-spacing:-.02em;font-weight:600;display:inline-flex}.brand:hover{color:var(--c-text);text-decoration:none}.brand__role{font-size:var(--fs-xs);color:var(--c-text-muted);letter-spacing:0;font-weight:400}.nav{align-items:center;gap:var(--sp-1);display:flex}.nav__link{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--c-text-secondary);font-size:var(--fs-sm);font-weight:500}.nav__link:hover{background:var(--c-surface-strong);color:var(--c-text);text-decoration:none}.nav__link[aria-current]{color:var(--c-text);background:var(--c-surface-strong)}.nav-toggle{align-items:center;gap:var(--sp-2);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--c-text-secondary);background:0 0;display:none}@media (width<=640px){.nav-toggle{display:inline-flex}.nav{inset-inline:0;padding:var(--sp-2) var(--pad-x) var(--sp-4);background:var(--c-bg);border-bottom:1px solid var(--c-border);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%}.nav[data-open=false]{display:none}.nav__link{padding:var(--sp-3);font-size:var(--fs-body)}}.site-footer{border-top:1px solid var(--c-border);background:var(--c-bg);padding-block:var(--sp-6);font-size:var(--fs-sm);color:var(--c-text-secondary)}.site-footer__inner{justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;display:flex}.footer-links{gap:var(--sp-4);flex-wrap:wrap;display:flex}.eyebrow{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted);font-weight:500}.lead{color:var(--c-text-secondary);font-size:clamp(1.0625rem,1rem + .4vw,1.1875rem)}.muted{color:var(--c-text-muted)}.prose>*+*{margin-top:var(--sp-4)}.prose p,.prose li{color:var(--c-text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fs-sm);border:1px solid #0000;padding:.625rem 1.125rem;font-weight:500;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn--primary{background:var(--c-accent);color:#fff}.btn--primary:hover{background:var(--c-accent-hover);color:#fff}.btn--ghost{background:var(--c-bg);border-color:var(--c-border-strong);color:var(--c-text)}.btn--ghost:hover{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-text)}.btn--soft{background:var(--c-accent-soft);color:var(--c-accent);border-color:#c4d0ee;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s;box-shadow:0 1px 2px #14161c14,0 4px 10px -4px #14161c2e}.btn--soft:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px -6px #1d247573}.btn--soft:active{transform:translateY(0)}.btn--sm{font-size:var(--fs-xs);padding:.45rem .875rem}.btn-row{gap:var(--sp-3);flex-wrap:wrap;display:flex}.tags{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tags li+li{margin-top:0}.tag{border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text-secondary);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:nowrap;padding:.15rem .5rem;line-height:1.6;display:inline-block}.hero{padding-top:clamp(3rem,2rem + 6vw,6rem)}.hero+.section{padding-top:clamp(2rem,1.5rem + 2vw,3rem)}.hero__name{font-size:var(--fs-display);margin-top:var(--sp-3)}.hero__name-en{color:var(--c-text-muted);letter-spacing:0;margin-left:.35em;font-size:.55em;font-weight:500}.hero__headline{margin-top:var(--sp-3);font-size:var(--fs-h3);color:var(--c-text-secondary)}.highlights{margin:var(--sp-6) 0 0;gap:var(--sp-3);padding:0;list-style:none;display:grid}.highlights__item{font-size:var(--fs-body);color:var(--c-text-secondary);padding-left:1.1rem;position:relative}.highlights__item+.highlights__item{margin-top:0}.highlights__item:before{content:"";background:var(--c-accent);border-radius:2px;width:6px;height:6px;position:absolute;top:.66em;left:0}.highlights__link{margin-left:var(--sp-2);font-size:var(--fs-sm);white-space:nowrap;font-weight:500}.hero__phrase{display:inline-block}.highlights__lead{color:var(--c-text);font-weight:600}.hero__more{margin-top:var(--sp-4);font-size:var(--fs-sm);padding-left:1.1rem;font-weight:500;display:inline-block}.highlights__link,.hero__more,.contact-list a,.prose a{text-decoration:underline;-webkit-text-decoration-color:var(--c-accent-light);text-decoration-color:var(--c-accent-light);text-underline-offset:3px;text-decoration-thickness:1.5px;transition:text-decoration-color .15s}.highlights__link:hover,.hero__more:hover,.contact-list a:hover,.prose a:hover{text-decoration-color:currentColor}.facts{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:0;padding:0;list-style:none;display:grid}.facts li+li{margin-top:0}.fact{border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-4);background:var(--c-bg)}.fact__label{font-size:var(--fs-xs);color:var(--c-text-muted)}.fact__value{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--c-text);font-weight:500}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:clamp(1.25rem,1rem + 1.5vw,2rem);display:grid}.project-grid+.repo-projects{margin-top:var(--sp-8)}.featured-list{gap:clamp(1.25rem,1rem + 1.5vw,2rem);display:grid}.card{border:2px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-bg);box-shadow:var(--shadow-card);background-clip:padding-box;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.card--clickable{cursor:pointer}.card.card--flash{border-color:var(--c-accent-light);box-shadow:0 0 0 2px var(--c-accent-light), 0 0 24px 6px #88affcbf, 0 0 64px 18px #88affc66;animation:1.6s ease-in-out 2 card-neon,1.2s ease-out 3.2s forwards card-neon-out}@keyframes card-neon{50%{box-shadow:0 0 0 2px var(--c-accent-light), 0 0 12px 2px #88affc80, 0 0 32px 8px #88affc33}}@keyframes card-neon-out{to{border-color:var(--c-border);box-shadow:var(--shadow-card)}}@media (prefers-reduced-motion:reduce){.card.card--flash{animation:none}}.card:hover,.card:focus-within{border-color:var(--c-accent);box-shadow:var(--shadow-card-hover)}.card--wide{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.card--wide figure{height:100%}.card--wide .media--card{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--c-border);width:100%;height:100%;min-height:100%}.card--wide .card__body{gap:var(--sp-2)}.card__highlight{font-size:var(--fs-sm);color:var(--c-text);margin:0}.card__highlight-item{white-space:nowrap}.card__highlight-label{margin-right:var(--sp-2);padding:0 var(--sp-2);border-radius:var(--radius-sm);background:var(--c-surface-strong);color:var(--c-text-secondary);font-size:var(--fs-xs);vertical-align:.1em;font-weight:600;display:inline-block}@media (width<=720px){.card--wide{grid-template-columns:1fr}.card--wide .media--card{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--c-border)}}.card__body{gap:var(--sp-3);padding:var(--sp-5);flex-direction:column;flex:1;display:flex}.card__meta{gap:var(--sp-1);font-size:var(--fs-xs);color:var(--c-text-muted);flex-direction:column;display:flex}.card__title{font-size:var(--fs-h3)}.card__title a{color:var(--c-text)}.card__title a:hover{color:var(--c-accent);text-decoration:none}.card__summary{font-size:var(--fs-sm);color:var(--c-text-secondary);margin:0}.card__footer{gap:var(--sp-2);padding-top:var(--sp-2);flex-wrap:wrap;margin-top:auto;display:flex}.media{aspect-ratio:16/9;background:var(--c-surface-strong);position:relative;overflow:hidden}.media--card{border-bottom:1px solid var(--c-border)}.media--standalone{border:1px solid var(--c-border);border-radius:var(--radius-lg)}.media iframe,.media video,.media img{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.media__facade{background:var(--c-surface-strong);border:0;place-items:center;width:100%;padding:0;display:grid;position:absolute;inset:0}.media__play{color:#fff;background:#17181cd1;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .15s,background .15s;display:grid;position:relative}.media__facade:hover .media__play{background:#17181c;transform:scale(1.06)}.media__placeholder{place-content:center;justify-items:center;gap:var(--sp-2);text-align:center;padding:var(--sp-4);color:var(--c-text-muted);font-size:var(--fs-xs);background:repeating-linear-gradient(45deg, var(--c-surface), var(--c-surface) 10px, var(--c-surface-strong) 10px, var(--c-surface-strong) 20px);display:grid;position:absolute;inset:0}.breadcrumb{font-size:var(--fs-sm);color:var(--c-text-muted);margin-bottom:var(--sp-4)}.detail-header{padding-block:clamp(2rem, 1.5rem + 3vw, 3.5rem) var(--sp-5)}.detail-header__title{margin-top:var(--sp-3);max-width:26ch}.detail-header__summary{margin-top:var(--sp-4);max-width:62ch}.detail-header__links{margin-top:var(--sp-5)}.meta-grid{gap:var(--sp-4) var(--sp-5);padding:var(--sp-5) 0 0;border-top:1px solid var(--c-border);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0;display:grid}.meta-grid dt{font-size:var(--fs-xs);color:var(--c-text-muted)}.meta-grid dd{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);font-weight:500}.detail-body{gap:clamp(2rem,1.5rem + 3vw,3.5rem);max-width:840px;display:grid}.detail-body p,.detail-body li,.detail-body dd{text-wrap:pretty}.detail-body h3{text-wrap:balance}.block__title{padding-bottom:var(--sp-3);border-bottom:2px solid var(--c-divider);margin-bottom:var(--sp-4)}.feature-list{gap:var(--sp-5);margin:0;padding:0;list-style:none;display:grid}.feature-list>li+li{margin-top:0}.feature__head{align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}.feature__body{margin-top:var(--sp-2);color:var(--c-text-secondary);font-size:var(--fs-sm)}.feature__media{margin-top:var(--sp-4)}.feature__body>p+p,.problem-solution__row>dd>p+p{margin-top:var(--sp-3)}.callout{border:2px solid var(--c-border);border-left:4px solid var(--c-accent);border-radius:var(--radius);background:var(--c-surface);padding:var(--sp-4) var(--sp-5);box-shadow:0 1px 3px #14161c0f,0 6px 16px -8px #14161c29}.callout__label{font-size:var(--fs-h3);color:var(--c-accent);letter-spacing:-.01em;font-weight:700}.callout .prose li,.callout .prose p{color:var(--c-text)}.problem-solution{gap:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-5);margin:0;display:grid}.problem-solution__row>dt{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-muted);font-weight:600}.problem-solution__row>dd{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);color:var(--c-text-secondary)}.problem-solution__row+.problem-solution__row{border-top:1px solid var(--c-border);padding-top:var(--sp-4)}.figure{margin:0}.figure img{border:1px solid var(--c-border);border-radius:var(--radius);background:#fff;width:100%;height:auto;display:block}.figure figcaption{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-muted);text-wrap:pretty}.data-table{gap:var(--sp-2);display:grid}.feature__body+.data-table{margin-top:var(--sp-4)}.data-table__caption,.data-table__notes{font-size:var(--fs-xs);color:var(--c-text-muted)}.data-table__notes{margin:0;padding-left:1.1em}.data-table__scroll{border:1px solid var(--c-border);border-radius:var(--radius);overflow-x:auto}.data-table table{border-collapse:collapse;width:100%;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border);text-align:right;vertical-align:top}.data-table thead th{background:var(--c-surface);color:var(--c-text-secondary);white-space:nowrap;font-weight:600}.data-table tbody th{text-align:left;color:var(--c-text);min-width:11em;font-weight:500}.data-table thead th:first-child{text-align:left}.data-table td{color:var(--c-text-secondary);white-space:nowrap}.data-table tbody tr:last-child>*{border-bottom:0}.about-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.skill-group{border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-5)}.skill-group__title{font-size:var(--fs-sm);margin-bottom:var(--sp-3);font-weight:600}.timeline{gap:var(--sp-5);margin:0;padding:0;list-style:none;display:grid}.timeline>li+li{border-top:1px solid var(--c-border);padding-top:var(--sp-5);margin-top:0}.timeline__row{gap:var(--sp-4);grid-template-columns:170px 1fr;display:grid}@media (width<=640px){.timeline__row{gap:var(--sp-2);grid-template-columns:1fr}}.timeline__period{font-size:var(--fs-sm);color:var(--c-text-muted);font-variant-numeric:tabular-nums}.timeline__title{font-size:var(--fs-h3)}.timeline__org{font-size:var(--fs-sm);color:var(--c-text-secondary);margin-top:var(--sp-1)}.contact-list{gap:var(--sp-4);font-size:var(--fs-sm);margin:0;display:grid}.contact-list dt{color:var(--c-text-muted);font-size:var(--fs-xs)}.contact-list dd{margin:var(--sp-1) 0 0}.notfound{padding-block:var(--sp-9);text-align:center}.notfound__actions{margin-top:var(--sp-5);justify-content:center}