.scene{height:calc(var(--len,3) * 100lvh);--p:0;position:relative}.scene+.scene{margin-top:-100lvh}html.motion .scene+.scene:not(.is-live){visibility:hidden}.stage{height:100lvh;position:sticky;top:0;overflow:hidden}.safe{height:100svh;position:absolute;inset:0 0 auto}.flood{pointer-events:none;position:absolute;inset:0}.flood--char{background:var(--char);opacity:clamp(0, calc((var(--p) - .88) / .1), 1)}.fly{--dur:.1;--i:clamp(0, calc((var(--p) - var(--in)) / var(--dur)), 1);--o:clamp(0, calc((var(--p) - var(--out)) / var(--dur)), 1);padding:var(--hdr-h) var(--gut) 0;text-align:center;opacity:calc(var(--i) * (1 - var(--o)));transform:scale(calc((.7 + .3 * var(--i)) * (1 + 1.9 * var(--o) * var(--o))));pointer-events:none;will-change:transform, opacity;align-content:center;justify-items:center;gap:clamp(20px,3vw,36px);display:grid;position:absolute;inset:0}.fly--high{align-content:start;padding-top:19svh}.fly-xl{font-size:clamp(38px,8.6vw,136px)}.fly-ko{text-wrap:balance;max-width:30em;font-size:clamp(15px,1.5vw,20px);font-weight:500;line-height:1.6}.paper{color:var(--paper)}.strike{white-space:nowrap;position:relative}.strike:after{content:"";background:var(--paper);height:.09em;transform:scaleX(clamp(0, calc((var(--p) - .16) / .12), 1));transform-origin:0;position:absolute;top:46%;left:-2%;right:-2%}.s-hero{background:var(--paper);z-index:1}.hero-svg{width:100%;height:100%;color:var(--ink);position:absolute;inset:0}.hero-flood{background:var(--org);opacity:clamp(0, calc((var(--p) - .8) / .1), 1);position:absolute;inset:0}.hero-copy{padding-inline:var(--gut);text-align:center;opacity:calc(1 - clamp(0, calc(var(--p) / .14), 1));transform:translateY(calc(var(--p) * -160px));justify-items:center;gap:clamp(18px,2.4vw,30px);display:grid;position:absolute;top:55%;left:0;right:0}.hero-copy h1{letter-spacing:-.03em;font-size:clamp(32px,5.6vw,84px);font-weight:600;line-height:1.22}.hero-copy .mono{letter-spacing:.34em;color:var(--steel);font-size:clamp(10px,1vw,13px)}.hero-cue{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));letter-spacing:.3em;color:var(--steel);opacity:calc(1 - clamp(0, calc(var(--p) / .06), 1));justify-items:center;gap:10px;font-size:10px;display:grid;position:absolute;transform:translate(-50%)}.hero-cue i{background:linear-gradient(var(--org), var(--org)) no-repeat top / 100% 40%, var(--line);width:1px;height:36px;animation:1.8s ease-in-out infinite cue}@keyframes cue{0%{background-position:0 -14px,0 0}to{background-position:0 36px,0 0}}.s-value{background:var(--org);color:var(--char);z-index:2}.s-complex{background:var(--char);color:var(--paper);z-index:3}.tangle{width:100%;height:100%;opacity:calc(clamp(0, calc(var(--p) / .05), 1) * (1 - clamp(0, calc((var(--p) - .92) / .08), 1)));transform:scale(calc(1.22 - .22 * clamp(0, calc((var(--p) - .08) / .5), 1)));position:absolute;inset:0}.complex-tag{left:0;right:0;bottom:calc(26px + env(safe-area-inset-bottom,0px));text-align:center;letter-spacing:.3em;color:var(--steel);opacity:calc(clamp(0, calc((var(--p) - .5) / .1), 1) * (1 - clamp(0, calc((var(--p) - .9) / .08), 1)));font-size:11px;position:absolute}.s-rung{background:var(--char);color:var(--paper);z-index:4;--on1:clamp(0, calc((var(--p) - .06) / .07), 1);--on2:clamp(0, calc((var(--p) - .27) / .07), 1);--on3:clamp(0, calc((var(--p) - .47) / .07), 1);--on4:clamp(0, calc((var(--p) - .68) / .08), 1)}.rung-wrap{padding:var(--hdr-h) var(--gut) 0;align-content:center;gap:clamp(8px,2svh,24px);max-width:1180px;margin-inline:auto;display:grid}.rung-eyebrow{color:var(--steel);font-size:11px}.steps{min-height:clamp(230px,36svh,340px);margin-top:clamp(8px,2svh,28px);position:relative}.step{--dur:.05;--i:clamp(0, calc((var(--p) - var(--in)) / var(--dur)), 1);--o:clamp(0, calc((var(--p) - var(--out)) / var(--dur)), 1);opacity:calc(var(--i) * (1 - var(--o)));transform:translateY(calc((1 - var(--i)) * 26px - var(--o) * 26px));justify-items:start;gap:14px;display:grid;position:absolute;inset:0 0 auto}.step h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(26px,4.2vw,60px);font-weight:600;line-height:1.2}.step h2.display{letter-spacing:-.012em;font-size:clamp(36px,6.4vw,96px);font-weight:700;line-height:.98}.step p:not(.mono){color:color-mix(in srgb, var(--paper) 72%, transparent);max-width:32em;font-size:clamp(15px,1.4vw,19px)}.closing{z-index:5;background:var(--paper);padding:clamp(96px, 16vw, 220px) var(--gut);position:relative}.closing-in{max-width:var(--max);gap:clamp(28px,4vw,56px);margin-inline:auto;display:grid}.closing-h{letter-spacing:-.04em;font-size:clamp(40px,8vw,124px);font-weight:600;line-height:1.12}.closing-3{border-top:1.5px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.closing-3 li{gap:10px;padding:22px 24px 8px 0;display:grid}.closing-3 .mono{color:var(--steel);font-size:11px}.closing-3 p{font-size:clamp(17px,1.7vw,23px);font-weight:500;line-height:1.5}@media (width<=760px){.closing-3{grid-template-columns:1fr}.closing-3 li{border-bottom:1px solid var(--line);padding-bottom:20px}}html:not(.motion) .scene{height:auto;margin-top:0}html:not(.motion) .stage{height:auto;position:relative;overflow:visible}html:not(.motion) .safe{gap:14vh;height:auto;padding-block:18vh;display:grid;position:relative}html:not(.motion) .fly,html:not(.motion) .step{opacity:1;padding-top:0;position:relative;inset:auto;transform:none}html:not(.motion) .steps{gap:56px;min-height:0;display:grid}html:not(.motion) .hero-copy{opacity:1;padding-top:46vh;position:relative;top:auto;transform:none}html:not(.motion) .s-hero .stage{min-height:100svh}html:not(.motion) .hero-svg{height:100svh}html:not(.motion) :is(.hero-flood,.flood,.hero-cue),html:not(.motion) .strike:after{display:none}html:not(.motion) .tangle{opacity:.5;position:absolute;transform:none}html:not(.motion) .complex-tag{opacity:1;position:relative;bottom:auto}html:not(.motion) .s-rung{--on1:1;--on2:1;--on3:1;--on4:1}