:root{--ink:#000;--paper:#fff;--ground:#f3f3f3;--hairline:#e3e3e3;--muted:#565656;--label:#818181;--accent:#ffd100;--font:"Archivo", system-ui, "Segoe UI", Roboto, sans-serif;--type-display:96px;--type-h1:64px;--type-lead:32px;--type-body:22px;--type-body-sm:18px;--type-label:14px;--track-display:-4px;--space-xs:32px;--space-s:64px;--space-m:96px;--space-l:128px;--space-xl:160px;--radius-card:32px;--radius-btn:12px;color:var(--ink);background:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent);color:var(--ink)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#000}body{color:var(--ink);background:var(--paper);font-size:var(--type-body);margin:0;line-height:150%;overflow-x:hidden}h1,h2,h3,h4,p,figure,blockquote{margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit}.site{background:var(--paper);overflow:clip}.container{width:min(100% - 64px,1440px);margin-inline:auto}.section{padding-block:var(--space-l)}.section--pad{padding-block:var(--space-xl)}.label{color:var(--label);font-size:var(--type-label);letter-spacing:.04em;font-weight:500}.display{font-size:var(--type-display);letter-spacing:var(--track-display);font-weight:700;line-height:1.05}.lead{font-size:var(--type-lead);color:var(--ink);max-width:34ch;line-height:1.35}.button{border-radius:var(--radius-btn);background:var(--ink);color:var(--paper);font-size:var(--type-body-sm);align-items:center;gap:12px;padding:16px 28px;font-weight:500;line-height:1;transition:background .2s,color .2s;display:inline-flex}.button:hover{background:var(--accent);color:var(--ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.cursor{background:var(--accent);pointer-events:none;z-index:1000;opacity:0;will-change:transform;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:0;transition:width .3s cubic-bezier(.34,1.56,.64,1),height .3s cubic-bezier(.34,1.56,.64,1),font-size .3s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:flex;position:fixed;top:0;left:0}.cursor span{letter-spacing:.02em;color:var(--ink);white-space:nowrap;opacity:0;font-size:14px;font-weight:600;transition:opacity .2s}.cursor--visible{opacity:1}.cursor--expanded{width:80px;height:80px}.cursor--expanded span{opacity:1}.cursor--hidden{width:4px;height:4px}.cursor--hidden span{opacity:0}@media (hover:none){.cursor{display:none}}.nav{z-index:100;color:var(--paper);border-bottom:1px solid #0000;transition:background .3s,color .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);border-color:var(--hairline);background:#ffffffc7}.nav__inner{justify-content:space-between;align-items:center;padding-block:20px;display:flex}.nav__wordmark{letter-spacing:-.02em;font-size:20px;font-weight:700}.nav__links ul{gap:40px;display:flex}.nav__links a{font-size:var(--type-label);letter-spacing:.04em;padding-block:4px;font-weight:500;display:inline-block;position:relative}.nav__links a:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav__links a:hover:after{transform-origin:0;transform:scaleX(1)}.hero{min-height:100svh;color:var(--paper);background:#000;align-items:center;display:flex;position:relative;overflow:hidden}.hero__inner{flex-direction:column;align-items:center;gap:96px;padding-block:120px;display:flex}.hero__meta{color:#ffffffc7;opacity:0;pointer-events:auto;font-size:20px;font-weight:500;animation:1s 1.5s forwards fade-in}.hero__nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.hero__nav-item{color:var(--paper);letter-spacing:.02em;opacity:0;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:12px;padding:14px 28px;font-size:16px;font-weight:500;transition:background .3s,color .3s,border-color .3s;animation:.9s 1.6s forwards fade-in;display:inline-flex}.hero__nav-item:hover{background:var(--accent);color:var(--ink);border-color:var(--accent)}.hero__nav-arrow{font-size:16px;transition:transform .3s}.hero__nav-item:hover .hero__nav-arrow{transform:translate(4px)}.rotate{transition:opacity .45s,transform .45s cubic-bezier(.16,1,.3,1);display:inline-block}.rotate--in{opacity:1;transform:translateY(0)}.rotate--out{opacity:0;transform:translateY(10px)}@keyframes fade-in{to{opacity:1}}.grid-row{grid-template-columns:240px minmax(0,1fr) 1fr;align-items:start;column-gap:40px;display:grid}.grid-row__label{padding-top:14px}.grid-row__content{grid-column:2/3}.grid-row__content .display,.grid-row__content .lead{margin-bottom:40px}.work{color:var(--paper);background:#000;padding-top:96px}.work .label{color:#ffffff80}.work__grid{grid-template-columns:repeat(12,1fr);gap:64px 40px;display:grid}.project-card:first-child{grid-column:span 7}.project-card:nth-child(2),.project-card:nth-child(3){grid-column:span 5}.project-card:nth-child(4){grid-column:span 7}.project-card:nth-child(5),.project-card:nth-child(6){grid-column:span 6}.project-card__link{flex-direction:column;height:100%;display:flex}.project-card__tags{align-items:baseline;gap:16px;padding:0 4px 16px;display:flex}.project-card__title{letter-spacing:-.02em;font-size:28px;font-weight:700}.project-card__sub{color:var(--label);font-size:var(--type-body-sm)}.project-card__year{color:var(--label);font-size:var(--type-body-sm);font-variant-numeric:tabular-nums;margin-left:auto}.project-card__image{aspect-ratio:4/3.2;border-radius:var(--radius-card);background:var(--ground);position:relative;overflow:hidden}.project-card__image svg{width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.project-card__link:hover .project-card__image svg{transform:scale(1.045)}.project-card--case .project-card__link{min-height:100%}.project-card__case{border-radius:var(--radius-card);background:var(--ink);height:100%;min-height:460px;color:var(--paper);border:1px solid #ffffff26;flex-direction:column;justify-content:space-between;gap:48px;padding:32px;display:flex;position:relative;overflow:hidden}.project-card__case:before,.project-card__case:after{content:"";pointer-events:none;border:1.5px solid #ffffff1a;border-radius:50%;position:absolute}.project-card__case:before{width:200px;height:200px;bottom:-50px;right:-50px}.project-card__case:after{width:130px;height:130px;bottom:-20px;right:-20px}.project-card__case .project-card__tags{z-index:1;padding:0;position:relative}.project-card__case .project-card__year{color:#ffffff80}.project-card__tag{font-size:var(--type-label);border:1px solid #ffffff4d;border-radius:999px;padding:4px 14px;line-height:1.2}.project-card__case-body{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.project-card__case-label{color:#ffffff80}.project-card__case-title{letter-spacing:-.03em;max-width:15ch;font-size:42px;font-weight:700;line-height:1.05}.project-card__case-desc{color:#fff9;font-size:var(--type-body-sm);max-width:42ch;line-height:1.6}.project-card__case-cta{color:var(--paper);font-size:var(--type-label);letter-spacing:.04em;align-items:center;gap:10px;margin-top:8px;font-weight:500;display:inline-flex}.project-card__case-cta:after{content:"→";transition:transform .3s}.project-card__link:hover .project-card__case-cta:after{transform:translate(4px)}.work__grid:has(>:only-child) .project-card{grid-column:1/-1}.footer{background:var(--ground);padding-top:var(--space-xl)}.footer__cta{margin-bottom:var(--space-xl)}.footer__title{font-size:clamp(56px,10vw,120px)}.footer__actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:48px;display:flex}.footer__or{color:var(--label);font-size:var(--type-body-sm)}.footer__email{font-size:var(--type-body-sm);border-bottom:1px solid var(--ink);padding-bottom:2px;font-weight:500;transition:color .2s,border-color .2s}.footer__email:hover{color:var(--muted);border-color:var(--muted)}.footer__columns{padding-block:var(--space-l);border-top:1px solid var(--hairline);grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer__col ul{flex-direction:column;gap:12px;margin-top:24px;display:flex}.footer__col a{font-size:var(--type-body);color:var(--ink)}.footer__col a:hover{text-decoration:underline}.footer__note{font-size:var(--type-lead);max-width:26ch}.footer__bar{border-top:1px solid var(--hairline);color:var(--label);font-size:var(--type-body-sm);flex-wrap:wrap;justify-content:space-between;gap:24px;padding-block:28px;display:flex}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--rd,0s);transform:translateY(32px)}.reveal.is-in{opacity:1;transform:translateY(0)}.about{min-height:100vh;color:var(--paper);background:#000;padding-top:96px}.about .label{color:#ffffff80}.page-back{color:var(--paper);letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:8px;margin-bottom:64px;padding:10px 20px;font-size:14px;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.page-back:hover{background:var(--accent);color:var(--ink);border-color:var(--accent)}.about__block{margin-top:80px}.about__sub{color:#ffffff80;margin:0 0 20px;font-size:16px;font-weight:500}.about__sub+.about__chips{margin-bottom:40px}.about__chips{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.about__chip{border:1px solid #ffffff40;border-radius:8px;padding:8px 16px;font-size:15px;transition:background .3s,color .3s,border-color .3s;display:inline-block}.about__chip:hover{background:var(--accent);color:var(--ink);border-color:var(--accent)}.about__entry{border-top:1px solid #ffffff1f;flex-direction:column;gap:6px;padding-block:24px;display:flex}.about__entry-head{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.about__entry-title{letter-spacing:-.02em;font-size:22px;font-weight:700}.about__entry-date{color:#ffffff80;letter-spacing:.04em;white-space:nowrap;font-size:14px}.about__entry-school{color:#fff9;font-size:16px}.about__experience{border:1px solid #fff3;border-radius:16px;flex-direction:column;gap:10px;padding:28px;display:flex}.about__experience-head{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.about__experience-title{letter-spacing:-.02em;font-size:22px;font-weight:700}.about__experience-award{border:1px solid var(--accent);color:var(--accent);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:5px 12px;font-size:13px}.about__experience-tags{color:#fff9;margin:0;font-size:16px}.about__cta{justify-content:center;margin-top:80px;display:flex}.about .button{background:var(--paper);color:var(--ink)}.about .button:hover{background:var(--accent);color:var(--ink)}button.hero__nav-item{cursor:pointer;background:0 0;font-family:inherit}.modal{z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal__scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;animation:.3s fade-in;position:absolute;inset:0}.modal__panel{-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);width:min(100%,480px);color:var(--paper);background:#ffffff0f;border:1px solid #ffffff24;border-radius:24px;flex-direction:column;gap:12px;padding:48px;animation:.4s cubic-bezier(.16,1,.3,1) modal-in;display:flex;position:relative;box-shadow:0 24px 80px #00000080}.modal .label{color:#ffffff80}.modal__close{width:36px;height:36px;color:var(--paper);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;font-size:20px;line-height:1;transition:background .2s,color .2s;position:absolute;top:20px;right:20px}.modal__close:hover{background:var(--accent);color:var(--ink)}.modal__title{letter-spacing:-.02em;margin:4px 0 20px;font-size:32px;font-weight:700}.modal__item{letter-spacing:-.01em;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;width:fit-content;font-size:22px;font-weight:600;text-decoration:none;transition:background-size .3s}.modal__item:hover{background-size:100% 1px}.modal__email{word-break:break-all}.modal__location{color:#fff9;font-size:var(--type-body-sm);margin-bottom:8px}.modal__socials{border-top:1px solid #ffffff24;flex-wrap:wrap;gap:24px;padding-top:20px;display:flex}.modal__socials a{font-size:var(--type-label);letter-spacing:.04em;color:var(--paper);align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.modal__socials a:hover{color:#fff9}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1024px){.container{width:min(100% - 40px,1440px)}.section{padding-block:96px}.display{letter-spacing:-2px;font-size:56px}.lead{font-size:24px}.grid-row{grid-template-columns:1fr;row-gap:24px}.grid-row__content{grid-column:1/-1}.grid-row__label{padding-top:0}.work__grid{grid-template-columns:repeat(2,1fr)}.project-card:nth-child(n){grid-column:span 1}.project-card__case-title{font-size:32px}.footer__columns{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.container{width:min(100% - 32px,1440px)}.section{padding-block:72px}.display{letter-spacing:-1.5px;font-size:40px}.lead{font-size:20px}.nav__inner{padding:max(14px, env(safe-area-inset-top)) 0 14px}.nav__wordmark{font-size:17px}.nav__links ul{gap:18px}.nav__links a{font-size:13px}.hero__meta{font-size:17px}.hero__inner{padding-block:96px;padding-bottom:max(96px, calc(96px + env(safe-area-inset-bottom)));gap:56px}.hero__nav-item{padding:12px 22px}.page-back{margin-bottom:40px}.about__block{margin-top:48px}.about__entry-head,.about__experience-head{flex-direction:column;align-items:flex-start;gap:6px}.about__cta{justify-content:flex-start;margin-top:48px}.work__grid{grid-template-columns:1fr;gap:48px}.project-card__tags{flex-wrap:wrap}.project-card__year{margin-left:0}.project-card__image{aspect-ratio:4/3.4}.footer__actions{flex-direction:column;align-items:flex-start}.footer__columns{grid-template-columns:1fr;padding-block:64px}.footer__bar{flex-direction:column;align-items:flex-start}}@media (width<=380px){.nav__links{display:none}.nav__wordmark{font-size:16px}}