@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2) format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2) format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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(/assets/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2) format("woff2"),url(/assets/instrument-serif-latin-ext-400-italic-D7-lnxEk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f3eee0;--ink: #141917;--vermilion: #e84c32;--ultramarine: #2447e6;--citron: #dfed62;--mint: #7df0c1;--display: "Bricolage Grotesque Variable", "Helvetica Neue", Arial, sans-serif;--body: "DM Sans Variable", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;--serif: "Instrument Serif", "Times New Roman", serif;--pad: clamp(1.1rem, 3.2vw, 3rem);--ease: cubic-bezier(.16, 1, .3, 1);--bg: var(--paper);--fg: var(--ink);--accent: var(--vermilion);--on-accent: #fff8ee}[data-lens=uiux]{--bg: var(--ultramarine);--fg: #f5f0df;--accent: var(--citron);--on-accent: var(--ink)}[data-lens=dev]{--bg: #0d1211;--fg: #ebe7d9;--accent: var(--mint);--on-accent: #0d1211}[data-theme=rental-peace]{--bg: #e4e9d8;--fg: #1a2a20;--accent: #2c5a41;--on-accent: #f4f6ee}[data-theme=frame24]{--bg: #15161a;--fg: #efe9dc;--accent: #f0683f;--on-accent: #15161a}[data-theme=common-cents]{--bg: #0f3038;--fg: #fffcef;--accent: #8dbfb5;--on-accent: #0f3038}[data-theme=pantrypal]{--bg: #191c3d;--fg: #f1efff;--accent: #a78bff;--on-accent: #191c3d}[data-theme=xta-tee]{--bg: #050505;--fg: #f1f1f1;--accent: #39ff88;--on-accent: #050505}:root,[data-theme]{--line: color-mix(in srgb, var(--fg) 17%, transparent);--muted: color-mix(in srgb, var(--fg) 66%, transparent);--soft: color-mix(in srgb, var(--fg) 7%, transparent)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color:var(--fg);transition:background-color .5s linear,color .5s linear;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--line) transparent}html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:hidden}body{margin:0;font:400 1.0625rem/1.55 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}img{display:block;max-width:100%}em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.015em;font-stretch:100%}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.has-cursor,.has-cursor a,.has-cursor button{cursor:none}.skip{position:fixed;top:.5rem;left:.5rem;z-index:100;padding:.7rem 1rem;background:var(--fg);color:var(--bg);transform:translateY(-200%)}.skip:focus{transform:none}main{position:relative;z-index:1}.tag{font:400 .6875rem/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.55em}.arrow{flex:none;transition:transform .5s var(--ease)}a:hover>.arrow,button:hover>.arrow,a:hover .cta .arrow{transform:translate(.18em,-.18em)}.display{font:620 clamp(2.7rem,8.4vw,9.5rem) / .86 var(--display);font-stretch:84%;letter-spacing:-.045em}.display.small{font-size:clamp(2.2rem,5.2vw,5.4rem)}.display em,.hero-title em,.case-title em,.contact-title em{color:var(--accent);font-size:1.04em;letter-spacing:-.03em}.rise{display:block}.rise-mask{display:block;overflow:clip;padding:.08em .06em .14em;margin:-.08em -.06em -.14em}.rise-line{display:block;transform-origin:0 100%;will-change:transform}.statement{font:560 clamp(1.85rem,4.7vw,5.2rem) / 1.03 var(--display);font-stretch:88%;letter-spacing:-.035em;max-width:17.5em;text-wrap:balance}.statement.small{font-size:clamp(1.45rem,2.9vw,3.1rem);line-height:1.12;letter-spacing:-.028em;max-width:24em;text-wrap:pretty}.statement em{color:var(--accent);font-size:1.05em}.field{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.grain{position:fixed;top:-100%;right:-100%;bottom:-100%;left:-100%;z-index:60;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .9s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.cursor{position:fixed;top:0;left:0;z-index:95;pointer-events:none;mix-blend-mode:difference}.cursor span{position:absolute;translate:-50% -50%;display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:#fff;color:transparent;font:400 .625rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:width .45s var(--ease),height .45s var(--ease),color .2s}.cursor[data-link] span{width:44px;height:44px}.cursor[data-label] span{width:104px;height:104px;color:#000}.hud{position:fixed;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.15rem var(--pad);color:#fff;mix-blend-mode:difference;font:400 .6875rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;pointer-events:none}.hud>*{pointer-events:auto}.hud-top{top:0}.hud-bottom{bottom:0;padding-block:1rem}.hud-bottom>*{pointer-events:none}.wordmark{font:700 1.02rem/1 var(--display);font-stretch:90%;letter-spacing:-.03em;text-transform:none}.wordmark sup{font:400 .5rem var(--mono);margin-left:.2em;vertical-align:.9em}.hud-lens{display:flex;align-items:center;gap:1rem}.hud-note{opacity:.6}.lens-switch{display:flex;gap:.2rem}.lens-switch button{position:relative;padding:.55rem .8rem;font:inherit;letter-spacing:inherit;text-transform:inherit;opacity:.55;transition:opacity .3s}.lens-switch button:hover,.lens-switch button[aria-pressed=true]{opacity:1}.lens-switch i{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid currentColor;border-radius:99px}.hud-nav{display:flex;gap:1.6rem}.hud-nav a,.hud-menu{position:relative;padding:.55rem 0}.hud-nav a:after{content:"";position:absolute;left:0;right:0;bottom:.2rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}.hud-nav a:hover:after{transform:scaleX(1);transform-origin:left}.hud-menu{display:none;font:inherit;letter-spacing:inherit;text-transform:inherit}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:var(--fg);color:var(--bg);padding:6rem var(--pad) 2rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.menu nav a{display:flex;align-items:baseline;gap:1rem;font:620 clamp(3rem,15vw,6rem) / 1 var(--display);font-stretch:84%;letter-spacing:-.045em;border-bottom:1px solid color-mix(in srgb,var(--bg) 20%,transparent);padding:.5rem 0}.menu nav small{font:400 .6875rem var(--mono);letter-spacing:.09em}.menu-lens{display:grid;gap:.8rem}.menu-lens .lens-switch{font:400 .75rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.menu-mail{font:500 1.2rem var(--display)}.curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;display:grid;grid-template-columns:repeat(5,1fr);pointer-events:none}.curtain i{background:var(--accent);transform:scaleY(0);transform-origin:50% 100%;margin-inline:-.5px}.curtain[data-state=cover]{pointer-events:auto}.curtain[data-state=cover] i{transform:scaleY(1);transition:transform .52s cubic-bezier(.7,0,.2,1) calc(var(--i) * 42ms)}.curtain[data-state=reveal] i{transform:scaleY(0);transform-origin:50% 0;transition:transform .56s cubic-bezier(.7,0,.2,1) calc(var(--i) * 42ms)}.curtain span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--on-accent);font:620 clamp(2.4rem,9vw,9rem) / 1 var(--display);font-stretch:84%;letter-spacing:-.045em;opacity:0;transform:translateY(.3em)}.curtain[data-state=cover] span{opacity:1;transform:none;transition:opacity .3s .32s,transform .6s var(--ease) .32s}.curtain[data-state=reveal] span{transition:opacity .2s}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0d1211;color:var(--paper);padding:1.15rem var(--pad);display:grid;grid-template-rows:auto 1fr auto;transition:transform .95s cubic-bezier(.76,0,.18,1)}.preloader[data-leaving]{transform:translateY(-101%)}.preloader-top{display:flex;justify-content:space-between;font:400 .6875rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;padding-top:.55rem}.preloader-words{align-self:center;display:grid;font:620 clamp(2.2rem,7vw,6.5rem) / .95 var(--display);font-stretch:84%;letter-spacing:-.045em}.preloader-words span{opacity:.16;transition:opacity .5s,transform .8s var(--ease);transform:translate(-.4em)}.preloader-words span[data-on]{opacity:1;transform:none}.preloader-words span:nth-child(2){color:var(--citron)}.preloader-words span:nth-child(3){color:var(--mint)}.preloader-words span:nth-child(1){color:var(--vermilion)}.preloader-count{justify-self:end;font:600 clamp(6rem,27vw,26rem) / .78 var(--display);font-stretch:76%;letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-bottom:.6rem}.preloader-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--paper);transform-origin:0 50%}.hero{position:relative;min-height:100svh;display:grid}.hero-light{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 196deg at 88% -12%,transparent 0deg,var(--soft) 6deg,transparent 13deg,transparent 21deg,var(--soft) 26deg,transparent 38deg,transparent 47deg,var(--soft) 50deg,transparent 60deg);-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}.hero-inner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(1.6rem,4vh,3.4rem);padding:6.5rem var(--pad) 4.2rem;min-height:100svh}.hero-top{display:flex;flex-wrap:wrap;gap:.7rem 2rem;margin-bottom:auto}.avail i{width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.55);opacity:.5}}.hero-title{font:640 clamp(2.5rem,9.1vw,11.5rem) / .84 var(--display);font-stretch:84%;letter-spacing:-.042em}.hero-foot{display:grid;grid-template-columns:minmax(0,30rem) minmax(0,25rem);justify-content:space-between;align-items:end;gap:2rem}.hero-intro{font-size:clamp(1.02rem,1.25vw,1.25rem);line-height:1.45;text-wrap:pretty}.hero-lenses{display:grid;gap:.7rem}.hero-lenses .tag{color:var(--muted)}.hero-lenses button{width:100%;display:grid;grid-template-columns:2.2rem 1fr auto;align-items:baseline;padding:.7rem 0;border-top:1px solid var(--line);font:560 1.35rem/1.1 var(--display);font-stretch:88%;letter-spacing:-.025em;transition:padding .5s var(--ease),color .3s}.hero-lenses li:last-child button{border-bottom:1px solid var(--line)}.hero-lenses small,.hero-lenses button em{font:400 .6875rem var(--mono);letter-spacing:.09em;text-transform:uppercase;font-style:normal}.hero-lenses button:hover{padding-left:.6rem}.hero-lenses button[aria-pressed=true]{color:var(--accent)}.manifesto,.hook,.proves{position:relative;display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,4.4fr);gap:2rem;padding:clamp(6rem,22vh,15rem) var(--pad)}.manifesto .tag,.hook .tag,.proves>.tag{align-self:start;padding-top:.9em;color:var(--muted)}.section-head{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,4.4fr);gap:1.2rem 2rem;padding:clamp(4rem,12vh,9rem) var(--pad) clamp(2.5rem,7vh,5rem)}.section-head .tag{padding-top:.9em;align-self:start;color:var(--muted)}.section-note{grid-column:2;max-width:30rem;color:var(--muted)}.work{position:relative;background:var(--bg)}.stack{position:relative}.panel{position:sticky;top:0;height:100svh}.panel-card{position:relative;height:100%;background:var(--bg);color:var(--fg);border-radius:clamp(18px,2.2vw,34px) clamp(18px,2.2vw,34px) 0 0;overflow:hidden;transform-origin:50% 0;will-change:transform}.panel-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.panel-link{height:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6.4fr);gap:clamp(1.5rem,4vw,5rem);padding:5.2rem var(--pad) 3.4rem}.panel-copy{display:flex;flex-direction:column;min-width:0}.panel-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;color:var(--muted)}.panel h3{margin-top:auto;font:640 clamp(3rem,8vw,9.2rem) / .84 var(--display);font-stretch:82%;letter-spacing:-.045em;padding-top:1.5rem}.panel-tagline{margin-top:1.4rem;font:400 clamp(1.35rem,2.3vw,2.4rem) / 1.05 var(--serif);font-style:italic;letter-spacing:-.015em;color:var(--accent);text-wrap:balance}.panel-card-text{margin-top:1rem;max-width:31rem;color:var(--muted);text-wrap:pretty}.panel dl{margin-top:1.6rem;display:grid;border-top:1px solid var(--line)}.panel dl div,.facts div,.case-facts div{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line);font-size:.9375rem}dt{font:400 .6875rem/1.9 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.cta,.pill{margin-top:1.7rem;align-self:start;display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 1.4rem;border-radius:99px;background:var(--fg);color:var(--bg);font:500 .95rem/1 var(--body);transition:background-color .35s,color .35s}a:hover .cta,.pill:hover{background:var(--accent);color:var(--on-accent)}.panel-visual{position:relative;min-width:0;display:grid;align-items:center}.visual{position:relative}.frame{display:block;position:relative;overflow:hidden;background:#101312;box-shadow:0 1px #ffffff14 inset,0 40px 80px -30px #00000080,0 12px 30px -18px #00000080}.frame img{width:100%;height:auto}.frame-desktop{border-radius:clamp(8px,.9vw,14px);border:1px solid rgb(255 255 255 / .1)}.frame-bar{display:flex;gap:6px;align-items:center;height:clamp(18px,1.9vw,30px);padding:0 clamp(8px,.9vw,14px);background:#1b1f1e}.frame-bar i{width:clamp(5px,.55vw,9px);aspect-ratio:1;border-radius:50%;background:#ffffff38}.frame-phone,.frame-tablet{border-radius:clamp(20px,2.4vw,38px);border:clamp(5px,.6vw,9px) solid #0c0e0d;background:#0c0e0d}.frame-tablet{border-radius:clamp(14px,1.6vw,24px)}.frame-phone img,.frame-tablet img{border-radius:clamp(14px,1.8vw,28px)}.frame-tablet img{border-radius:clamp(8px,1vw,14px)}.frame-plain{border-radius:clamp(8px,.9vw,14px)}.frame-bare{background:none;box-shadow:none;filter:drop-shadow(0 30px 40px rgb(0 0 0 / .4))}.visual-phones{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.4rem,1.4vw,1.6rem);align-items:center}.visual-phones .frame:nth-child(2){margin-top:26%}.visual-phones .frame:nth-child(3){margin-top:-14%}.visual-device .frame-desktop{width:118%}.visual-device .frame-phone{position:absolute;left:-7%;bottom:-14%;width:24%}.visual-pair .front{width:112%}.visual-pair .back{position:absolute;width:92%;right:-22%;top:-24%;opacity:.55;transform:rotate(-3deg)}.visual-xta{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.6rem,1.4vw,1.4rem);align-items:center;height:100%}.xta-cycle{position:relative;border-radius:clamp(8px,.9vw,14px);overflow:hidden;aspect-ratio:756 / 1080;width:min(100%,44svh);justify-self:end}.xta-cycle-b{margin-top:22%;justify-self:start}.xta-cycle img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:xta 9.6s infinite}.xta-cycle img:nth-child(1){animation-delay:0s}.xta-cycle img:nth-child(2){animation-delay:2.4s}.xta-cycle img:nth-child(3){animation-delay:4.8s}.xta-cycle img:nth-child(4){animation-delay:7.2s}@keyframes xta{0%,24.9%{opacity:1}25%,to{opacity:0}}.craft,.about,.contact{position:relative}.craft-list{padding:0 var(--pad)}.craft-list li{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,2fr) minmax(0,2.4fr);gap:1rem 2rem;align-items:baseline;padding:clamp(1.6rem,3.6vh,2.8rem) 0;border-top:1px solid var(--line);transition:padding .6s var(--ease)}.craft-list li:last-child{border-bottom:1px solid var(--line)}.craft-list .tag{color:var(--muted)}.craft-list h3{font:600 clamp(1.7rem,3.5vw,3.5rem) / .95 var(--display);font-stretch:86%;letter-spacing:-.04em;transition:color .3s}.craft-list p{color:var(--muted);max-width:34rem;text-wrap:pretty}@media(hover:hover){.craft-list li:hover{padding-left:1rem}.craft-list li:hover h3{color:var(--accent)}}.marquee{overflow:hidden;padding:clamp(3rem,9vh,7rem) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 46s linear infinite}.marquee-track span{font:600 clamp(1.8rem,4.4vw,4.6rem) / 1 var(--display);font-stretch:84%;letter-spacing:-.04em;white-space:nowrap;padding-right:.5em}.marquee-track b{color:var(--accent);font-weight:400;margin-left:.3em}@keyframes marquee{to{transform:translate(-50%)}}.about-grid{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,1.7fr) minmax(0,2.7fr);gap:2rem clamp(2rem,4vw,5rem);padding:0 var(--pad) clamp(5rem,14vh,10rem)}.about-portrait{grid-column:2;position:relative;align-self:start;aspect-ratio:4 / 5;overflow:hidden;border-radius:clamp(8px,.9vw,14px);background:var(--accent)}.about-portrait img{position:absolute;left:4%;bottom:-6%;width:96%;height:auto}.about-portrait .tag{position:absolute;left:1rem;top:1rem;color:var(--on-accent)}.about-copy{display:grid;gap:1.4rem;align-content:start}.about-copy p{max-width:38rem;color:var(--muted);text-wrap:pretty}.about-copy .lead{font:520 clamp(1.3rem,2.1vw,2.1rem) / 1.2 var(--display);font-stretch:90%;letter-spacing:-.025em;color:var(--fg);max-width:30em}.facts{margin-top:1rem;border-top:1px solid var(--line);max-width:38rem}.contact{min-height:100svh;display:flex;flex-direction:column;padding:clamp(5rem,14vh,9rem) var(--pad) 3.6rem;border-top:1px solid var(--line)}.contact>.tag{color:var(--muted)}.contact-ask{margin-top:1.2rem;max-width:28rem;font-size:1.15rem;text-wrap:balance}.contact-title{margin-top:auto;font:640 clamp(4.4rem,22.5vw,27rem) / .8 var(--display);font-stretch:78%;letter-spacing:-.06em;padding-top:3rem}.contact-title a{display:block}.contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 3rem;margin-top:clamp(1.5rem,4vh,3rem)}.pill{margin-top:0;padding:1.15rem 1.2rem 1.15rem 1.7rem;font-size:1.05rem;gap:1.2rem}.pill i{font:400 .6875rem var(--mono);letter-spacing:.09em;text-transform:uppercase;padding:.5rem .8rem;border-radius:99px;background:var(--bg);color:var(--fg)}.magnetic{display:inline-block}.contact-links{display:flex;flex-wrap:wrap;gap:.6rem 2.2rem}.contact-links a,.colophon button,.proves-lenses button{display:inline-flex;align-items:center;gap:.45rem;font:540 1.2rem var(--display);font-stretch:90%;letter-spacing:-.02em;border-bottom:1px solid var(--line);padding:.2rem 0;transition:color .3s,border-color .3s}.contact-links a:hover,.colophon button:hover,.proves-lenses button:hover{color:var(--accent);border-color:var(--accent)}.colophon{margin-top:clamp(3rem,8vh,5rem);padding-top:1.5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.colophon>div{display:grid;gap:.7rem;align-content:start}.colophon .tag{color:var(--muted)}.colophon p{max-width:24rem;font-size:.9375rem;color:var(--muted)}.colophon ul{display:grid;gap:.4rem;justify-items:start}.colophon-end{grid-column:1 / -1;display:flex!important;justify-content:space-between;font:400 .6875rem var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.case{background:var(--bg);color:var(--fg)}.case-hero{padding:6.5rem var(--pad) 0}.case-crumbs{display:flex;flex-wrap:wrap;gap:.6rem 2rem;color:var(--muted)}.case-crumbs .back{color:var(--fg)}.case-title{margin-top:clamp(2rem,9vh,6rem);font:640 clamp(3.4rem,15.4vw,20rem) / .82 var(--display);font-stretch:80%;letter-spacing:-.045em;white-space:nowrap}.case-lede{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2rem clamp(2rem,6vw,7rem);align-items:end;margin-top:clamp(2rem,6vh,4rem)}.case-tagline{font:400 clamp(1.8rem,4vw,4.2rem) / 1 var(--serif);font-style:italic;letter-spacing:-.02em;color:var(--accent);text-wrap:balance}.case-tagline .rise-mask{overflow:visible}.case-facts{border-top:1px solid var(--line)}.case-facts a{display:inline-flex;align-items:center;gap:.3rem;border-bottom:1px solid currentColor;color:var(--accent)}.case-cover{margin-top:clamp(3rem,9vh,6rem)}.case-cover>div{transform-origin:50% 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 var(--pad);border-block:1px solid var(--line)}.stats>div{display:grid;gap:.8rem;align-content:space-between;padding:clamp(1.4rem,3vw,2.6rem) clamp(.8rem,1.6vw,1.6rem) clamp(1.4rem,3vw,2.4rem) 0}.stats>div+div{border-left:1px solid var(--line);padding-left:clamp(.8rem,1.6vw,1.6rem)}.stats strong{font:620 clamp(3rem,7.6vw,8.6rem) / .82 var(--display);font-stretch:78%;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.stats>div>span{font-size:.9375rem;line-height:1.35;color:var(--muted);max-width:17rem;text-wrap:pretty}.case-head{padding-top:clamp(6rem,18vh,12rem)}.chapters{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);padding:0 var(--pad)}.chapters-media{position:sticky;top:0;height:100vh;display:grid;align-items:center}.chapters-stage{position:relative;aspect-ratio:1440 / 1040}.chapters-shot{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transform:translateY(4%) scale(.965);transition:opacity .55s,transform 1s var(--ease)}.chapters-shot[data-on]{opacity:1;transform:none}.chapters-shot .frame{width:100%}.chapters-shot :is(.frame-plain,.frame-bare) img{max-height:84vh;width:auto;max-width:100%;margin:auto}.chapters-shot :is(.frame-plain,.frame-bare){width:auto;max-width:100%}.chapters-shot[data-frame=phone] .frame,.chapters-inline[data-frame=phone] .frame{width:auto;height:100%;aspect-ratio:9 / 19.5}.chapters-shot[data-frame=tablet] .frame{width:auto;height:108%;aspect-ratio:3 / 4}.chapters-shot :is(.frame-phone,.frame-tablet) img,.chapters-inline :is(.frame-phone) img{width:100%;height:100%;object-fit:cover;object-position:top}.chapters-count{position:absolute;left:0;bottom:-2.2rem;color:var(--muted)}.chapters-text>li{min-height:92vh;display:flex;flex-direction:column;justify-content:center;gap:1.3rem;padding:3rem 0;opacity:.3;transition:opacity .6s}.chapters-text>li[data-on]{opacity:1}.chapters-text .tag{color:var(--accent)}.chapters-text h3{font:620 clamp(2rem,3.9vw,4.1rem) / .94 var(--display);font-stretch:84%;letter-spacing:-.045em;text-wrap:balance}.chapters-text p{max-width:34rem;font-size:1.09rem;text-wrap:pretty}.chapters-text ul{display:grid;max-width:34rem;border-top:1px solid var(--line)}.chapters-text ul li{position:relative;padding:.7rem 0 .7rem 1.6rem;border-bottom:1px solid var(--line);font-size:.9375rem;color:var(--muted)}.chapters-text ul li:before{content:"→";position:absolute;left:0;color:var(--accent)}.chapters-inline{display:none}.gallery{position:relative;margin-top:clamp(4rem,12vh,8rem);background:color-mix(in srgb,var(--fg) 6%,var(--bg))}.gallery-pin{display:flex;flex-direction:column;justify-content:center;gap:clamp(1.4rem,4vh,3rem);padding:clamp(3rem,8vh,5rem) 0;overflow:hidden}.gallery[data-pinned] .gallery-pin{position:sticky;top:0;height:100vh;padding:4.5rem 0 3rem}.gallery header{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem 2rem;padding:0 var(--pad)}.gallery header .tag{color:var(--muted)}.gallery header h2{flex:1 1 100%;order:2}.gallery-hint{order:3}.gallery-track{display:flex;align-items:flex-end;gap:clamp(1.2rem,3vw,3.4rem);width:max-content;padding:0 var(--pad);will-change:transform}.gallery:not([data-pinned]) .gallery-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.5rem;scroll-padding-inline:var(--pad)}.gallery:not([data-pinned]) figure{scroll-snap-align:start;--shot: 30svh}.gallery:not([data-pinned]) figure[data-frame=phone],.gallery:not([data-pinned]) figure[data-frame=tablet]{--shot: 50svh}.gallery figure{--h: var(--shot, min(54vh, 34vw));display:grid;gap:.9rem;flex:none}.gallery figure .frame{width:max-content}.gallery figure img{height:var(--h);width:auto;max-width:none}.gallery figcaption{color:var(--muted)}.stack-table{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,4.4fr);gap:2rem;padding:clamp(5rem,14vh,9rem) var(--pad) 0}.stack-table header{display:contents}.stack-table header .tag{color:var(--muted);padding-top:.9em;align-self:start}.stack-table dl{grid-column:2;border-top:1px solid var(--line)}.stack-table dl>div{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,3fr);gap:1rem 2rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}.stack-table dd{font:520 clamp(1.05rem,1.7vw,1.6rem) / 1.2 var(--display);font-stretch:90%;letter-spacing:-.02em}.proves-lenses{grid-column:2;display:grid;gap:.9rem;margin-top:clamp(2rem,6vh,4rem)}.proves-lenses .tag{color:var(--muted)}.proves-lenses ul{display:flex;flex-wrap:wrap;gap:.6rem 2.2rem}.next{position:relative;display:grid;gap:1rem;padding:clamp(4rem,14vh,9rem) var(--pad) clamp(4.5rem,12vh,8rem);background:var(--bg);color:var(--fg);border-radius:clamp(18px,2.2vw,34px) clamp(18px,2.2vw,34px) 0 0;overflow:hidden}.next .tag{color:var(--muted)}.next strong{font:640 clamp(3.4rem,15.4vw,20rem) / .82 var(--display);font-stretch:80%;letter-spacing:-.045em;white-space:nowrap;transition:transform .9s var(--ease),color .4s}.next:hover strong{transform:translate(.12em);color:var(--accent)}.next-line{display:inline-flex;align-items:center;gap:.8rem;font:400 clamp(1.3rem,2.4vw,2.4rem) / 1.05 var(--serif);font-style:italic}.booth{margin-top:clamp(4rem,12vh,8rem);padding:clamp(4rem,10vh,7rem) var(--pad);background:radial-gradient(80% 60% at 30% 45%,color-mix(in srgb,var(--glow) 22%,transparent),transparent 70%),#000;transition:background .5s}.booth header{display:grid;gap:1rem;max-width:40rem}.booth header p,.booth .tag{color:var(--muted)}.booth-stage{margin-top:clamp(2rem,6vh,4rem);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}.booth-shirt{position:relative;aspect-ratio:756 / 1080;max-height:82vh;justify-self:center;width:min(100%,57.4vh);border-radius:14px;overflow:hidden;box-shadow:0 0 140px -30px var(--glow);transition:box-shadow .5s}.booth-shirt img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}.booth-shirt img[data-on]{opacity:1}.booth-controls{display:grid;gap:1rem;align-content:center}.booth-lights{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1.6rem}.booth-lights button{display:flex;align-items:center;gap:.8rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:14px;font:560 clamp(1.1rem,1.8vw,1.6rem) var(--display);letter-spacing:-.02em;transition:border-color .3s,background-color .3s}.booth-lights i{width:1.1rem;height:1.1rem;border-radius:50%;background:var(--c);box-shadow:0 0 22px var(--c)}.booth-lights button[aria-pressed=true]{border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}.booth-party{display:grid;gap:1rem;margin-bottom:1.6rem}.booth-party button{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:14px;font:620 clamp(1.3rem,2.2vw,2rem) var(--display);font-stretch:86%;letter-spacing:-.03em;background:linear-gradient(100deg,#ff2a2a22,#2bff6a22,#2f5bff22);transition:border-color .3s}.booth-party button small{font:400 .6875rem var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.booth-party button[aria-pressed=true]{border-color:var(--glow);background:color-mix(in srgb,var(--glow) 18%,transparent)}.booth-party label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;transition:opacity .3s}.booth-party label[data-off]{opacity:.45}.booth-party input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:2.2rem;background:none;cursor:pointer;--track: linear-gradient(90deg, var(--glow) var(--at), color-mix(in srgb, var(--fg) 18%, transparent) var(--at))}.booth-party input::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:var(--track)}.booth-party input::-moz-range-track{height:3px;border-radius:3px;background:var(--track)}.booth-party input::-webkit-slider-thumb{-webkit-appearance:none;width:1.4rem;height:1.4rem;margin-top:calc(-.7rem + 1.5px);border-radius:50%;border:0;background:var(--glow);box-shadow:0 0 24px var(--glow)}.booth-party input::-moz-range-thumb{width:1.4rem;height:1.4rem;border-radius:50%;border:0;background:var(--glow);box-shadow:0 0 24px var(--glow)}.booth[data-party],.booth[data-party] .booth-shirt{transition-duration:var(--beat)}.booth[data-party] .booth-shirt img{transition-duration:calc(var(--beat) * .6)}.booth-designs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.booth-designs button{aspect-ratio:1;border-radius:10px;overflow:hidden;opacity:.45;outline:1px solid transparent;transition:opacity .3s,outline-color .3s}.booth-designs button:hover,.booth-designs button[aria-pressed=true]{opacity:1}.booth-designs button[aria-pressed=true]{outline-color:var(--fg)}.booth-designs img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}.booth-film{margin-top:clamp(3rem,8vh,6rem);aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#0a0a0a}.booth-film iframe,.booth-film button{width:100%;height:100%;border:0;display:block;position:relative}.booth-film button img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.5;transition:opacity .5s,transform 1.2s var(--ease)}.booth-film button:hover img{opacity:.75;transform:scale(1.03)}.booth-film button span{position:absolute;left:var(--pad);bottom:var(--pad);display:inline-flex;align-items:center;gap:.8rem;font:620 clamp(1.6rem,4vw,4rem) / 1 var(--display);font-stretch:84%;letter-spacing:-.04em}.legacy{--line: rgb(25 35 33 / .16);--teal: #147b70;background:var(--paper);color:var(--ink);padding:6rem var(--pad) 4rem}.legacy-back{font:400 .6875rem var(--mono);letter-spacing:.09em;text-transform:uppercase}@media(max-width:899px){.hud-lens,.hud-nav,.hud-progress{display:none}.hud-menu{display:block}.hero-inner{padding-bottom:3.4rem}.hero-title{font-size:clamp(2.5rem,11.6vw,6rem)}.hero-foot{grid-template-columns:1fr}.manifesto,.hook,.proves,.section-head,.stack-table{grid-template-columns:1fr;gap:1.2rem}.section-note,.proves-lenses,.stack-table dl{grid-column:1}.panel-link{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:1.2rem;padding:4.4rem var(--pad) 0}.panel h3{margin-top:0;padding-top:1rem;font-size:clamp(3rem,15vw,6rem)}.panel-tagline{margin-top:.8rem}.panel dl{display:none}.panel-card-text{margin-top:.7rem;font-size:.9375rem}.cta{margin-top:1.1rem;padding:.8rem 1.15rem}.panel-visual{align-items:center;padding-bottom:3rem}.visual-device .frame-desktop,.visual-pair .front{width:128%}.visual-device .frame-phone{left:auto;right:4%;bottom:auto;top:12%;width:30%}.visual-pair .back{display:none}.visual-xta{align-items:start}.craft-list li{grid-template-columns:1fr;gap:.6rem}.about-grid{grid-template-columns:1fr}.about-portrait{grid-column:1;max-width:22rem}.colophon,.case-lede{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div:nth-child(3){border-left:0;padding-left:0}.stats>div:nth-child(n+3){border-top:1px solid var(--line)}.chapters{grid-template-columns:1fr}.chapters-media{display:none}.chapters-inline{display:block}.chapters-inline[data-frame=phone],.chapters-inline[data-frame=plain],.chapters-inline[data-frame=tablet]{max-width:17rem}.chapters-inline[data-frame=phone] .frame{width:100%;height:auto}.chapters-text>li{min-height:0;opacity:1;padding:2.6rem 0;border-top:1px solid var(--line)}.stack-table dl>div{grid-template-columns:1fr;gap:.2rem}.booth-stage{grid-template-columns:1fr}.grain{opacity:.08}}@media(prefers-reduced-motion:reduce){.grain,.marquee-track,.avail i,.xta-cycle img{animation:none}.xta-cycle img:first-child{opacity:1}html{transition:none}}