:root{--paper: #e8e2d4;--ink: #121212;--ink-soft: #3a372f;--rule: #12121214;--sight: #f5e400;--signal: #e23d28;--well: #f4efe3;--slab: #111111;--leading: 1.5rem;--edge: 3px}:root{--gutter: clamp(1rem, 4vw, 3rem);--shell: 92rem}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%}body{background-color:var(--paper);background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:28px 28px;background-attachment:fixed;color:var(--ink);font-family:Schibsted Grotesk,ui-sans-serif,sans-serif;font-weight:500;line-height:var(--leading)}a:focus-visible,video:focus-visible{outline:3px solid var(--sight);outline-offset:3px}.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:stretch;background:var(--ink);border-bottom:var(--edge) solid var(--ink)}.nav-brand{display:flex;align-items:center;padding:.6rem var(--gutter);text-decoration:none}.wordmark{display:flex;align-items:center;font-family:Archivo Black,sans-serif;font-size:1rem;letter-spacing:-.03em;text-transform:uppercase;color:var(--paper)}.wordmark-mark{display:inline-block;align-self:flex-end;width:.24em;height:.24em;margin:0 0 .05em .2em;background:var(--sight)}.nav-end{display:flex;align-items:stretch}.account{display:flex;align-items:center;padding:0 1rem;border-left:var(--edge) solid var(--paper)}.account-sign{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--paper);font:inherit;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.nav-cta{display:grid;place-items:center;padding:.7rem 1.3rem;border-left:var(--edge) solid var(--paper);background:var(--sight);color:var(--ink);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.nav-cta:hover{background:var(--signal);color:#fff8f0}.hero{max-width:var(--shell);margin:0 auto;padding:clamp(3rem,11vh,7rem) var(--gutter) clamp(3rem,9vh,6rem)}.eyebrow,.kicker{display:inline-block;margin:0 0 1.3rem;padding-bottom:.3rem;border-bottom:4px solid var(--sight);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}h1{font-family:Archivo Black,sans-serif;font-weight:400;font-size:clamp(2.7rem,8.6vw,6.6rem);line-height:.84;letter-spacing:-.045em;text-transform:uppercase;margin:0 0 1.5rem}h2{font-family:Archivo Black,sans-serif;font-weight:400;font-size:clamp(1.75rem,4.2vw,3.2rem);line-height:.92;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 1rem}.lede{max-width:48ch;margin:0 0 2rem;padding-left:.9rem;border-left:6px solid var(--sight);font-size:clamp(1rem,1.4vw,1.18rem);color:var(--ink-soft)}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:1.2rem}.btn{display:inline-block;padding:.8rem 1.4rem;border:var(--edge) solid var(--ink);box-shadow:5px 5px 0 var(--ink);font:inherit;font-size:.82rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn-solid{background:var(--signal);color:#fff8f0}.btn-solid:hover{background:var(--ink);color:var(--sight)}.btn-hollow{background:var(--paper);color:var(--ink)}.btn-hollow:hover{background:var(--sight)}.btn-wide{padding-inline:2.6rem}.hero-meta{margin:0;font-size:.8rem;letter-spacing:.04em;color:var(--ink-soft)}.assemble-head{max-width:var(--shell);margin:0 auto;padding:0 var(--gutter)}.assemble-track{position:relative;height:460vh;overflow-x:clip;overflow-y:visible}.assemble-stage{--pv: 0;--ps: 0;--pw: 0;--pb: 0;--pm: 0;--frame-w: min(60rem, 84vw, calc((100svh - 19rem)*1.72) );position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.7rem,2vh,1.6rem);padding:4rem var(--gutter) clamp(1.2rem,4vh,2.6rem)}.cues{position:relative;width:var(--frame-w);height:2.1rem;margin:0;padding:0;list-style:none}.cues li{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.55rem;font-family:Archivo Black,sans-serif;font-size:clamp(.9rem,1.6vw,1.15rem);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}.cues li b{padding:.12rem .45rem;background:var(--ink);color:var(--sight);font-size:.85em}.cues li{--in: 0;--out: 0;opacity:calc(clamp(0,calc(var(--in) * 6 - 1),1)*clamp(0,calc(1 - var(--out) * 6),1))}.cues li:nth-child(1){--in: var(--pv);--out: var(--ps)}.cues li:nth-child(2){--in: var(--ps);--out: var(--pw)}.cues li:nth-child(3){--in: var(--pw);--out: var(--pb)}.cues li:nth-child(4){--in: var(--pb);--out: var(--pm)}.cues li:nth-child(5){--in: var(--pm)}.frame{position:relative;width:var(--frame-w);aspect-ratio:16 / 9;background:var(--well);border:var(--edge) solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent 0 9px,rgb(18 18 18 / .055) 9px 10px)}.ing{position:absolute;transform-origin:50% 50%;will-change:transform,opacity}.ing-video{top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:#0d0c0a;border:var(--edge) solid var(--ink);opacity:clamp(0,calc(var(--pv) * 4),1);transform:translate(calc(-128% + 98% * var(--pv) + 30% * var(--pm))) rotate(calc(-1.6deg + 1.6deg * var(--pm))) scale(calc(.5 + .5 * var(--pm)))}.stagelight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 16%,rgb(245 228 0 / .15),rgb(226 61 40 / .1) 44%,transparent 74%)}.art-keys{position:absolute;left:9%;right:9%;bottom:34%;height:21%}.ing-score{left:0;right:0;bottom:0;height:34%;z-index:2;background:rgb(10 9 8 / calc(.92 - .34 * var(--pm)));box-shadow:inset 0 0 0 3px rgb(18 18 18 / calc(1 - var(--pm)));opacity:clamp(0,calc(var(--ps) * 4),1);transform:translate(calc(133% - 103% * var(--ps) - 30% * var(--pm)),calc(-97% + 97% * var(--pm))) rotate(calc(1.6deg - 1.6deg * var(--pm))) scale(calc(.5 + .5 * var(--pm)))}.art-score{position:absolute;top:12%;right:0;bottom:12%;left:0;width:100%;height:76%}.art-meter{font-family:Archivo Black,sans-serif;font-size:26px;fill:#fff}.ing-tag{position:absolute;top:.6rem;left:.7rem;z-index:3;padding:.18rem .42rem;background:var(--sight);color:var(--ink);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:clamp(0,calc(1 - var(--pm) * 2.5),1)}.ing-tag-score{top:auto;bottom:calc(100% + .35rem)}.sight{position:absolute;top:0;bottom:0;left:25%;z-index:3;width:3px;background:var(--sight);transform-origin:50% 100%;opacity:var(--pm);transform:scaleY(var(--pm))}.demo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;object-fit:cover;background:var(--slab);opacity:clamp(0,calc((var(--pm) - .6) * 3),1)}.demo-pending{position:absolute;top:.55rem;right:.55rem;z-index:5;margin:0;padding:.2rem .42rem;border:2px solid var(--ink);background:var(--sight);color:var(--ink);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:clamp(0,calc((var(--pm) - .6) * 3),1)}.wavestrip{position:relative;width:var(--frame-w);height:clamp(3.2rem,8vh,5rem);background:var(--slab);border:var(--edge) solid var(--ink);box-shadow:6px 6px 0 var(--ink);transform-origin:50% 0;will-change:transform,opacity;opacity:calc(clamp(0,calc(var(--pw) * 4),1) * (1 - var(--pm)));transform:translateY(calc(46px * (1 - var(--pw)) + 18px * var(--pm))) scaleY(calc(1 - .5 * var(--pm)))}.wave-bars{position:absolute;top:14%;right:3%;bottom:14%;left:3%;display:flex;align-items:center;gap:2px}.wave-bars span{flex:1;min-height:2px;background:var(--sight)}.wave-marks span{--on: clamp(0, calc(var(--pb) * 11 - var(--i)), 1);position:absolute;top:0;bottom:0;width:3px;background:var(--signal);transform-origin:50% 0;opacity:var(--on);transform:translate(-50%) scaleY(var(--on))}.stat{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.2rem,5vw,4rem);align-items:start;max-width:var(--shell);margin:0 auto;padding:clamp(4rem,12vh,8rem) var(--gutter)}.stat-figure{margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(4.5rem,16vw,12rem);line-height:.76;letter-spacing:-.06em;color:var(--signal)}.stat-body p{max-width:54ch;margin:0 0 1rem;font-size:1.04rem;color:var(--ink-soft)}.stat-note{padding-left:.85rem;border-left:5px solid var(--sight);font-size:.88rem}.steps{max-width:var(--shell);margin:0 auto;padding:0 var(--gutter) clamp(4rem,11vh,7rem)}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:1.6rem 0 0;padding:0;list-style:none;border:var(--edge) solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.step-grid li{padding:1.15rem 1.1rem 1.45rem;background:var(--well);border-right:var(--edge) solid var(--ink)}.step-grid li:last-child{border-right:0}.step-grid .step-n{display:inline-block;margin:0 0 .75rem;padding:.16rem .5rem;background:var(--ink);color:var(--sight);font-family:Archivo Black,sans-serif;font-size:.9rem}.step-grid h3{margin:0 0 .5rem;font-family:Archivo Black,sans-serif;font-weight:400;font-size:1.12rem;letter-spacing:-.02em;text-transform:uppercase}.step-grid p{margin:0;font-size:.95rem;color:var(--ink-soft)}.privacy{padding:clamp(3.5rem,10vh,6rem) var(--gutter);background:var(--ink)}.privacy>*{max-width:58rem;margin-inline:auto}.privacy h2{color:var(--paper);border-left:8px solid var(--sight);padding-left:.8rem}.privacy p{margin:0;padding-left:calc(.8rem + 8px);font-size:1.04rem;color:#cbc3b1}.closing{padding:clamp(4rem,12vh,8rem) var(--gutter);text-align:center}.closing h2{margin-bottom:1.7rem}.closing .hero-meta{margin-top:1.1rem}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.4rem;padding:1.15rem var(--gutter);background:var(--ink);border-top:var(--edge) solid var(--ink);font-size:.82rem;color:#a9a294}.foot p{margin:0}@media (max-width: 900px){.step-grid{grid-template-columns:1fr}.step-grid li{border-right:0;border-bottom:var(--edge) solid var(--ink)}.step-grid li:last-child{border-bottom:0}}@media (max-width: 760px){.assemble-track{height:380vh}.assemble-stage{--frame-w: min(92vw, calc((100svh - 16rem)*1.72) )}.stat{grid-template-columns:1fr}.nav-cta{padding-inline:1rem;font-size:.74rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.assemble-track{height:auto;overflow-x:visible}.assemble-stage{position:static;height:auto;padding-block:clamp(2rem,6vh,3.5rem)}.btn:hover{transform:none;box-shadow:5px 5px 0 var(--ink)}}
