@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--font-heading:"DM Sans", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--text-section:clamp(28px, 3.2vw, 40px);--text-subheading:clamp(22px, 2.4vw, 30px);--text-body:18px;--text-small:16px;--text-label:16px;--color-text:#0a0a0a;--accent:#4f46e5;--header-h:76px;--line-color:#00000029}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{font-family:var(--font-body);color:#0a0a0a;background-color:#fff;margin:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-weight:400}button{font-family:var(--font-body)}*{box-sizing:border-box}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reveal-ready .reveal:not(.is-revealed){opacity:0}.reveal.is-revealed{animation:reveal-up .9s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay,0s) backwards}.reveal--media.is-revealed{animation-name:reveal-up-media}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}}@keyframes reveal-up-media{0%{opacity:0;transform:translateY(24px)scale(.985)}}.animated-stat{opacity:0;filter:blur(12px);transition:opacity .8s,filter .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);display:inline-grid;transform:translateY(8px)}.animated-stat.is-visible{opacity:1;filter:blur();transform:none}.animated-stat{position:relative}.animated-stat__sizer{visibility:hidden}.animated-stat__count{white-space:nowrap;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.animated-stat{transition:none}}.container{width:100%;max-width:1300px;margin:0 auto;padding:0 24px}.site-header{z-index:10;-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);background:#fafaf78c;width:100%;position:sticky;top:0;box-shadow:inset 0 1px #ffffffe6,0 1px #1414140f,0 8px 30px #1414140d}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-top:16px;padding-bottom:16px;display:flex}.site-header .site-header__brand{min-height:44px;color:var(--color-text);flex-direction:column;justify-content:center;text-decoration:none;display:flex}.site-header__name{font-size:16px;font-weight:600;line-height:1.25}.site-nav{align-items:center;gap:28px;display:flex}.site-header .site-nav__link{min-height:44px;color:var(--color-text);align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.site-header .site-nav__link:hover{color:var(--color-text)}.site-header .site-nav__button{color:#fff;background:#141414e0;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:11px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff2e}.site-header .site-nav__button:hover{color:#fff;background:#141414}.site-header .site-nav__link:focus-visible,.site-header .site-nav__button:focus-visible,.site-header .site-header__brand:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.site-header .site-nav__button:focus-visible{border-radius:999px}@media (width<=640px){.hero{justify-content:center!important}.hero__content{padding:20px 22px 40px;max-width:560px!important}.hero__cta{flex-direction:column;align-items:stretch;gap:12px}.hero__cta a{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.hero__content h1{font-size:38px!important;line-height:48px!important}.hero__content h2{margin-top:8px!important;font-size:20px!important;line-height:30px!important}.hero__content p{font-size:16px!important;line-height:24px!important}}.btn{font-size:var(--text-small);font-family:var(--font-body);white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:#6366f1;color:#fff!important}.btn--secondary{letter-spacing:.1px;background:#646cff;border-radius:3px;align-items:center;gap:10px;padding:12px 18px;font-weight:500;text-decoration:none;transition:transform .2s;display:inline-flex;color:#fff!important}.site-footer{border-top:1px solid var(--line-color);background:#fff;padding:clamp(72px,10vw,128px) 0 28px}.site-footer__headline{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--color-text);margin:0;font-size:clamp(40px,6vw,88px);font-weight:600;line-height:1}.site-footer__lede{color:#6b6b73;max-width:40ch;margin:clamp(16px,2vw,24px) 0 0;font-size:clamp(17px,1.6vw,22px);line-height:1.4}.site-footer__buttons{flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3.5vw,40px);display:flex}.site-footer .site-footer__button{min-height:48px;color:var(--color-text);border:1px solid #1414142e;border-radius:999px;align-items:center;gap:6px;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.site-footer .site-footer__button:hover{color:var(--color-text);border-color:#14141499}.site-footer .site-footer__button--primary{color:#fff;background:#141414e0;border-color:#0000;box-shadow:inset 0 1px #ffffff2e}.site-footer .site-footer__button--primary:hover{color:#fff;background:#141414;border-color:#0000}.site-footer .site-footer__button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-footer__bottom{border-top:1px solid var(--line-color);color:#6b6b73;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:clamp(64px,9vw,112px);padding-top:24px;font-size:14px;display:flex}.site-footer__bottom p{margin:0}.icon-link{color:#0a0a0ac7;background:#ffffff8c;border:1px solid #0000001f;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.icon-link:hover{color:#0a0a0a;background:#ffffffbf;border-color:#0000002e;transform:translateY(-1px)}.icon-link img{width:18px;height:18px;display:block}.projects{color:#0a0a0a;background:#fff;padding:84px 0 76px}.projects__header{text-align:center;max-width:760px;margin:0 auto 42px}.projects__title{letter-spacing:-.03em;margin:0;font-size:clamp(32px,4.2vw,48px)}.projects__subtitle{color:#00000094;max-width:560px;margin:12px auto 0;font-size:14px;line-height:1.6}.projects__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-card{color:inherit;background:#ffffffc7;border:1px solid #00000014;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000f}.project-card:hover{border-color:#00000024;transform:translateY(-2px);box-shadow:0 16px 44px #00000017}.project-card__cover{background:radial-gradient(circle at 30% 20%,#6366f140,#0000 55%),radial-gradient(circle at 70% 80%,#ec48993d,#0000 55%),linear-gradient(#0000000f,#00000005);height:190px}.project-card__cover--p1{background:radial-gradient(circle at 20% 30%,#6366f138,#0000 58%),radial-gradient(circle at 75% 70%,#f973162e,#0000 60%),linear-gradient(#00000012,#00000005)}.project-card__cover--p2{background:radial-gradient(circle at 55% 30%,#ec48992e,#0000 60%),radial-gradient(circle at 25% 75%,#6366f133,#0000 60%),linear-gradient(#00000012,#00000005)}.project-card__cover--p3{background:radial-gradient(circle at 70% 35%,#8b5cf62e,#0000 60%),radial-gradient(circle at 30% 75%,#6366f12e,#0000 62%),linear-gradient(#00000012,#00000005)}.project-card__cover--p4{background:radial-gradient(circle at 25% 35%,#10b98129,#0000 62%),radial-gradient(circle at 70% 75%,#6366f12e,#0000 60%),linear-gradient(#00000012,#00000005)}.project-card__cover--p5{background:radial-gradient(circle at 35% 30%,#00000014,#0000 60%),radial-gradient(circle at 75% 75%,#6366f12e,#0000 60%),linear-gradient(#00000012,#00000005)}.project-card__cover--p6{background:radial-gradient(circle at 30% 30%,#6366f133,#0000 60%),radial-gradient(circle at 75% 70%,#ec489929,#0000 60%),linear-gradient(#00000012,#00000005)}.project-card__body{padding:16px 16px 18px}.project-card__top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.project-card__category{color:#6366f1eb;font-size:12px;font-weight:600}.project-card__title{letter-spacing:-.02em;color:#0a0a0af5;margin:0;font-size:20px}.project-card__desc{color:#0000009e;margin:10px 0 14px;font-size:14px;line-height:1.6}.project-card__tags{flex-wrap:wrap;gap:8px;display:flex}.project-card__view{color:#6366f1e6;align-items:center;gap:8px;width:fit-content;margin-top:12px;font-size:13px;font-weight:600;display:inline-flex}.project-card:hover .project-card__view{color:#4338ca}.tag{color:#0a0a0ab3;background:#0000000a;border:1px solid #00000012;border-radius:999px;padding:6px 10px;font-size:12px}@media (width<=1000px){.projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.projects{padding:64px 0 58px}.projects__header{margin-bottom:28px}.projects__grid{grid-template-columns:1fr}.project-card__cover{height:170px}}.menu-button{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;margin-right:-10px;padding:0;display:none}.menu-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-icon{width:20px;height:14px;display:block;position:relative}.menu-icon span{background:currentColor;border-radius:2px;width:100%;height:2px;transition:transform .25s,opacity .2s,top .25s;position:absolute;left:0}.menu-icon span:first-child{top:0}.menu-icon span:nth-child(2){top:6px}.menu-icon span:nth-child(3){top:12px}.menu-icon.is-open span:first-child{top:6px;transform:rotate(45deg)}.menu-icon.is-open span:nth-child(2){opacity:0}.menu-icon.is-open span:nth-child(3){top:6px;transform:rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);background:#fafaf7fa;position:absolute;top:100%;left:0;right:0;box-shadow:0 1px #1414140f,0 16px 30px #14141414}.mobile-menu__links{flex-direction:column;align-items:flex-start;gap:4px;padding-top:8px;padding-bottom:20px;display:flex}.site-header .mobile-menu .site-nav__link{font-size:18px}.site-header .mobile-menu .site-nav__button{margin-top:8px}@media (width<=640px){.site-header .site-nav{display:none}.menu-button{display:inline-flex}}@media (width>=641px){.mobile-menu{display:none}}@media (prefers-reduced-motion:reduce){.menu-icon span{transition:none}}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.card-mockup{aspect-ratio:3/2;width:100%;max-width:1000px;font:inherit;color:inherit;background:0 0;border:0;margin:0 auto;padding:0;display:block;position:relative}.card-mockup.is-interactive{cursor:pointer}.card-mockup.is-interactive:focus-visible{outline-offset:4px;border-radius:12px;outline:2px solid #646cff}.card-mockup__stack{transition:transform .35s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0}.card-mockup__view{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.card-mockup__view.is-shown{opacity:1}@media (hover:hover){.card-mockup.is-interactive:hover .card-mockup__stack{transform:translateY(-6px)scale(1.01)}}@media (prefers-reduced-motion:reduce){.card-mockup__stack,.card-mockup__view{transition:none}}.page-home,.page-about{color:#0a0a0a;background:#fff}.page-home a,.page-about a{color:#989898;text-decoration:none}.page-home a:hover,.page-about a:hover{color:#0a0a0a;text-underline-offset:3px}.page-home .text-link-arrow:hover,.page-about .text-link-arrow:hover{text-decoration:none}.page-about .text-link-arrow:hover span{text-underline-offset:3px;text-decoration:underline}.home-hero{padding:56px 0 clamp(16px,2vw,24px)}.home-hero__headline{letter-spacing:-.03em;color:var(--color-text);margin:0;font-size:clamp(52px,7vw,104px);font-weight:600;line-height:.95}.home-hero__line{display:block}.page-home .home-hero__about-link{color:inherit;text-decoration:none;transition:color .15s}.page-home .home-hero__about-link:hover{color:var(--accent)}.page-home .home-hero__about-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.home-hero__muted{color:#8e8e96}.home-hero__accent{color:#002b45;letter-spacing:0}.home-hero__row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:32px;display:grid;overflow:hidden}.home-hero__lede{color:#3f3f46;max-width:260px;margin:0;padding:20px 24px 20px 0;font-size:15px;line-height:1.5}.home-hero__stat{border-left:1px solid #d4d4d8;margin-left:-1px;padding:20px 24px}.home-hero__stat-value{letter-spacing:-.04em;color:var(--color-text);margin:0 0 6px;font-size:48px;font-weight:600;line-height:1}.home-hero__stat-label{color:#52525b;margin:0;font-size:14px;line-height:1.4}@media (width<=487px){.home-hero__stat{padding:16px 0}}.text-highlight{z-index:0;padding:0 5px;position:relative}.text-highlight:before{content:"";z-index:-1;transform-origin:0;will-change:transform;background:#646cff52;border-radius:2px;animation:.9s cubic-bezier(.22,1,.36,1) .4s both text-highlight-sweep;position:absolute;inset:0}@keyframes text-highlight-sweep{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.text-highlight:before{animation:none}}.home-work{padding:0}.home-project{flex-direction:column;gap:clamp(24px,3vw,36px);padding:clamp(32px,4vw,48px) 0;display:flex}.home-project__body{width:30%;max-width:52ch}@media (width<=600px){.home-project__body{width:100%}.home-project_holder{flex-direction:column}.home-project_details{width:100%!important}}.home-project_holder{justify-content:space-between;display:flex}.home-project_details{width:30%}.home-project-strip{width:100%}.home-project-strip__viewport{aspect-ratio:16/6;box-sizing:content-box;touch-action:pan-y;overscroll-behavior-x:contain;cursor:grab;width:100%;margin:-16px 0 -32px;padding:16px 0 32px;position:relative;overflow:hidden;container:projstrip/inline-size}.home-project-strip__viewport.is-dragging{cursor:grabbing}.home-project-strip__viewport:before,.home-project-strip__viewport:after{content:"";z-index:2;pointer-events:none;width:28px;position:absolute;top:16px;bottom:32px}.home-project-strip__viewport:before{background:linear-gradient(90deg,#14141424,#14141400);left:0}.home-project-strip__viewport:after{background:linear-gradient(270deg,#14141424,#14141400);right:0}.home-project-strip__marquee{--strip-gap:20px;--slide-w:calc((100cqi - 2 * var(--strip-gap)) / 2);will-change:transform;flex-flow:row;width:max-content;height:100%;display:flex}.home-project-strip__group{align-items:stretch;gap:var(--strip-gap);height:100%;flex-flow:row;padding-inline-end:var(--strip-gap);display:flex}.home-project-strip__slide{width:var(--slide-w);border-radius:14px;flex-shrink:0;height:100%;min-height:0;position:relative;box-shadow:0 0 0 1px #1414140f,0 1px #1414140f,0 8px 30px #1414140d}.home-project-strip__slide:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,#ffffff1a 0%,#fff0 35%);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #ffffff1f}.home-project-strip__slide--img{background:#f2f2f2;padding:0;overflow:hidden}.home-project-strip__slide--mockup{background:#fff;align-items:center;display:flex;overflow:hidden}.home-project-strip__slide--img img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.home-project-strip__slide--0{background:linear-gradient(145deg,#0000000f 0%,#00000005 45%,#00000014 100%),#f2f2f2}.home-project-strip__slide--1{background:linear-gradient(-18deg,#0000000d 0%,#00000017 50%,#00000008 100%),#ebebeb}.home-project-strip__slide--2{background:linear-gradient(90deg,#0000000a 0%,#00000012 50%,#0000000d 100%),#e8e8e8}@media (width<=640px){.home-project-strip__marquee{--slide-w:calc((100cqi - var(--strip-gap)) / 1.22)}.home-project-strip__viewport{aspect-ratio:16/8}}.home-project__meta{font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;color:#00000073;margin:0 0 10px;font-weight:500}.home-project__name{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(28px,3.2vw,40px);font-weight:600}.home-project__role{font-size:var(--text-body);color:#0000008c;margin:0 0 16px;line-height:1.45}.home-project__desc{font-size:var(--text-body);color:#000000b8;max-width:none;margin:0 0 20px;line-height:1.65}.home-project__link{font-size:var(--text-body);align-items:center;gap:6px;font-weight:500;transition:color .15s;display:inline-flex}.page-home .home-project:hover .home-project__link,.page-home .home-project__link:hover,.page-home .home-project__link:focus-visible{color:var(--accent)}.home-project_holder{cursor:pointer}.home-project__link:hover{text-decoration:none}.home-stat__value{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(52px,6.5vw,68px);font-weight:500;line-height:1}.home-stat__label{font-size:var(--text-body);color:#0000008c;margin:0;line-height:1.5}.home-back-to-top{padding:clamp(48px,6vw,80px) 0 clamp(64px,8vw,112px)}.home-back-to-top__button{color:#0a0a0a;font-size:var(--text-subheading);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-left:auto;padding:0;font-weight:500;transition:color .15s;display:flex}.home-back-to-top__button:hover{color:#646cff}.home-back-to-top__button:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #646cff}.home-about-cta{padding:clamp(40px,5vw,56px) 0}.home-about-cta__link{font-size:var(--text-subheading);letter-spacing:-.02em;align-items:center;gap:8px;font-weight:500;display:inline-flex}.home-about-cta__link:hover{opacity:.65;text-decoration:none}.about-section__layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid}.about-section__title{font-size:var(--text-section);letter-spacing:-.03em;color:#0a0a0a;margin:0;font-weight:500;line-height:1.02}.about-hero{padding:calc(clamp(100px, 14vw, 140px) - var(--header-h)) 0 clamp(56px, 8vw, 80px);border-bottom:1px solid var(--line-color)}.about-hero__grid{grid-template-columns:minmax(0,1.4fr) minmax(200px,.85fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.about-hero__intro{letter-spacing:-.03em;color:#0a0a0a;max-width:700px;margin:0;font-size:clamp(36px,4.6vw,50px);font-weight:600;line-height:1.1}.about-hero__muted{color:#8e8e96}.about-hero__introcopy{letter-spacing:0;max-width:56ch;font-weight:400;font-size:var(--text-body);color:#3f3f46;margin-top:clamp(20px,2.5vw,32px);line-height:1.55;display:block}.about-hero__image{aspect-ratio:875/745;background-image:url(/images/about_me_portrait/portrait_copy.png);background-position:50%;background-repeat:no-repeat;background-size:106%;border-radius:12px;justify-self:end;width:100%;box-shadow:0 2px 6px #0000000d,0 14px 28px -14px #00000059}.about-skills{border-bottom:1px solid var(--line-color);padding:clamp(48px,6vw,80px) 0}.about-skills__content{flex-direction:column;gap:clamp(36px,4vw,52px);display:flex}.about-skills__row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(28px,4vw,56px);display:grid}.about-skills__category{font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;color:#0000006b;margin:0 0 14px;font-weight:500}.about-skills__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.about-skills__list li{font-size:var(--text-body);color:#000000e0;font-weight:400;line-height:1.45}.about-skills__work-link{align-items:flex-end;padding-bottom:2px;display:flex}.about-skills__work-link a{font-size:var(--text-body);color:#0a0a0a;align-items:center;gap:6px;font-weight:500;display:inline-flex}.about-skills__work-link a:hover{opacity:.65;text-decoration:none}.about-stats{border-bottom:1px solid var(--line-color);padding:clamp(48px,6vw,80px) 0}.about-stats__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:0;display:grid}.about-stats__cell{padding:0 clamp(20px,3.5vw,48px)}.about-stats__cell:first-child{padding-left:0}.about-stats__cell:last-child{padding-right:0}.about-stats__cell:not(:first-child){border-left:1px solid var(--line-color)}.about-stats .home-stat__value{letter-spacing:-.04em;font-size:clamp(52px,6.5vw,88px);font-weight:500}.about-stats .home-stat__label{font-size:var(--text-body);max-width:22ch}.about-recognition{border-bottom:1px solid var(--line-color);padding:clamp(48px,6vw,80px) 0}.about-recognition__list{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.about-recognition__row{font-size:var(--text-body);color:#000000e0;border:1px solid #14141424;border-radius:999px;padding:12px 22px;line-height:1.3}@media (width<=900px){.about-hero__grid{flex-direction:column-reverse;display:flex}.about-hero__image{justify-self:stretch;max-width:600px;margin:0 auto}.about-hero__intro{max-width:none}.about-section__layout{grid-template-columns:1fr;gap:clamp(28px,4vw,40px)}.about-skills__row,.about-stats__grid{grid-template-columns:1fr;gap:32px}.about-stats__cell{border-bottom:1px solid var(--line-color);padding:0 0 24px;border-left:none!important}.about-stats__cell:last-child{border-bottom:none;padding-bottom:0}}.page-project{color:#0a0a0a;background:#fff}.page-project a{color:inherit;text-decoration:none}.page-project a:hover{color:#0a0a0a}.project-intro{padding:calc(clamp(100px, 14vw, 140px) - var(--header-h)) 0 clamp(40px, 5vw, 56px)}.project-intro__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.project-intro__meta{font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;color:#00000073;margin:0 0 16px;font-weight:500}.project-intro__title{letter-spacing:-.03em;max-width:14ch;margin:0;font-size:clamp(36px,4.8vw,64px);font-weight:500;line-height:1.08}.project-intro__desc{font-size:var(--text-body);color:#000000b8;margin:0;line-height:1.65}.project-intro__block{margin-bottom:clamp(32px,4vw,48px)}.project-intro__label{font-size:var(--text-body);letter-spacing:0;color:#000000b8;border-bottom:1px solid var(--line-color);margin-bottom:14px;padding-bottom:10px;font-weight:700}.project-intro__details{flex-direction:column;gap:14px;margin:0;display:flex}.project-intro__details>div{grid-template-columns:minmax(120px,.6fr) 1fr;gap:16px;display:grid}.project-intro__details dt{font-size:var(--text-body);color:#000000b8;font-weight:700}.project-intro__details dd{font-size:var(--text-body);color:#000000b8;margin:0;line-height:1.45}.project-section__title{font-size:var(--text-section);letter-spacing:-.01em;margin:0;font-weight:500}.project-outcome{padding-top:clamp(40px,5vw,64px)}.project-outcome>.container:first-child{margin-bottom:clamp(24px,3vw,32px)}.project-outcome .project-gallery{padding-bottom:0}.project-stats{grid-auto-columns:auto;grid-auto-flow:column;justify-content:space-between;align-items:start;gap:clamp(24px,4vw,40px);padding:clamp(8px,1vw,16px) 0 clamp(40px,5vw,64px);display:grid}.project-stat__value{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(52px,6.5vw,68px);font-weight:500;line-height:1}.project-stat__label{max-width:20ch;font-size:var(--text-body);color:#0000008c;margin:0;line-height:1.5}.project-process{padding:clamp(64px,8vw,112px) 0 clamp(48px,6vw,80px)}.project-process__steps{flex-direction:column;gap:clamp(28px,3vw,40px);display:flex}.project-process__heading{font-size:var(--text-subheading);letter-spacing:-.02em;margin:0 0 14px;font-weight:500;line-height:1.2}.project-next{padding:clamp(48px,6vw,80px) 0 clamp(64px,8vw,112px)}.project-next__link{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;width:fit-content;margin-left:auto;display:flex}.project-next__label{font-size:var(--text-subheading);letter-spacing:-.01em;font-weight:500}.project-next__title{font-size:var(--text-body);color:#0000008c;transition:color .15s}.project-next__link:hover .project-next__title{color:#0a0a0a}.project-gallery__figure{margin:0}.project-gallery__credit{font-size:var(--text-small);color:#0006;text-align:center;margin:6px 0 0;padding:0 4px}.project-gallery__caption{font-size:var(--text-small);color:#0000008c;text-align:left;gap:12px;margin:12px 0 0;line-height:1.5;display:flex}.project-gallery__caption-number{color:#0a0a0a;font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.project-gallery__full-figure{width:fit-content;max-width:100%;margin:0 auto}.project-gallery__full-notes{contain:inline-size}.project-process__figure{margin:20px 0 0}.project-process__figure img{border-radius:12px;width:auto;max-width:100%;height:auto;max-height:420px;display:block}.project-gallery__credit a{text-decoration:underline}.project-gallery{gap:var(--gallery-gap,35px);flex-direction:column;padding-bottom:clamp(48px,6vw,80px);display:flex}.project-gallery__row--full{flex-direction:column;justify-content:center;align-items:center;display:flex}.project-gallery__row--full .project-gallery__img{width:auto;max-width:100%;height:auto;max-height:800px;margin:0 auto;display:block}.project-video{aspect-ratio:16/9;background:#0a0a0a;border-radius:12px;width:100%;position:relative;overflow:hidden}.project-video.is-idle{cursor:none}.project-video__media{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.project-video:fullscreen{border-radius:0}.project-video:fullscreen .project-video__media{object-fit:contain}.project-video__controls{-webkit-backdrop-filter:blur(14px)saturate(140%);color:#fff;background:#14141459;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px 6px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.project-video.is-idle .project-video__controls{opacity:0;pointer-events:none;transform:translateY(6px)}.project-video__progress{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}.project-video__progress::-webkit-slider-runnable-track{background:linear-gradient(to right, #646cff var(--progress), #ffffff4d var(--progress));border-radius:3px;height:3px}.project-video__progress::-moz-range-track{background:linear-gradient(to right, #646cff var(--progress), #ffffff4d var(--progress));border-radius:3px;height:3px}.project-video__progress::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:10px;height:10px;margin-top:-3.5px}.project-video__progress::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:10px;height:10px}.project-video__progress:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #fff}.project-video__row{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.project-video__group{align-items:center;gap:2px;display:flex}.project-video__group--end{justify-content:flex-end}.project-video__btn{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;transition:background .15s,opacity .15s;display:flex}.project-video__btn:hover{background:#ffffff24}.project-video__btn:focus-visible{outline-offset:1px;outline:2px solid #fff}.project-video__btn.is-off{opacity:.45}.project-video__speed{font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.project-video__time{font-variant-numeric:tabular-nums;color:#fff;margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.project-video__time span{color:#fff9}@media (prefers-reduced-motion:reduce){.project-video__controls{transition:none}}@media (width<=600px){.project-video__controls{padding:8px 8px 4px;bottom:8px;left:8px;right:8px}.project-video__btn{min-width:28px;height:28px}.project-video__btn--extra{display:none}.project-video__controls{gap:2px}.project-video__progress{height:10px}}.project-gallery__row--full .project-gallery__placeholder{width:100%;aspect-ratio:unset;height:clamp(420px,55vw,720px);display:block}.project-gallery__row--split{width:100%}.project-gallery__split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:35px;display:grid}.project-gallery__img,.project-gallery__placeholder{border-radius:12px}.project-gallery__img{vertical-align:middle;width:100%;height:auto;display:block}.project-gallery__placeholder{aspect-ratio:16/10;background:linear-gradient(145deg,#0000000d 0%,#00000017 50%,#0000000a 100%),#ebebeb;border:1px solid #0000000f;width:100%}.project-gallery__split .project-gallery__placeholder{aspect-ratio:4/5}.project-not-found{padding:calc(clamp(120px, 16vw, 180px) - var(--header-h)) 0 clamp(120px, 16vw, 180px);text-align:center}.project-not-found a{text-underline-offset:3px;text-decoration:underline}@media (width<=900px){.project-intro__grid{grid-template-columns:1fr}.project-intro__title{max-width:none}.project-stats{grid-auto-flow:row;gap:32px}.project-gallery__split{grid-template-columns:1fr}}
