@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.1zrieox9119mb.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2whpih27xg_2r.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.1xlj4-0oa5zql.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1fxkn-ggzj93z.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.1ahvy37o8m5gt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.2ktx6yqc-sbf1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0rpdhg_4ubdtf.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-ext-400-italic.20oblg8q8k24u.woff2)format("woff2"),url(../media/instrument-serif-latin-ext-400-italic.0mww3qs0cp08u.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-400-italic.3bg-hzmj1g17f.woff2)format("woff2"),url(../media/instrument-serif-latin-400-italic.3im7aav-gdfim.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#000;--surface:#050505;--foreground:#f4f4f5;--muted:#a1a1aa;--subtle:#71717a;--line:#ffffff1a;--line-strong:#ffffff38;--font-sans:"Manrope Variable",system-ui,sans-serif;--font-display:"Inter Variable",system-ui,-apple-system,sans-serif;--font-serif:"Instrument Serif",Georgia,serif;--silver:linear-gradient(to bottom,#fff 0%,#d1d5db 50%,#1f2937 100%);--ease-expo:cubic-bezier(.16,1,.3,1);--pad:clamp(24px,5vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#3f3f46 #050505;scroll-padding-top:80px}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}::selection{color:#080808;background:#f4f4f5}a{color:inherit;text-decoration:none}:where(a,button,canvas):focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #f4f4f5}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}.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:100;color:#000;background:#eee;padding:12px 18px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--subtle);margin:0 0 18px;font-size:11px;font-weight:600}.display-xl,.display-lg,.display-md{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-weight:900;line-height:.9}.display-xl{font-size:clamp(96px,15vw,232px)}.display-lg{text-transform:uppercase;font-size:clamp(44px,8vw,120px)}.display-md{font-size:clamp(44px,6.4vw,96px)}.gradient-text{background:var(--silver);color:#0000;filter:drop-shadow(0 18px 30px #00000080);-webkit-background-clip:text;background-clip:text}.serif-accent{font-family:var(--font-serif);letter-spacing:-.01em;text-transform:none;color:#e4e4e7;font-style:italic;font-weight:400}.line-mask{padding-bottom:.08em;display:block;overflow:hidden}.line{display:block}.pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 24px;font-size:14px;font-weight:600;transition:background-color .3s,color .3s,border-color .3s;display:inline-flex}.pill-solid{color:#0a0a0a;background:#ececec}.pill-solid:hover{background:#fff}.pill-outline{border:1px solid var(--line-strong);color:var(--foreground)}.pill-outline:hover{color:#0a0a0a;background:#f4f4f5;border-color:#f4f4f5}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0f,#ffffff04);border:1px solid #ffffff14;border-radius:24px;box-shadow:inset 0 1px #ffffff0f,0 30px 80px #00000073}.section-dark{background:var(--surface);color:#fff;padding-inline:var(--pad);position:relative}.site-nav{z-index:50;transition:transform .6s var(--ease-expo),opacity .6s,background-color .5s,border-color .5s,backdrop-filter .5s;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-nav[data-scrolled]{border-color:var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#000000b3}.nav-bar{justify-content:space-between;align-items:center;padding:24px 48px;display:flex}.wordmark{z-index:2;font-family:var(--font-display);letter-spacing:.1em;color:#fff;font-size:24px;font-weight:900;line-height:1;transition:color .3s;position:relative}.wordmark:hover{color:#d4d4d8}.wordmark-short{display:none}.nav-links{gap:36px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{letter-spacing:.06em;text-transform:uppercase;color:#ffffffa8;padding:6px 0;font-size:13px;font-weight:500;transition:color .3s;display:block;position:relative}.nav-links a:after{content:"";transform-origin:100%;height:1px;transition:transform .4s var(--ease-expo);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a[aria-current]{color:#fff}.nav-links a:hover:after,.nav-links a[aria-current]:after{transform-origin:0;transform:scaleX(1)}.nav-progress{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#ffffff26,#fff);width:100%;height:1px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.nav-toggle{z-index:2;border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:50%;width:40px;height:40px;padding:0;display:none;position:relative}.nav-toggle span{height:1.5px;transition:transform .4s var(--ease-expo);background:#fff;position:absolute;left:12px;right:12px}.nav-toggle span:first-child{transform:translateY(-3px)}.nav-toggle span:last-child{transform:translateY(3px)}.nav-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.mobile-menu{z-index:40;padding:96px var(--pad) 40px;opacity:0;visibility:hidden;background:#050505;flex-direction:column;justify-content:center;transition:opacity .4s,visibility 0s .4s;display:flex;position:fixed;inset:0}.mobile-menu[data-open]{opacity:1;visibility:visible;transition:opacity .4s}.mobile-menu ul{margin:0;padding:0;list-style:none}.mobile-menu li{opacity:0;transition:opacity .5s,transform .6s var(--ease-expo);transform:translateY(24px)}.mobile-menu[data-open] li{opacity:1;transform:none}.mobile-menu li a{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;align-items:baseline;gap:16px;padding:10px 0;font-size:clamp(36px,11vw,56px);font-weight:900;display:flex}.mobile-menu li a span{font-family:var(--font-sans);letter-spacing:.2em;color:var(--subtle);font-size:12px;font-weight:500}.mobile-menu p{color:var(--muted);margin:40px 0 0;font-size:14px}.hero{isolation:isolate;background:radial-gradient(75% 65% at 50% 42%,#232323 0%,#0c0c0c 55%,#000 100%);height:max(100svh,min(70vw,1100px));min-height:640px;position:relative;overflow:hidden}.hero-title{inset-inline:0;font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;z-index:1;filter:drop-shadow(0 25px 25px #00000059);margin:-.5em 0 0;font-size:clamp(64px,17.5vw,300px);font-weight:900;line-height:1;position:absolute;top:42%}.hero-title-art{justify-content:center;gap:clamp(0px,1.8vw,28px);display:flex}.hero-title-art>span{background:var(--silver);color:#0000;will-change:transform;-webkit-background-clip:text;background-clip:text;padding-right:.05em;display:block}.hero-portrait-frame{aspect-ratio:1024/1536;z-index:2;pointer-events:none;height:96%;position:absolute;bottom:0;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#000 84%,#0000 100%);mask-image:linear-gradient(#000 84%,#0000 100%)}.hero-portrait{object-fit:cover;width:100%;height:100%;display:block;-webkit-mask-image:url(/images/yagnik-mask.png);mask-image:url(/images/yagnik-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.hero-role{z-index:3;font-family:var(--font-display);letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(20px,2.8vw,44px);line-height:1.1;position:absolute;top:59%;left:7%}.hero-role strong{font-weight:700}.hero-role em{color:#e4e4e7;font-style:italic;font-weight:300}.hero-cta{z-index:3;align-items:center;gap:16px;display:flex;position:absolute;top:58.5%;right:7%}.hero-cta-circle{border:1px solid var(--line-strong);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;transition:background-color .3s,color .3s,border-color .3s;display:grid}.hero-cta:hover .hero-cta-circle{color:#0a0a0a;background:#f4f4f5;border-color:#f4f4f5}.hero-cta-pill{min-height:48px;padding:0 26px;font-size:15px;font-style:italic;font-weight:400}html[data-intro=pending] :is(.site-nav,.hero-title,.hero-portrait-frame,.hero-role,.hero-cta){animation:.6s ease-out 8s both intro-failsafe}html[data-intro=playing] .site-nav{opacity:0;transform:translateY(-100%)}@keyframes intro-failsafe{0%{opacity:0}to{opacity:1}}.about{padding-top:clamp(96px,12vw,160px);padding-bottom:clamp(80px,10vw,140px)}.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:48px;max-width:1240px;min-height:min(78vh,760px);margin:0 auto;display:grid}.about-heading{align-self:end}.about-card{align-self:start;padding:clamp(28px,3vw,40px)}.about-bio{letter-spacing:-.01em;color:#fff;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:clamp(17px,1.6vw,21px);line-height:1.7}.about-bio strong{font-weight:700}.about-stats{flex-wrap:wrap;gap:20px 56px;margin:40px 0 0;display:flex}.about-stats div{flex-direction:column-reverse;gap:6px;display:flex}.about-stats dt{letter-spacing:.2em;text-transform:uppercase;color:var(--subtle);font-size:11px}.about-stats dd{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:40px;font-weight:800;line-height:1}.about-stats dd.about-location{letter-spacing:-.01em;font-size:17px;font-weight:600;line-height:2.35}.stack{margin:clamp(80px,10vw,140px) calc(-1 * var(--pad)) 0}.stack-eyebrow{padding-inline:var(--pad);align-items:center;gap:18px;display:flex}.stack-eyebrow:after{content:"";background:var(--line);width:80px;height:1px}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee+.marquee{margin-top:14px}.marquee-track{gap:14px;width:max-content;margin:0;padding:0 14px 0 0;list-style:none;animation:48s linear infinite marquee;display:flex}.marquee[data-direction=right] .marquee-track{animation-duration:56s;animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.chip{color:#d4d4d8;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;transition:border-color .3s,color .3s;display:inline-flex}.chip:before{content:"";background:#52525b;border-radius:50%;width:5px;height:5px}.chip:hover{border-color:var(--line-strong);color:#fff}.services{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(80px,10vw,140px)}.services-heading{text-align:right;max-width:1240px;margin:0 auto clamp(40px,6vw,72px);line-height:.92}.service-list{margin:0 calc(-1 * var(--pad));padding:0;list-style:none}.service-row{--rule-scale:1;position:relative}.service-row:before,.service-row:last-child:after{content:"";background:var(--line);height:1px;transform:scaleX(var(--rule-scale));transform-origin:0;position:absolute;left:0;right:0}.service-row:before{top:0}.service-row:last-child:after{bottom:0}.service-row h3{margin:0}.service-trigger{width:100%;padding:clamp(22px,2.6vw,34px) var(--pad);color:#fff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:clamp(56px,10vw,150px) minmax(0,1fr) auto;align-items:center;transition:background-color .4s;display:grid}.service-trigger:hover{background:#ffffff06}.service-trigger:focus-visible{outline-offset:-4px}.service-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:clamp(18px,2vw,26px);font-weight:300}.service-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;transition:transform .5s var(--ease-expo),color .3s;font-size:clamp(19px,2.6vw,36px);font-weight:900}.service-trigger:hover .service-title{transform:translate(12px)}.service-arrow{width:44px;height:44px;color:var(--muted);transition:transform .5s var(--ease-expo),color .3s;place-items:center;display:grid}.service-trigger:hover .service-arrow,.service-row[data-open] .service-arrow{color:#fff}.service-row[data-open] .service-arrow{transform:rotate(-90deg)}.service-panel{opacity:0;height:0;overflow:hidden}.service-panel ul{padding:0 var(--pad) 34px calc(var(--pad) + clamp(56px,10vw,150px));gap:12px;margin:0;list-style:none;display:grid}.service-panel li{color:#d4d4d8;align-items:baseline;gap:14px;font-size:clamp(15px,1.3vw,17px);display:flex}.service-panel li:before{content:"";background:#a1a1aa;flex:none;width:6px;height:6px;translate:0 -2px}.work{padding-top:clamp(96px,12vw,160px);padding-bottom:clamp(96px,12vw,160px)}.work-intro{grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:center;gap:48px;max-width:1240px;margin:0 auto clamp(80px,11vw,150px);display:grid}.work-intro h2{text-transform:uppercase}.work-intro .serif-accent{font-size:1.02em}.work-blurb p{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.75}.project-list{gap:clamp(96px,13vw,180px);max-width:1240px;margin:0 auto;padding:0;list-style:none;display:grid}.project{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(32px,6vw,96px);display:grid}.project:nth-child(2n) .project-media{order:2}.project-media{aspect-ratio:4/3;background:radial-gradient(at 50% 70%,#1d1d20 0%,#08080a 70%);border-radius:20px;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:112%;position:absolute;top:-6%;left:0}.project-number{letter-spacing:.3em;color:var(--muted);margin-bottom:18px;font-size:12px;font-weight:600;display:block}.project-title{font-family:var(--font-display);letter-spacing:-.045em;text-transform:uppercase;margin:0 0 24px;font-size:clamp(40px,4.8vw,68px);font-weight:900;line-height:.95}.project-title .serif-accent{font-size:1.05em}.project-title span{font-family:var(--font-sans);letter-spacing:.25em;color:var(--subtle);margin-top:14px;font-size:12px;font-weight:600;display:block}.project-copy p{max-width:46ch;color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.8}.project-skills{flex-wrap:wrap;gap:8px;max-width:520px;margin:0 0 32px;padding:0;list-style:none;display:flex}.project-skills li{letter-spacing:.01em;color:#d4d4d8;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;padding:6px 12px;font-size:12px}.project-links{flex-wrap:wrap;gap:12px;display:flex}.play{padding-top:clamp(80px,10vw,128px);padding-bottom:clamp(80px,10vw,128px)}.play-caption{border-bottom:1px solid #fff;margin:0;padding-bottom:6px;font-size:13px;font-weight:500;display:inline-block}.play-stage{gap:20px;max-width:880px;margin:clamp(24px,5vw,56px) auto 0;display:grid}.play-canvas{aspect-ratio:4/3;cursor:pointer;touch-action:pan-y;width:100%;display:block}.play-hud{justify-content:space-between;align-items:center;gap:16px;display:flex}.play-status{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px}.play-button{color:#fff;min-width:120px;font:600 12px/1 var(--font-sans);letter-spacing:.3em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #fff6;padding:13px 28px;transition:background-color .3s,color .3s,opacity .3s}.play-button:hover:not(:disabled){color:#000;background:#fff}.play-button:disabled{opacity:.35;cursor:default}.contact{isolation:isolate;padding:clamp(110px,13vw,170px) var(--pad) clamp(80px,9vw,120px);background:#030303;position:relative;overflow:hidden}.contact-backdrop{z-index:-1;position:absolute;inset:0;overflow:hidden}.contact-backdrop span{aspect-ratio:1;filter:blur(40px);background:radial-gradient(circle,#ffffff17 0%,#ffffff05 40%,#0000 65%);border-radius:50%;width:70vmax;animation:26s ease-in-out infinite alternate drift;position:absolute}.contact-backdrop span:first-child{top:-30vmax;left:-20vmax}.contact-backdrop span:nth-child(2){animation-duration:32s;animation-delay:-8s;top:0;right:-25vmax}.contact-backdrop span:nth-child(3){animation-duration:38s;animation-delay:-16s;bottom:-45vmax;left:20%}.contact-backdrop:after{content:"";opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(8vmax,6vmax)scale(1.15)}to{transform:translate(-6vmax,10vmax)scale(.95)}}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:clamp(48px,7vw,96px);max-width:1240px;margin:0 auto;display:grid}.contact-copy h2{margin:0 0 24px;padding-bottom:.08em}.contact-copy>p{max-width:44ch;color:var(--muted);margin:0;font-size:clamp(16px,1.4vw,18px);line-height:1.7}.contact-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.contact-card{margin:0;padding:8px clamp(24px,3vw,36px)}.contact-card>div{border-bottom:1px solid #ffffff14;padding:24px 0}.contact-card>div:last-child{border-bottom:0}.contact-card dt{letter-spacing:.3em;text-transform:uppercase;color:var(--subtle);margin-bottom:10px;font-size:11px;font-weight:600}.contact-card dd{color:var(--foreground);overflow-wrap:anywhere;margin:0;font-size:clamp(15px,1.4vw,18px)}.contact-card dd a:hover{text-underline-offset:5px;text-decoration:underline}.contact-socials{gap:10px;display:flex}.contact-socials a{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:44px;height:44px;transition:background-color .3s,color .3s;display:grid}.contact-socials a:hover{color:#0a0a0a;background:#f4f4f5;text-decoration:none}.site-footer{padding:28px max(var(--pad),calc((100% - 1240px) / 2)) 36px;border-top:1px solid var(--line);color:var(--subtle);background:#030303;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;font-size:13px;display:flex}.site-footer nav{flex-wrap:wrap;gap:12px 24px;display:flex}.site-footer a:hover{color:#fff}.project-media{display:block}.case-hero{padding-top:clamp(120px,14vw,170px);padding-bottom:clamp(64px,8vw,110px)}.case-hero>*{max-width:1240px;margin-inline:auto}.case-breadcrumb{letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);flex-wrap:wrap;gap:10px;margin-bottom:28px;font-size:12px;display:flex}.case-breadcrumb a{color:var(--muted);transition:color .3s}.case-breadcrumb a:hover{color:#fff}.case-breadcrumb [aria-current]{color:#e4e4e7}.case-title{font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;margin:0 auto;font-size:clamp(64px,13vw,200px);font-weight:900;line-height:.9}.case-title .serif-accent{font-size:1.02em}.case-lede{color:#d4d4d8;max-width:760px;margin-top:clamp(24px,3vw,40px);font-size:clamp(17px,1.6vw,21px);line-height:1.7}.case-meta{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(40px,5vw,64px);padding-top:28px;display:grid}.case-meta dt{letter-spacing:.3em;text-transform:uppercase;color:var(--subtle);margin-bottom:10px;font-size:11px;font-weight:600}.case-meta dd{color:#e4e4e7;margin:0;font-size:15px;line-height:1.6}.case-meta a{overflow-wrap:anywhere;border-bottom:1px solid var(--line-strong);transition:border-color .3s;display:inline}.case-meta a svg{vertical-align:-1px;margin-left:4px}.case-meta a:hover{border-color:#fff}.case-cover{aspect-ratio:4/3;background:#08080a;border-radius:24px;max-height:88vh;margin-top:clamp(48px,6vw,80px);position:relative;overflow:hidden}.case-cover img{object-fit:cover;width:100%;height:108%;position:absolute;top:-4%;left:0}.case-section{border-top:1px solid var(--line);padding-block:clamp(64px,8vw,120px)}.case-section>*{max-width:1240px;margin-inline:auto}.case-label{letter-spacing:.35em;text-transform:uppercase;color:var(--subtle);margin:0 auto clamp(28px,3vw,44px);font-size:12px;font-weight:600}.case-statement{font-family:var(--font-display);letter-spacing:-.025em;color:#fff;margin:0 auto;font-size:clamp(26px,3.2vw,46px);font-weight:600;line-height:1.3}.case-built{background:var(--line);border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:0;list-style:none;display:grid;overflow:hidden}.case-built li{background:var(--surface);padding:clamp(24px,3vw,40px)}.case-built li:last-child:nth-child(odd){grid-column:1/-1}.case-built-number{letter-spacing:.3em;color:var(--subtle);margin-bottom:18px;font-size:12px;font-weight:600;display:block}.case-built h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(20px,2vw,26px);font-weight:800}.case-built p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.case-phones{scroll-snap-type:x mandatory;gap:clamp(16px,2.4vw,32px);margin:0 auto clamp(40px,5vw,72px);padding:0 0 12px;list-style:none;display:flex;overflow-x:auto}.case-phones li{scroll-snap-align:start;flex:0 0 clamp(180px,20vw,240px)}.case-phones img{border:6px solid #1c1c1f;border-radius:clamp(22px,2.6vw,34px);width:100%;height:auto;display:block;box-shadow:0 30px 60px #00000080}figure{margin:0}figcaption{color:var(--muted);margin-top:14px;font-size:13px;line-height:1.5}.case-screens{gap:clamp(40px,5vw,72px);margin:0 auto;padding:0;list-style:none;display:grid}.case-window{background:#18181b;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px #00000080}.case-window>span{background:radial-gradient(circle at 20px,#ff5f56 5px,#0000 6px),radial-gradient(circle at 38px,#ffbd2e 5px,#0000 6px),radial-gradient(circle at 56px,#27c93f 5px,#0000 6px);height:32px;display:block}.case-window img{width:100%;height:auto;display:block}.case-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,96px);display:grid}.case-split>*{max-width:none;margin:0}.case-split{padding-inline:max(var(--pad),calc((100% - 1240px) / 2))}.case-skills{margin:0}.case-skills li{padding:9px 16px;font-size:14px}.case-outcome{gap:18px;margin:0;padding:0;list-style:none;display:grid}.case-outcome li{color:#e4e4e7;padding-left:28px;font-size:16px;line-height:1.7;position:relative}.case-outcome li:before{content:"";background:#a1a1aa;width:12px;height:1px;position:absolute;top:.72em;left:0}.case-next{border-top:1px solid var(--line);text-align:center;padding-block:clamp(64px,8vw,120px)}.case-next-link{max-width:100%;font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25em;font-size:clamp(48px,9vw,140px);font-weight:900;line-height:1;display:inline-flex}.case-next-arrow{border:1px solid var(--line-strong);width:clamp(48px,6vw,84px);height:clamp(48px,6vw,84px);transition:background-color .3s,color .3s,transform .5s var(--ease-expo);border-radius:50%;place-items:center;margin-left:.2em;display:grid}.case-next-link:hover .case-next-arrow{color:#0a0a0a;background:#f4f4f5;transform:translate(8px)}.case-next-sub{letter-spacing:.25em;text-transform:uppercase;color:var(--subtle);margin:18px 0 0;font-size:12px}@media (max-width:900px){.case-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.case-built,.case-split{grid-template-columns:1fr}}@media (max-width:767px){.case-cover{aspect-ratio:4/3;border-radius:16px}.case-phones li{flex-basis:62vw}.case-next-link{gap:.15em;font-size:clamp(40px,12vw,64px)}}@media (max-width:1100px){.nav-bar{padding:22px 32px}.nav-links{gap:24px}}@media (max-width:900px){.about-grid,.work-intro,.contact-grid{grid-template-columns:1fr;min-height:0}.about-heading{order:-1;align-self:start}.project{grid-template-columns:1fr}.project:nth-child(2n) .project-media{order:0}}@media (max-width:767px){html{scroll-padding-top:72px}.nav-bar{padding:16px 20px}.wordmark{font-size:20px}.wordmark-full{display:none}.wordmark-short{display:inline}.nav-links{display:none}.nav-toggle{display:block}.hero{height:100svh;min-height:640px}.hero-title{font-size:16.5vw;top:17%}.hero-title-art{gap:0}.hero-role{inset-inline:0;text-align:center;font-size:17px;top:calc(17% + 9.9vw + 18px)}.hero-cta{inset-inline:0;justify-content:center;gap:10px;top:calc(17% + 9.9vw + 58px)}.hero-cta-circle{width:34px;height:34px}.hero-cta-pill{min-height:34px;padding:0 18px;font-size:13px}.hero-portrait-frame{height:60%}.about-stats{gap:20px 36px}.about-stats dd{font-size:32px}.service-trigger{grid-template-columns:44px minmax(0,1fr) auto}.service-panel ul{padding-left:calc(var(--pad) + 44px)}.service-trigger:hover .service-title{transform:none}.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}