@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-wdth.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 Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/fonts/instrument-sans-wdth.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}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0b0e;--bg-2:#16181d;--ink:#eceef1;--ink-dim:#a3a8b1;--muted:#8a9099;--line:#1d2027;--volt:#2152ff;--arc:#8ab4ff;--chrome:#b7bcc4;--flood-ink:var(--ink);--f-ui:"Instrument Sans Variable", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--f-display:"Archivo Variable", "Archivo", ui-sans-serif, system-ui, sans-serif;--stretch-brand:125%;--stretch-archive:62%;--display-stretch:var(--stretch-brand);--display-weight:800;--gutter:clamp(16px, 3.5vw, 50px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.83, 0, .17, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{min-height:100svh;color:var(--ink);background:0 0;margin:0;overflow-x:clip}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p,dl,dd{margin:0}img{max-width:100%;display:block}:focus-visible{outline:1px solid var(--arc);outline-offset:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{z-index:100;background:var(--ink);color:var(--bg);text-transform:uppercase;padding:10px 14px;font-size:12px;font-weight:700;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip:focus{transform:none}.ui,.eyebrow,.hud-nav a,.hud-nav button,.cover-close,.hud-meta,.hud-links a,.work-label,.work-hint,.splash-row,.cover-meta,.cover-desc,.explore,.duo-kicker,.chips button{font-family:var(--f-ui);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.12}.eyebrow{color:var(--ink-dim);align-items:center;gap:10px;margin-bottom:28px;font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--volt);width:6px;height:6px;display:inline-block}#flood{z-index:0;background:var(--bg);opacity:0;pointer-events:none;position:fixed;inset:0}#gl{z-index:1;pointer-events:none;width:100vw;height:100lvh;display:block;position:fixed;inset:0}main{z-index:2;position:relative}#flash{z-index:70;opacity:0;pointer-events:none;mix-blend-mode:screen;background:#f4f8ff;position:fixed;inset:0}.hud{z-index:25;height:110px;padding:0 var(--gutter);pointer-events:none;color:var(--flood-ink);transition:color .6s var(--ease-out), transform .6s var(--ease-out);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;inset:0 0 auto}body.hud-hidden:not(.is-cover) .hud{transform:translateY(-100%)}.hud:before{content:"";opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(#0a0b0eeb,#0a0b0e00);transition:opacity .4s;position:absolute;inset:0 0 -20px}body.hud-scrim:not(.is-cover) .hud:before{opacity:1}body.in-opening .hud:before{opacity:.55}.hud>*{pointer-events:auto}.hud-logo{color:currentColor;justify-self:start;width:clamp(150px,13vw,200px);display:block}.hud-logo svg{width:100%;height:auto;display:block}.hud-nav{justify-self:end;gap:22px;display:flex}.hud-nav a,.hud-nav button,.cover-close{padding:4px 0;position:relative}.hud-nav a:after,.hud-nav button:after,.cover-close:after,.hud-links a:after{content:"";transform-origin:100%;height:1px;transition:transform .45s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.hud-nav a:hover:after,.hud-nav button:hover:after,.hud-links a:hover:after{transform-origin:0;transform:scaleX(1)}}.cover-close{grid-area:1/3;justify-self:end}.cover-close:after{transform:scaleX(1)}body.is-cover .hud-nav{display:none}.posbar{opacity:0;justify-content:center;align-items:center;gap:12px;height:20px;transition:opacity .6s;display:flex;position:relative}body.in-work .posbar,body.is-cover .posbar{opacity:1}.posbar-ticks{align-items:center;gap:7px;height:16px;display:flex}.posbar-ticks i{opacity:.22;width:1px;height:16px;transition:opacity .3s, transform .3s var(--ease-out);transform-origin:50%;background:currentColor;display:block}.posbar-ticks i.on{opacity:1;background:var(--volt);transform:scaleY(1.35)}body.is-cover .posbar-ticks i.on{background:currentColor}.posbar-read{font-variant-numeric:tabular-nums;align-items:center;gap:9px;font-size:12px;font-weight:600;display:none}.posbar-read .box{border:1px solid;width:26px;height:14px}body.is-cover .posbar-read{order:-1;display:flex}.hud-foot{z-index:25;padding:0 var(--gutter) 48px;pointer-events:none;opacity:1;color:var(--flood-ink);justify-content:space-between;align-items:flex-end;transition:opacity .5s;display:flex;position:fixed;inset:auto 0 0}.hud-foot>*{pointer-events:auto}body.past-work .hud-foot,body.is-cover .hud-foot,body.in-opening .hud-foot{opacity:0;pointer-events:none}body.past-work .hud-foot>*,body.is-cover .hud-foot>*{pointer-events:none}.hud-meta{color:currentColor;opacity:.8}.hud-links{text-align:right;gap:3px;display:grid}.social li a,.social li span{padding:6px 0;display:inline-block}.social li,.hud-links li{letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.12}.hud-links a,.hud-links span{display:inline-block;position:relative}.hud-links .soon{opacity:.45}#splash{z-index:60;background:var(--bg);color:var(--ink);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}#splash.gone{display:none}.splash-center{z-index:1;justify-items:center;gap:26px;transition:opacity .45s;display:grid;position:relative}.splash-burst{pointer-events:none;position:absolute;inset:0}.splash-slogan{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.14em;color:var(--chrome);margin-top:10px;font-size:clamp(12px,1.25vw,19px);font-weight:600;font-stretch:125%;overflow:hidden}.splash-slogan>span{display:block;transform:translateY(110%)}.splash-burst .cut{visibility:hidden;margin:0;position:absolute;top:50%;left:50%}.splash-burst .name{font-family:var(--f-display);text-transform:uppercase;white-space:nowrap;color:var(--ink);letter-spacing:-.01em;font-size:clamp(64px,15vw,260px);font-weight:900;font-stretch:62%;line-height:.85}.splash-burst .photo{aspect-ratio:4/5;width:clamp(220px,34vw,520px);overflow:hidden}.splash-burst .photo img{object-fit:cover;filter:grayscale()contrast(1.25)brightness(1.05);width:100%;height:100%}.splash-burst .photo:after{content:"";mix-blend-mode:multiply;opacity:.55;background:#2152ff;position:absolute;inset:0}.splash-word{line-height:0;display:flex;overflow:hidden}.splash-word svg{width:auto;height:clamp(26px,4.4vw,64px);display:block;overflow:visible}.splash-icons{align-items:center;gap:10px;height:20px;display:flex}.splash-icons svg{opacity:0;width:auto;height:20px;display:block;transform:translateY(6px)}.splash-row{padding:0 var(--gutter);grid-template-columns:1fr auto 1fr;align-items:end;transition:opacity .45s;display:grid;position:absolute;bottom:60px;left:0;right:0}.splash-code{font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;opacity:0;font-size:clamp(11px,1vw,14px);font-weight:800;font-stretch:125%}.splash-cap{text-align:center;justify-items:center;font-weight:700;display:grid}.splash-cap .line,.hero-title .line{display:block;overflow:hidden}.splash-cap .line>span,.hero-title .line>span{display:block;transform:translateY(105%)}@media (prefers-reduced-motion:reduce){.hero-title .line>span{transform:none}}.splash-parent{font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;opacity:0;justify-self:end;font-size:clamp(11px,1vw,14px);font-weight:800;font-stretch:125%}.splash-parent sup{font-size:.5em}.splash-panel{background:var(--volt);will-change:transform;position:absolute;inset:0;transform:translateY(101%)}#splash.dim .splash-center,#splash.dim .splash-row{opacity:.18}.opening{height:480vh;position:relative}.opening-sticky{height:100lvh;position:sticky;top:0;overflow:hidden}.opening-stage{position:absolute;inset:0}.opening-scrim{pointer-events:none;background:linear-gradient(#0000,#0a0b0e8c 55%,#0a0b0ef0 92%);height:62%;position:absolute;inset:auto 0 0}.opening-copy{left:var(--gutter);right:var(--gutter);pointer-events:none;will-change:transform, opacity;position:absolute;bottom:clamp(48px,9vh,96px)}.hero-title{font-family:var(--f-display);font-stretch:var(--display-stretch);font-weight:var(--display-weight);text-transform:uppercase;letter-spacing:0;max-width:14ch;font-size:clamp(34px,6.4vw,112px);line-height:.9}.opening-about{text-align:center;opacity:0;will-change:transform, opacity;width:min(90vw,1080px);position:absolute;top:50%;left:50%;transform:translate(-50%,-32%)}.about-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--arc);margin-bottom:18px;font-size:11px;font-weight:700}.about-lede{font-family:var(--f-display);text-transform:uppercase;letter-spacing:0;margin-bottom:clamp(20px,3.5vh,40px);font-size:clamp(26px,3.6vw,60px);font-weight:800;font-stretch:125%;line-height:.95}.about-statement{letter-spacing:-.02em;text-wrap:pretty;max-width:44ch;margin:0 auto;font-size:clamp(18px,1.85vw,31px);font-weight:500;line-height:1.34}.about-statement .w{opacity:.14;transition:opacity .25s linear}.chip{color:var(--arc);white-space:nowrap}.about-sign{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap;justify-content:center;gap:28px;margin-top:clamp(24px,4vh,48px);font-size:11px;font-weight:700;display:flex}.work{position:relative}.work-sticky{height:100lvh;position:sticky;top:0;overflow:hidden}.work-label{left:var(--gutter);color:var(--ink-dim);position:absolute;top:50%;transform:translateY(calc(-15.4vh - 30px))}.work-list{position:absolute;inset:0}.work-list li{position:absolute;top:0;left:0}.work-list button{left:var(--gutter);opacity:0;pointer-events:none;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;padding:4px 0;font-size:11px;font-weight:700;position:absolute;top:calc(50% + 15.4vh + 22px)}.work-list button:focus-visible{opacity:1;border-bottom:1px solid var(--arc);outline:none}.wrap{padding:0 var(--gutter);max-width:1680px;margin:0 auto;position:relative}.section-title{font-family:var(--f-display);font-stretch:var(--display-stretch);font-weight:var(--display-weight);text-transform:uppercase;letter-spacing:0;font-size:clamp(30px,4.2vw,72px);line-height:.94}.big-statement{font-family:var(--f-ui);letter-spacing:-.03em;text-wrap:balance;max-width:22ch;font-size:clamp(26px,3.4vw,56px);font-weight:600;line-height:1.02}.reveal-lines .ln{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.reveal-lines .ln>span{transition:transform 1.1s var(--ease-out);transition-delay:calc(var(--i) * 70ms);display:inline-block;transform:translateY(105%)}.reveal-lines.in .ln>span{transform:none}.company{padding:18vh 0 12vh}.duo{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,72px);margin-top:8vh;display:grid}.duo-card{border-top:1px solid var(--line);padding-top:22px;position:relative}.duo-list{border-top:1px solid var(--line);margin-top:26px;display:grid}.duo-list li{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;padding:12px 0;font-size:11px;font-weight:700}.duo-kicker{color:var(--arc);margin-bottom:12px}.duo-card h3{font-family:var(--f-display);font-stretch:var(--display-stretch);font-weight:var(--display-weight);text-transform:uppercase;margin-bottom:18px;font-size:clamp(26px,2.9vw,50px);line-height:.95}.duo-card h3 .lite{font-weight:400}.duo-card p:last-child{color:var(--ink-dim);max-width:48ch;font-size:clamp(15px,1.1vw,18px);line-height:1.45}.caps{padding:10vh 0 18vh}.caps-list{border-top:1px solid var(--line)}.cap{border-bottom:1px solid var(--line);position:relative}.cap-head{text-align:left;grid-template-columns:56px 1fr auto;align-items:center;gap:20px;width:100%;padding:26px 0;display:grid;position:relative;overflow:hidden}.cap-head:before{content:"";background:linear-gradient(90deg, transparent, var(--volt), var(--arc), transparent);height:1px;transition:transform .9s var(--ease-out);position:absolute;bottom:-1px;left:0;right:0;transform:translate(-101%)}.cap:hover .cap-head:before,.cap.open .cap-head:before{transform:translate(0)}.cap-icon{width:40px;height:24px;color:var(--ink-dim);transition:color .3s}.cap:hover .cap-icon,.cap.open .cap-icon{color:var(--volt)}.cap-name{font-family:var(--f-display);font-stretch:var(--display-stretch);font-weight:var(--display-weight);text-transform:uppercase;letter-spacing:0;transition:transform .6s var(--ease-out), color .3s;font-size:clamp(26px,4.6vw,80px);line-height:.95}.cap:hover .cap-name{transform:translate(14px)}.cap-div{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:600}.cap-body{transition:grid-template-rows .6s var(--ease-out);grid-template-rows:0fr;display:grid}.cap.open .cap-body{grid-template-rows:1fr}.cap-body>div{overflow:hidden}.cap-inner{grid-template-columns:56px minmax(0,1fr) minmax(0,1.4fr);gap:20px;padding:0 0 34px;display:grid}.cap-line{color:var(--ink);letter-spacing:-.01em;grid-column:2;max-width:30ch;font-size:clamp(16px,1.4vw,22px);line-height:1.3}.cap-scope{flex-wrap:wrap;grid-column:3;align-content:start;gap:8px;display:flex}.cap-scope li{text-transform:uppercase;letter-spacing:.02em;border:1px solid var(--line);color:var(--ink-dim);padding:7px 10px;font-size:11px;font-weight:600}.method{height:420vh;position:relative}.method-sticky{height:100lvh;position:sticky;top:0;overflow:hidden}.method-stage{position:absolute;inset:0}.method-copy{left:var(--gutter);width:min(36vw,520px);position:absolute;top:50%;transform:translateY(-50%)}.method-steps{gap:4px;display:grid}.method-steps li{color:var(--muted);grid-template-columns:38px 1fr;gap:0 12px;transition:color .5s;display:grid}.method-steps li .n{font-variant-numeric:tabular-nums;padding-top:.9em;font-size:11px;font-weight:700}.method-steps li h3{font-family:var(--f-display);font-stretch:var(--display-stretch);font-weight:var(--display-weight);text-transform:uppercase;letter-spacing:0;font-size:clamp(28px,3.3vw,56px);line-height:1;transition:color .5s}.method-steps li p{max-width:34ch;color:var(--ink-dim);opacity:0;max-height:0;transition:max-height .7s var(--ease-out), opacity .5s, margin .7s var(--ease-out);grid-column:2;font-size:14px;line-height:1.4;overflow:hidden}.method-steps li.on,.method-steps li.on h3{color:var(--ink)}.method-steps li.on p{opacity:1;max-height:6em;margin:10px 0 18px}.method-steps li.done h3{color:#5a606b}.method-labels,.globe-labels{pointer-events:none;position:absolute;inset:0}.node-label{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-dim);white-space:nowrap;will-change:transform, opacity;font-size:10px;font-weight:700;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.node-label.hub{color:var(--ink);font-size:11px}.node-label.ch{color:var(--arc)}.reach{position:relative}.reach-sticky{height:100lvh;position:sticky;top:0;overflow:hidden}.reach-stage{cursor:grab;position:absolute;inset:0}.reach-stage:active{cursor:grabbing}.reach-card{left:var(--gutter);pointer-events:none;width:min(40vw,560px);position:absolute;top:50%;transform:translateY(-50%)}.stop-name{font-family:var(--f-display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(56px,8.4vw,150px);font-weight:900;font-stretch:62%;line-height:.84}.stop-coord{letter-spacing:.06em;color:var(--arc);font-variant-numeric:tabular-nums;margin-top:14px;font-size:12px;font-weight:600}.stop-projects{border-top:1px solid var(--line);gap:0;margin-top:28px;display:grid}.stop-projects li{border-bottom:1px solid var(--line);letter-spacing:-.01em;grid-template-columns:54px 1fr;align-items:center;gap:14px;padding:9px 0;font-size:clamp(14px,1.05vw,17px);font-weight:600;display:grid}.stop-projects img,.stop-thumb-empty{object-fit:cover;filter:grayscale()contrast(1.1);background:var(--bg-2);width:54px;height:36px;display:block}.stop-projects li:first-child img{filter:none}.globe-labels{pointer-events:none;position:absolute;inset:0}.globe-label:empty{display:none}.globe-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink);white-space:nowrap;will-change:transform, opacity;padding-left:10px;font-size:10px;font-weight:700;transition:color .3s;position:absolute;top:0;left:0}.globe-label.on{color:var(--arc);font-size:11px}.contact{flex-direction:column;justify-content:space-between;min-height:100vh;padding:22vh 0 0;display:flex;position:relative;overflow:hidden}.contact>.wrap{z-index:1;width:100%;position:relative}.contact-stage{position:absolute;inset:0}.contact-mark{opacity:.045;pointer-events:none;z-index:0;width:auto;height:118vh;position:absolute;top:50%;right:-8vw;transform:translateY(-50%)rotate(-6deg)}.contact .site-foot{z-index:1;position:relative}.closer{font-family:var(--f-display);text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(46px,8.2vw,148px);font-weight:900;font-stretch:62%;line-height:.86}.closer .line.dim>span{color:#eceef157;background-image:none;animation:none}.closer .line:nth-child(3){margin-top:.12em}.closer .line{padding-bottom:.04em;display:block;overflow:hidden}.closer .line>span{transition:transform 1.2s var(--ease-out);color:#0000;background-image:url(/fx/grain.png),linear-gradient(#fff 0%,#dfe8ff 48%,#8ab4ff 100%);background-size:160px 160px,100% 100%;-webkit-background-clip:text;background-clip:text;animation:.5s step-end infinite title-grain;display:block;transform:translateY(105%)}.closer .line:nth-child(2)>span{transition-delay:80ms}.closer .line:nth-child(3)>span{transition-delay:.22s}.closer .line:nth-child(4)>span{transition-delay:.3s}.closer.in .line>span{transform:none}@media (prefers-reduced-motion:reduce){.closer .line>span{animation:none;transform:none}}.inquiry{gap:18px;max-width:900px;margin-top:10vh;display:grid}.inquiry-q{letter-spacing:-.02em;font-size:clamp(18px,1.6vw,24px);font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{color:var(--ink-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0b0e59;border:1px solid #8ab4ff38;border-radius:999px;padding:11px 16px;transition:border-color .3s,color .3s,background .3s}@media (hover:hover){.chips button:hover{color:var(--ink);border-color:var(--arc)}}.chips button[aria-pressed=true]{background:var(--volt);color:#fff;border-color:var(--volt)}.cta{background:var(--ink);color:var(--bg);letter-spacing:-.02em;justify-self:start;align-items:center;gap:14px;margin-top:10px;padding:20px 26px;font-size:clamp(16px,1.3vw,20px);font-weight:800;display:inline-flex;position:relative;overflow:hidden}.cta:before{content:"";background:var(--volt);transition:transform .5s var(--ease-out);position:absolute;inset:0;transform:translateY(101%)}@media (hover:hover){.cta:hover:before{transform:none}.cta:hover{color:#fff}}.cta>*,.cta{z-index:0}.cta span,.cta{isolation:isolate}.cta[aria-disabled=true]{opacity:.5}.contact-links{flex-wrap:wrap;gap:12px 44px;margin-top:8vh;display:flex}.contact-links li{text-transform:none}.contact-links a,.contact-links span{letter-spacing:-.03em;font-size:clamp(22px,2.6vw,42px);font-weight:700}.contact-links .soon{opacity:.35}.contact-links a{transition:color .3s;position:relative}.contact-links a:after{content:"";background:var(--volt);transform-origin:100%;height:2px;transition:transform .5s var(--ease-out);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.contact-links a:hover{color:var(--arc)}.contact-links a:hover:after{transform-origin:0;transform:scaleX(1)}}.notes{position:relative}.notes summary{cursor:pointer;list-style:none}.notes summary::-webkit-details-marker{display:none}.notes summary:after{content:" +"}.notes[open] summary:after{content:" –"}.notes-body{background:var(--bg-2);border:1px solid var(--line);text-transform:none;letter-spacing:0;width:min(560px,86vw);color:var(--ink-dim);padding:20px;font-size:12px;font-weight:500;line-height:1.5;position:absolute;bottom:calc(100% + 16px);right:0}.credits-list{gap:4px;max-height:40vh;margin-top:12px;display:grid;overflow:auto}.credits-list a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.site-foot{padding:60px var(--gutter) 40px;border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.02em;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:14vh;font-size:11px;font-weight:600;display:flex}#cover{z-index:15;color:var(--flood-ink);pointer-events:none;position:fixed;inset:0}#cover>*{pointer-events:auto}#cover[hidden]{display:none}.cover-title{height:28vh;font-family:var(--f-display);font-stretch:var(--stretch-archive);text-transform:uppercase;white-space:nowrap;font-weight:900;line-height:1;position:absolute;top:17.2vh;left:0;right:0;pointer-events:none!important}.cover-title .ch{height:100%;display:block;position:absolute;top:0;overflow:hidden}.cover-title .ch>span{background-image:url(/fx/grain.png), linear-gradient(180deg, color-mix(in srgb, var(--title-accent,#2152ff) 55%, white) 0%, var(--title-accent,#2152ff) 48%, color-mix(in srgb, var(--title-accent,#2152ff) 55%, black) 100%);color:#0000;background-size:160px 160px,100% 100%;-webkit-background-clip:text;background-clip:text;line-height:.82;animation:.5s step-end infinite title-grain;display:block;transform:translateY(102%)}@keyframes title-grain{0%{background-position:0 0,0 0}25%{background-position:-47px 31px,0 0}50%{background-position:63px -19px,0 0}75%{background-position:-21px -58px,0 0}}@media (prefers-reduced-motion:reduce){.cover-title .ch>span{animation:none}}.cover-bottom{padding:0 var(--gutter) 48px;grid-template-columns:1fr auto auto auto 1fr;align-items:end;gap:0 clamp(20px,4vw,80px);display:grid;position:absolute;bottom:0;left:0;right:0}.cover-leftmeta{align-self:end}.cover-meta{grid-template-columns:auto auto auto;gap:1px 14px;display:grid}.cover-meta dt,.cover-meta dd{opacity:0;transform:translateY(8px)}.cover-meta .k{opacity:.7;padding-top:3px;font-size:6px}.cover-explore{align-self:end;justify-items:center;gap:12px;display:grid;transform:translateY(-4px)}.explore{padding:2px 0;font-size:12px;position:relative}.explore:after{content:"";background:currentColor;height:1px;position:absolute;bottom:0;left:0;right:0}.cover-explore .rule{opacity:.7;background:currentColor;width:1px;height:36px}.cover-explore .plus{font-size:14px;line-height:1}.cover-desc{opacity:0;max-width:34ch}.cover-social{justify-self:end}.cover-prev,.cover-next{opacity:0;width:48px;height:48px;font-size:18px;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.cover-prev{left:8px}.cover-next{right:8px}.cover-prev:focus-visible,.cover-next:focus-visible,#cover:hover .cover-prev,#cover:hover .cover-next{opacity:.8}body.is-cover main{visibility:hidden}#case{z-index:30;overscroll-behavior:contain;background:var(--case-bg,var(--bg));color:var(--case-ink,var(--ink));clip-path:inset(100% 0 0);position:fixed;inset:0;overflow-y:auto}#case[hidden]{display:none}.case-inner{padding:0 var(--gutter) 80px;max-width:1680px;margin:0 auto}#case{overflow-x:hidden}.case-top{margin:0 calc(-1 * var(--gutter)) 48px;padding:28px var(--gutter);z-index:2;background:var(--case-bg,var(--bg));color:var(--case-ink,var(--ink));justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.case-top button{text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid;min-height:24px;font-size:11px;font-weight:700}.case-eyebrow{text-transform:uppercase;letter-spacing:.02em;opacity:.75;flex-wrap:wrap;gap:18px;font-size:11px;font-weight:700;display:flex}.case-title{background-image:url(/fx/grain.png), linear-gradient(180deg, color-mix(in srgb, var(--title-accent,#eceef1) 55%, white), var(--title-accent,#eceef1));color:#0000;font-family:var(--f-display);font-stretch:var(--stretch-archive);text-transform:uppercase;letter-spacing:-.005em;background-size:160px 160px,100% 100%;-webkit-background-clip:text;background-clip:text;max-width:16ch;margin-top:22px;font-size:clamp(48px,9vw,164px);font-weight:900;line-height:.82}.case-hero{aspect-ratio:3/2;background:#111 50%/cover no-repeat;width:100%;margin-top:7vh;position:relative}.case-hero .status{text-transform:uppercase;background:var(--case-ink,#fff);color:var(--case-bg,#000);padding:6px 8px;font-size:11px;font-weight:800;position:absolute;top:16px;left:16px}.case-grid{grid-template-columns:1fr 1.3fr;gap:6vw;margin-top:9vh;display:grid}.case-summary{letter-spacing:-.03em;text-wrap:pretty;font-size:clamp(22px,2.4vw,40px);font-weight:600;line-height:1.08}.case-facts{grid-template-columns:auto 1fr;align-content:start;gap:10px 28px;display:grid}.case-facts dt{text-transform:uppercase;letter-spacing:.02em;opacity:.6;padding-top:3px;font-size:11px;font-weight:700}.case-facts dd{letter-spacing:-.01em;font-size:16px;font-weight:600}.case-stat{border-top:1px solid color-mix(in srgb, currentColor 20%, transparent);flex-wrap:wrap;align-items:baseline;gap:22px;margin-top:9vh;padding-top:26px;display:flex}.case-stat b{font-family:var(--f-display);font-stretch:var(--stretch-archive);font-size:clamp(80px,14vw,240px);font-weight:900;line-height:.8}.case-stat span{text-transform:uppercase;letter-spacing:.02em;opacity:.7;font-size:11px;font-weight:700}.case-scope{border-top:1px solid color-mix(in srgb, currentColor 20%, transparent);margin-top:9vh;padding-top:26px}.case-scope h3{text-transform:uppercase;letter-spacing:.02em;opacity:.7;margin-bottom:22px;font-size:11px;font-weight:700}.case-scope ul{columns:3 220px;column-gap:28px}.case-scope li{break-inside:avoid;border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);letter-spacing:-.01em;padding:10px 0;font-size:15px;font-weight:600}.case-credit{opacity:.6;margin-top:6vh;font-size:11px}.case-credit a{text-underline-offset:2px;text-decoration:underline}.case-next{text-align:left;border-top:1px solid color-mix(in srgb, currentColor 20%, transparent);width:100%;margin-top:10vh;padding-top:22px;display:block}.case-next small{text-transform:uppercase;letter-spacing:.02em;opacity:.7;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.case-next span{font-family:var(--f-display);font-stretch:var(--stretch-archive);text-transform:uppercase;transition:transform .6s var(--ease-out);font-size:clamp(40px,7vw,120px);font-weight:900;line-height:.84;display:block}@media (hover:hover){.case-next:hover span{transform:translate(18px)}}#about{z-index:40;background:var(--bg);overscroll-behavior:contain;clip-path:inset(0 0 100%);position:fixed;inset:0;overflow-y:auto}#about[hidden]{display:none}.about-inner{min-height:100vh;padding:96px var(--gutter) 40px;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px 5vw;display:grid}.about-left{flex-direction:column;display:flex}.about-close{top:44px;right:var(--gutter);z-index:2;text-transform:uppercase;letter-spacing:.02em;background:var(--bg);box-shadow:0 0 0 12px var(--bg);border-bottom:1px solid;padding:8px 0;font-size:11px;font-weight:700;position:fixed}.about-title{font-family:var(--f-display);text-transform:uppercase;color:var(--chrome);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:clamp(64px,11.5vw,210px);font-weight:900;font-stretch:62%;line-height:.8;display:grid}.about-bio{text-transform:uppercase;letter-spacing:.02em;max-width:46ch;margin-top:44px;font-size:11px;font-weight:600;line-height:1.2}.about-links{text-align:left;margin-top:auto;padding-top:40px}.about-links a:before{content:""}.about-cols{text-transform:uppercase;letter-spacing:.02em;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:24px;font-size:11px;font-weight:600;line-height:1.15;display:grid}.about-cols h3{color:var(--ink);margin-bottom:30px;font-size:11px;font-weight:700}.about-cols ul{color:var(--ink-dim);gap:1px;display:grid}.about-cols li.gap{height:12px}.about-cols li b{color:var(--muted);font-variant-numeric:tabular-nums;width:16px;font-weight:600;display:inline-block}.about-fine{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;grid-column:1/-1;max-width:110ch;font-size:10px;font-weight:600}.about-foot{text-transform:uppercase;letter-spacing:.02em;color:var(--ink-dim);grid-column:1/-1;justify-content:space-between;font-size:11px;font-weight:600;display:flex}@media (width<=900px){.hud{grid-template-columns:auto 1fr auto;height:84px}.posbar{display:none}.hud-nav{gap:16px}.hud-nav a[href=\#services],.hud-foot{display:none}.duo{grid-template-columns:1fr}.cap-head{grid-template-columns:40px 1fr}.cap-div{display:none}.cap-inner{grid-template-columns:1fr;padding-left:0}.cap-line,.cap-scope{grid-column:1}.method-copy{width:auto;right:var(--gutter);top:auto;bottom:8vh;transform:none}.method-steps li h3{font-size:clamp(24px,7.4vw,40px)}.case-grid,.about-inner{grid-template-columns:1fr}.about-cols{grid-template-columns:1fr 1fr}.cover-bottom{grid-template-columns:1fr 1fr;gap:20px;padding-bottom:28px}.cover-leftmeta,.cover-social{display:none}.cover-desc{order:-1;grid-column:1/-1}.cover-explore{grid-area:2/2;justify-self:end}.cover-prev,.cover-next{opacity:.7;top:auto;bottom:34vh}.splash-row{grid-template-columns:1fr;justify-items:center;gap:12px;bottom:36px}.splash-code,.splash-parent{justify-self:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.crate{z-index:24;pointer-events:none;opacity:0;perspective:900px;transition:opacity .35s;position:fixed;top:0;left:0}.crate.on:not(.empty){opacity:1}.crate{width:clamp(200px,17vw,280px)}.crate-stack{aspect-ratio:3/2;width:100%;transform-style:preserve-3d;margin-top:40px;position:relative;transform:rotateX(18deg)rotate(-2deg)}.crate-card{position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px -20px #000000b3}.crate-card:first-child{filter:grayscale()brightness(.6);transform:translate3d(0,-34px,-80px)scale(.9)}.crate-card:nth-child(2){filter:grayscale()brightness(.75);transform:translate3d(0,-17px,-40px)scale(.95)}.crate-card:nth-child(3){transform:translate(0,0)}.crate-card img{object-fit:cover;width:100%;height:100%}.no-webgl #gl{display:none}.no-webgl .opening{height:auto}.no-webgl .opening-sticky{background:radial-gradient(90% 70% at 50% 35%, #16204a 0%, var(--bg) 70%);height:100svh;position:relative}.no-webgl .opening-stage{background:url(/brand/sx-monogram-white.svg) 50% 38%/min(36vh,50vw) no-repeat}.no-webgl .opening-about{opacity:1;margin:0 auto;padding:14vh 0;position:relative;top:auto;left:auto;transform:none}.no-webgl .about-statement .w{opacity:1}.no-webgl .work{height:auto!important}.no-webgl .work-sticky{height:auto;padding:16vh var(--gutter) 10vh;position:relative;overflow:visible}.no-webgl .work-label{margin-bottom:24px;position:static;transform:none}.no-webgl .work-list{border-top:1px solid var(--line);display:grid;position:static}.no-webgl .work-list li{position:static}.no-webgl .work-list button{opacity:1;pointer-events:auto;text-align:left;border-bottom:1px solid var(--line);text-transform:none;letter-spacing:-.01em;width:100%;padding:16px 0;font-size:clamp(16px,1.6vw,22px);position:static}.no-webgl .method{height:auto}.no-webgl .method-sticky{height:auto;padding:14vh 0;position:relative}.no-webgl .method-copy{width:auto;padding:0 var(--gutter);position:static;transform:none}.no-webgl .reach{height:auto!important}.no-webgl .reach-sticky{height:auto;padding:14vh 0;position:relative}.no-webgl .reach-card{width:auto;padding:0 var(--gutter);position:static;transform:none}@media (width<=699px){.work-label{transform:translateY(calc(-20vh - 30px))}}@media (width<=900px){.reach-card{width:auto;top:56%;bottom:auto;right:var(--gutter);transform:none}.stop-name{white-space:nowrap}.stop-name span{transform:scale(var(--fit,1));transform-origin:0 100%;display:inline-block}.stop-projects li:nth-child(n+4){display:none}.stop-name{font-size:clamp(48px,16vw,80px)}.stop-projects li{padding:8px 0}.hud-nav a,.hud-nav button{padding:10px 0}.opening-copy{bottom:44px}}@media (width<=900px) and (height<=740px){.stop-projects li:nth-child(n+3){display:none}}.services{position:relative}.services-sticky{height:100lvh;position:sticky;top:0;overflow:hidden}.services-stage{position:absolute;inset:0}.services-sticky:after{content:"";pointer-events:none;background:radial-gradient(60% 50%,#0a0b0e8c,#0000 75%);height:40vh;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.services-window{z-index:1}.services-head{left:var(--gutter);z-index:1;gap:14px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.services-head .eyebrow{margin:0}.services-count{font-variant-numeric:tabular-nums;color:var(--ink-dim);align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.services-count .sep{opacity:.6;background:currentColor;width:26px;height:1px}.services-window{pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 6%,#000 32% 68%,#0000 94%);mask-image:linear-gradient(#0000 6%,#000 32% 68%,#0000 94%)}.services-list{text-align:center;will-change:transform;position:absolute;top:50%;left:0;right:0}.services-list li{font-family:var(--f-display);text-transform:uppercase;letter-spacing:-.005em;white-space:nowrap;color:#eceef1;justify-content:center;font-size:clamp(40px,7.6vw,132px);font-weight:900;font-stretch:62%;line-height:1.02;transition:opacity .2s linear;display:flex}.services-list li span{transform:scale(var(--fit,1));transform-origin:50% 55%;flex:none;display:inline-block}.services-list li.on span{color:#0000;background-image:url(/fx/grain.png),linear-gradient(#fff 0%,#dfe8ff 45%,#8ab4ff 100%);background-size:160px 160px,100% 100%;-webkit-background-clip:text;background-clip:text;animation:.5s step-end infinite title-grain}.services-seen{right:var(--gutter);z-index:1;text-align:right;letter-spacing:.04em;text-transform:uppercase;gap:8px;width:22ch;font-size:11px;font-weight:700;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.services-seen .k{color:var(--arc)}.services-seen .v{color:var(--ink);letter-spacing:0;text-transform:none;font-size:13px;font-weight:600;line-height:1.3}@media (width<=900px){.services-head{top:104px;transform:none}.services-seen{top:auto;bottom:7vh;right:var(--gutter);left:var(--gutter);text-align:left;width:auto;transform:none}.services-list li{font-size:clamp(34px,11vw,64px)}}@media (prefers-reduced-motion:reduce){.services-list li.on span{animation:none}}.no-webgl .services{height:auto!important}.no-webgl .services-sticky{height:auto;padding:14vh 0;position:relative}.no-webgl .services-window{position:static;-webkit-mask-image:none;mask-image:none}.no-webgl .services-list{position:static;transform:none!important}.no-webgl .services-list li{opacity:1!important}.no-webgl .services-head,.no-webgl .services-seen{padding:0 var(--gutter);margin-bottom:24px;position:static;transform:none}.brands{position:relative}.brands-sticky{height:100lvh;position:sticky;top:0;overflow:hidden}.brands-stage{position:absolute;inset:0}.brands-head{left:var(--gutter);z-index:1;pointer-events:none;gap:14px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.brands-head .eyebrow{margin:0}.brands-count{font-variant-numeric:tabular-nums;color:var(--ink-dim);align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.brands-count .sep{opacity:.6;background:currentColor;width:26px;height:1px}.brands-seen{right:var(--gutter);z-index:1;pointer-events:none;text-align:right;opacity:0;gap:8px;max-width:24ch;transition:opacity .4s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.brands-seen.on{opacity:1}.brands-seen .k{letter-spacing:.06em;text-transform:uppercase;color:var(--arc);font-size:11px;font-weight:700}.brands-seen .v{color:var(--ink);font-size:13px;font-weight:600;line-height:1.3}@media (width<=900px){.brands-head{top:104px;transform:none}.brands-seen{top:auto;bottom:7vh;left:var(--gutter);text-align:left;max-width:none;transform:none}}.no-webgl .brands{height:auto!important}.no-webgl .brands-sticky{height:auto;padding:14vh var(--gutter);position:relative}.no-webgl .brands-sr{clip:auto;white-space:normal;flex-wrap:wrap;gap:8px 28px;width:auto;height:auto;margin:24px 0 0;font-size:20px;font-weight:700;display:flex;position:static!important}.no-webgl .brands-head{position:static;transform:none}.noscript{max-width:760px;padding:18vh var(--gutter);color:var(--ink);z-index:80;background:var(--bg);margin:0 auto;font-size:18px;line-height:1.5;position:relative}.noscript h1{margin-bottom:20px;font-size:34px}.noscript p{color:var(--ink-dim);margin-bottom:14px}.noscript a{color:var(--arc)}@media (pointer:coarse){.hud-nav a,.hud-nav button,.cover-close,.explore,.case-top button,.about-links a{position:relative}.hud-nav a:before,.hud-nav button:before,.cover-close:before,.explore:before,.case-top button:before,.about-close:before,.about-links a:before{content:"";position:absolute;inset:-14px -8px}.hud-nav{gap:18px}.chips button{min-height:44px}.notes summary{margin:-15px 0;padding:15px 0}.cover-prev,.cover-next{width:52px;height:52px}}