:root{--white:#fff;--black:#000;--page:#fff;--card:#fff;--surface:#f5f5f7;--surface-2:#fafafc;--invert-bg:#000;--ink:#1d1d1f;--ink-2:#6e6e73;--ink-3:#86868b;--line:#d2d2d7;--line-soft:#e8e8ed;--shadow-color:#00000042;--hero-glow:#12121812;--hero-glow-soft:#1212180b;--hero-grid:#0000000d;--nav-bg:#ffffffb8;--nav-border:#00000014;--sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Apple SD Gothic Neo", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--r-sm:12px;--r-md:18px;--r-lg:28px;--maxw:1200px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:17px;line-height:1.47}:root[data-theme=dark]{--page:#000;--card:#1c1c1e;--surface:#101012;--surface-2:#161618;--invert-bg:#1c1c1e;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#86868b;--line:#38383c;--line-soft:#2a2a2e;--shadow-color:#0009;--hero-glow:#ffffff1c;--hero-glow-soft:#ffffff0f;--hero-grid:#ffffff0d;--nav-bg:#161618b8;--nav-border:#ffffff1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:no-preference){body,.section--dark,.section--muted,.bento__card,.skills__card,.awards__card,.footer,.nav.is-scrolled{transition:background-color .4s,color .4s,border-color .4s}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page);overflow-x:hidden}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}.display{letter-spacing:-.03em;font-size:clamp(2.75rem,7vw,5.5rem);font-weight:700;line-height:1.05}.headline{letter-spacing:-.02em;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;line-height:1.08}.title{letter-spacing:-.015em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.12}.subhead{letter-spacing:-.01em;font-size:clamp(1.05rem,2vw,1.5rem);font-weight:500;line-height:1.3}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:.8rem;font-weight:600}.body-lg{color:var(--ink-2);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.5}.mono{font-family:var(--mono)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:22px}.section{padding-block:clamp(80px,12vw,160px)}.section--dark{background:var(--invert-bg);color:var(--white)}.section--dark .body-lg,.section--dark .eyebrow{color:#ffffffa8}.section--muted{background:var(--surface)}.btn{will-change:transform;border-radius:980px;justify-content:center;align-items:center;gap:6px;padding:12px 22px;font-size:1.0625rem;font-weight:500;transition:transform .12s ease-out,background-color .2s,color .2s,opacity .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--ink);color:var(--page)}.btn--primary:hover{opacity:.85}.btn--on-dark{background:var(--white);color:var(--black)}.btn--on-dark:hover{opacity:.88}.btn--ghost{border:1px solid var(--line);color:var(--ink)}.btn--ghost:hover{background:var(--surface)}.link-chevron{color:var(--ink);align-items:center;gap:2px;font-size:1.0625rem;font-weight:400;display:inline-flex}.link-chevron .chev{transition:transform .2s}.link-chevron:hover{text-decoration:underline}.link-chevron:hover .chev{transform:translate(3px)}.section--dark .link-chevron{color:var(--white)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.section--dark :focus-visible{outline-color:#fff}.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{z-index:200;background:var(--ink);color:var(--page);border-radius:10px;padding:10px 16px;transition:top .2s;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}::selection{background:var(--ink);color:var(--page)}.theme-toggle{width:38px;height:38px;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;transition:background-color .2s,border-color .2s,transform .12s;display:inline-grid}.theme-toggle:hover{background:var(--surface);border-color:var(--ink-3)}.theme-toggle:active{transform:scale(.92)}.theme-toggle__icon{grid-area:1/1;place-items:center;display:inline-grid}.nav{z-index:100;background:0 0;border-bottom:1px solid #0000;height:52px;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;position:fixed;inset:0 0 auto}.nav.is-scrolled{background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom-color:var(--nav-border)}.nav__inner{justify-content:space-between;align-items:center;gap:20px;height:100%;display:flex}.nav__brand{letter-spacing:-.02em;color:var(--ink);font-size:1.15rem;font-weight:600}.nav__brand-dot{color:var(--ink-3)}.nav__links{align-items:center;gap:34px;margin-inline:auto;display:flex}.nav__link{color:var(--ink-2);font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.nav__link:hover{color:var(--ink)}.nav__link.is-active{color:var(--ink);font-weight:600}.nav__link.is-active:after{content:"";background:var(--ink);border-radius:2px;height:2px;position:absolute;bottom:-7px;left:0;right:0}.nav__end{align-items:center;gap:12px;display:flex}.nav__cta{color:var(--page);background:var(--ink);border-radius:980px;padding:7px 16px;font-size:.9rem;font-weight:500;transition:transform .12s,opacity .2s}.nav__cta:hover{opacity:.85}.nav__cta:active{transform:scale(.96)}.nav__burger{width:40px;height:40px;display:none;position:relative}.nav__burger-line{background:var(--ink);height:1.5px;transition:transform .3s,top .3s,opacity .2s;position:absolute;left:10px;right:10px}.nav__burger-line:first-child{top:17px}.nav__burger-line:last-child{top:23px}.nav__burger-line.top{top:20px;transform:rotate(45deg)}.nav__burger-line.bot{top:20px;transform:rotate(-45deg)}.nav__sheet{background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(24px);padding:24px 22px;position:fixed;inset:52px 0 0}.nav__sheet ul{flex-direction:column;display:flex}.nav__sheet li{border-bottom:1px solid var(--line-soft)}.nav__sheet a{letter-spacing:-.02em;color:var(--ink);padding:18px 4px;font-size:1.5rem;font-weight:500;display:block}@media (width<=768px){.nav__links,.nav__cta{display:none}.nav__end{margin-left:auto}.nav__burger{margin-right:-8px;display:block}}@media (prefers-reduced-transparency:reduce){.nav.is-scrolled,.nav__sheet{background:var(--page);-webkit-backdrop-filter:none}}.hero{text-align:center;background:radial-gradient(120% 80% at 50% 0%, var(--page) 0%, var(--page) 45%, var(--surface) 100%);justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero__visual{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__blobs{will-change:transform;position:absolute;inset:0}.hero__blob{filter:blur(64px);will-change:transform;border-radius:50%;position:absolute}.hero__blob--1{background:radial-gradient(circle, var(--hero-glow) 0%, transparent 70%);width:46vw;min-width:340px;height:46vw;min-height:340px;animation:14s ease-in-out infinite heroFloat1;top:20%;left:50%;translate:-50%}.hero__blob--2{background:radial-gradient(circle, var(--hero-glow-soft) 0%, transparent 70%);width:34vw;min-width:260px;height:34vw;min-height:260px;animation:18s ease-in-out infinite heroFloat2;top:8%;left:14%}.hero__blob--3{background:radial-gradient(circle, var(--hero-glow-soft) 0%, transparent 70%);width:38vw;min-width:280px;height:38vw;min-height:280px;animation:16s ease-in-out infinite heroFloat3;bottom:6%;right:10%}.hero__grid{background-image:radial-gradient(var(--hero-grid) 1px, transparent 1.4px);will-change:transform;background-size:26px 26px;position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 62%);mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 62%)}@keyframes heroFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translateY(-22px)scale(1.05)}}@keyframes heroFloat2{0%,to{transform:translate(0)}50%{transform:translate(18px,16px)}}@keyframes heroFloat3{0%,to{transform:translate(0)}50%{transform:translate(-16px,-14px)}}@media (prefers-reduced-motion:reduce){.hero__blob{animation:none}}.hero__inner{z-index:1;will-change:transform, opacity;padding-top:52px;position:relative}.hero__eyebrow{letter-spacing:.02em;color:var(--ink-3);margin-bottom:22px;font-size:.95rem;font-weight:500}.hero__title{background:linear-gradient(180deg, var(--ink) 0%, var(--ink-3) 145%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:14ch;margin:0 auto}.hero__tagline{letter-spacing:-.02em;max-width:22ch;color:var(--ink);margin:26px auto 0;font-size:clamp(1.35rem,3.4vw,2.2rem);font-weight:600;line-height:1.16}.hero__sub{max-width:34ch;margin:18px auto 0}.hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;margin-top:40px;display:flex}.hero__scroll{border:1.5px solid var(--line);border-radius:14px;justify-content:center;width:24px;height:38px;padding-top:7px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero__scroll-dot{background:var(--ink-3);border-radius:2px;width:4px;height:8px;animation:1.8s ease-in-out infinite scrollDot}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.hero__scroll-dot{animation:none}}.bento__grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.bento__card{border-radius:var(--r-lg);will-change:transform;flex-direction:column;grid-column:span 2;justify-content:flex-end;min-height:300px;padding:34px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;display:flex;position:relative;overflow:hidden}.bento--wide{grid-column:span 2}.bento--default{grid-column:span 1}.bento--full{grid-column:1/-1}.bento--dark{background:var(--invert-bg);color:var(--white);border:1px solid #0000}.bento--light{background:var(--card);border:1px solid var(--line-soft);color:var(--ink)}.bento--muted{background:var(--surface);color:var(--ink)}.bento__card.is-link{cursor:pointer}.bento__card.is-link:hover{box-shadow:0 22px 50px -24px var(--shadow-color);transform:translateY(-4px)}.bento__eyebrow{margin-bottom:14px}.bento--dark .bento__eyebrow{color:#ffffff8c}.bento__title{letter-spacing:-.02em;font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:700;line-height:1.1}.bento__desc{color:var(--ink-2);max-width:40ch;margin-top:12px;font-size:1.0625rem;line-height:1.4}.bento--dark .bento__desc{color:#ffffff9e}.bento__more{margin-top:18px;font-size:.98rem}.bento--dark .bento__more.link-chevron{color:#fff}@media (width<=900px){.bento__grid{grid-template-columns:repeat(2,1fr)}.bento--wide,.bento--default,.bento--full{grid-column:1/-1}.bento__card{min-height:260px}}.about__eyebrow{margin-bottom:28px}.about__statement{letter-spacing:-.02em;max-width:22ch;font-size:clamp(1.75rem,4.4vw,3.4rem);font-weight:600;line-height:1.28}.about__word{display:inline}.about__stats{border-top:1px solid #ffffff24;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(56px,8vw,96px);padding-top:44px;display:grid}.about__stat{flex-direction:column;gap:6px;display:flex}.about__stat-value{letter-spacing:-.03em;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;line-height:1}.about__stat-label{color:#ffffff8c;font-size:.95rem}@media (width<=640px){.about__stats{grid-template-columns:1fr;gap:32px}}.work__head{margin-bottom:clamp(48px,7vw,88px)}.work__title{margin-top:18px}.work__list{border-top:1px solid var(--line)}.work__item{border-bottom:1px solid var(--line)}.work__link{grid-template-columns:120px 1fr;gap:32px;padding:clamp(28px,4vw,44px) 8px;transition:padding-left .35s cubic-bezier(.22,1,.36,1);display:grid}.work__link.is-link:hover{padding-left:20px}.work__meta{color:var(--ink-3);flex-direction:column;gap:6px;padding-top:6px;font-size:.85rem;display:flex}.work__index{color:var(--ink);font-size:.95rem}.work__row{justify-content:space-between;align-items:center;gap:16px;display:flex}.work__name{letter-spacing:-.02em;font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:600;line-height:1.1}.work__arrow{border:1px solid var(--line);width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex-shrink:0;place-items:center;transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .3s,color .3s,border-color .3s;display:grid}.work__link.is-link:hover .work__arrow{background:var(--ink);color:var(--page);border-color:var(--ink);transform:rotate(0)translate(2px,-2px)}.work__category{letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3);margin-top:10px;font-size:.9rem;font-weight:500}.work__summary{max-width:58ch;color:var(--ink-2);margin-top:16px;font-size:1.0625rem;line-height:1.55}.work__tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.work__tag{color:var(--ink-2);border:1px solid var(--line);border-radius:980px;padding:6px 13px;font-size:.82rem;font-weight:500}@media (width<=640px){.work__link{grid-template-columns:1fr;gap:14px}.work__meta{flex-direction:row;gap:16px;padding-top:0}}.awards__head{margin-bottom:clamp(48px,7vw,84px)}.awards__title{margin-top:18px}.awards__lead{max-width:40ch;margin-top:18px}.awards__timeline{margin:0;padding:0;list-style:none;position:relative}.awards__timeline:before{content:"";background:linear-gradient(180deg, var(--line) 0%, var(--line) 92%, transparent 100%);width:1px;position:absolute;top:6px;bottom:6px;left:7px}.awards__item{grid-template-columns:40px 1fr;align-items:start;padding-bottom:20px;display:grid;position:relative}.awards__item:last-child{padding-bottom:0}.awards__marker{justify-content:center;height:100%;padding-top:30px;display:flex;position:relative}.awards__dot{background:var(--page);border:2px solid var(--ink);border-radius:50%;width:13px;height:13px;transition:transform .3s,background-color .3s;position:absolute;top:30px;left:1px}.awards__card{border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--card);padding:24px 26px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .3s}.awards__item:hover .awards__card{border-color:var(--line);box-shadow:0 18px 40px -22px var(--shadow-color);transform:translateY(-3px)}.awards__item:hover .awards__dot{background:var(--ink);transform:scale(1.15)}.awards__meta{align-items:center;gap:12px;margin-bottom:12px;display:flex}.awards__date{color:var(--ink-3);letter-spacing:.02em;font-size:.82rem}.awards__badge{letter-spacing:.02em;border-radius:980px;padding:3px 10px;font-size:.72rem;font-weight:600}.awards__badge--int{background:var(--surface);color:var(--ink-2)}.awards__badge--ext{background:var(--ink);color:var(--page)}.awards__name{letter-spacing:-.01em;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:600;line-height:1.25}.awards__desc{color:var(--ink-2);margin-top:8px;font-size:1rem}.awards__tags{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.awards__tag{color:var(--ink-2);border:1px solid var(--line);border-radius:980px;padding:5px 11px;font-size:.78rem;font-weight:500}@media (width>=760px){.awards__item{grid-template-columns:40px minmax(0,720px)}}@media (width<=520px){.awards__card{padding:20px}}.skills__head{margin-bottom:clamp(44px,6vw,72px)}.skills__grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.skills__card{background:var(--card);border-radius:var(--r-lg);border:1px solid var(--line-soft);padding:36px 32px}.skills__card-title{letter-spacing:-.01em;border-bottom:1px solid var(--line-soft);margin-bottom:8px;padding-bottom:20px;font-size:1.35rem;font-weight:600}.skills__item{color:var(--ink-2);border-bottom:1px solid var(--line-soft);padding:13px 0;font-size:1.05rem;transition:color .2s,padding-left .25s}.skills__item:last-child{border-bottom:none}.skills__item:hover{color:var(--ink);padding-left:6px}@media (width<=820px){.skills__grid{grid-template-columns:1fr}}.contact{text-align:center}.contact__inner{flex-direction:column;align-items:center;display:flex}.contact__title{margin-top:20px}.contact__sub{max-width:34ch;margin:22px auto 0}.contact__mailwrap{flex-direction:column;align-items:center;gap:18px;margin-top:clamp(40px,6vw,64px);display:flex}.contact__mail{letter-spacing:-.02em;color:var(--white);word-break:break-all;border-bottom:2px solid #ffffff40;padding-bottom:6px;font-size:clamp(1.5rem,4vw,2.6rem);font-weight:600;transition:border-color .3s,opacity .2s;display:inline-block}.contact__mail:hover{border-color:var(--white)}.contact__copy{color:var(--white);background:#ffffff1a;border:1px solid #fff3;border-radius:980px;padding:9px 18px;font-size:.9rem;font-weight:500;transition:background-color .25s,transform .12s}.contact__copy:hover{background:#ffffff2e}.contact__copy:active{transform:scale(.96)}.contact__socials{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:44px;display:flex}.contact__social{color:var(--white);border:1px solid #ffffff38;border-radius:980px;align-items:center;gap:6px;padding:11px 20px;font-size:.95rem;font-weight:500;transition:background-color .25s,border-color .25s,transform .12s;display:inline-flex}.contact__social:hover{background:#ffffff1a;border-color:#ffffff80}.contact__social:active{transform:scale(.97)}.contact__social.is-disabled{opacity:.4;cursor:not-allowed}.contact__social.is-disabled:hover{background:0 0;border-color:#ffffff38}.contact__soon{background:#ffffff24;border-radius:980px;padding:2px 7px;font-size:.7rem;font-weight:500}.footer{background:var(--page);border-top:1px solid var(--line-soft);padding-block:44px}.footer__top{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:28px;display:flex}.footer__brand{letter-spacing:-.02em;font-size:1.1rem;font-weight:600}.footer__brand span{color:var(--ink-3)}.footer__nav{gap:28px;display:flex}.footer__nav a{color:var(--ink-2);font-size:.9rem;transition:color .2s}.footer__nav a:hover{color:var(--ink)}.footer__bottom{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:24px;font-size:.82rem;display:flex}@media (width<=560px){.footer__nav{gap:18px}}.cursor-ring,.cursor-dot{z-index:9999;pointer-events:none;mix-blend-mode:difference;will-change:transform;background:#fff;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{width:11px;height:11px;margin:-5.5px 0 0 -5.5px}.cursor-ring{width:36px;height:36px;margin:-18px 0 0 -18px;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1),margin .28s cubic-bezier(.22,1,.36,1);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.6px),#000 calc(100% - 1.6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 1.6px),#000 calc(100% - 1.6px))}.cursor-ring.is-hover{width:60px;height:60px;margin:-30px 0 0 -30px}html.cursor-none,html.cursor-none *{cursor:none!important}