:root{--display:"Tanker","Arial Black",Impact,sans-serif;--wide:"Panchang","Arial Black",sans-serif;--text:"Cabinet Grotesk","Helvetica Neue",Arial,sans-serif;--gut:clamp(16px,3vw,48px);--band:0px;--bg:#ff4a1c;--fg:#0e0e0e;--ac:#0e0e0e}html[data-ch="1"]{--bg:#0b3a2c;--fg:#e7f6d5;--ac:#e4ff3c}html[data-ch="2"]{--bg:#1437ff;--fg:#fff;--ac:#e4ff3c}html[data-ch="3"]{--bg:#3d0f33;--fg:#ffe3f2;--ac:#ff9fc0}html[data-ch="4"]{--bg:#0e0e0e;--fg:#f3efe6;--ac:#e4ff3c}html[data-ch="5"]{--bg:#ff4a1c;--fg:#0e0e0e;--ac:#0e0e0e}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{color:#0e0e0e;font:500 clamp(17px,1.2vw,20px)/1.45 var(--text);background:#ff4a1c;overflow-x:clip}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.16em}a:focus-visible{outline-offset:4px;outline:3px solid}.d{font-family:var(--display);text-transform:uppercase;letter-spacing:0;font-weight:400;line-height:.86}.tag{font:500 clamp(10px,.72vw,12px)/1.35 var(--wide);letter-spacing:.14em;text-transform:uppercase}.fields{z-index:-1;pointer-events:none;position:fixed;inset:0}.fields i{will-change:clip-path;position:absolute;inset:0}.fields i:first-child{background:#ff4a1c}.fields i:nth-child(2){clip-path:polygon(0 calc(100% - var(--e1,0)*200%),100% calc(200% - var(--e1,0)*200%),100% 100%,0 100%);background:#0b3a2c}.fields i:nth-child(3){clip-path:circle(calc(var(--e2,0)*150%)at 100% 100%);background:#1437ff}.fields i:nth-child(4){clip-path:polygon(100% calc(100% - var(--e3,0)*200%),0 calc(200% - var(--e3,0)*200%),0 100%,100% 100%);background:#3d0f33}.fields i:nth-child(5){clip-path:circle(calc(var(--e4,0)*150%)at 0 100%);background:#0e0e0e}.fields i:nth-child(6){clip-path:circle(calc(var(--e5,0)*120%)at 50% 60%);background:#ff4a1c}.w{vertical-align:top;margin:-.1em -.02em 0;padding:.1em .02em 0;display:inline-block;overflow:hidden}.w>span{--t:clamp(0,var(--r,1)*(1 + (var(--n) - 1)*.22) - var(--i)*.22,1);transform:translateY(calc(pow(1 - var(--t),4)*108%));display:inline-block}.up{--t:clamp(0,(var(--r,1) - var(--d,.3))/(1 - var(--d,.3)),1);opacity:var(--t);transform:translateY(calc(pow(1 - var(--t),3)*40px))}.chrome{z-index:20;padding:10px var(--gut)12px;color:var(--fg);pointer-events:none;justify-content:space-between;gap:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.chrome:before{content:"";opacity:.25;background:currentColor;height:3px;position:absolute;top:0;left:0;right:0}.chrome i{background:var(--ac);transform-origin:0;height:3px;transform:scaleX(var(--cp,0));position:absolute;top:0;left:0;right:0}.chrome b{font-weight:700}.open{height:240vh;position:relative}.open .stage{height:100svh;padding:var(--gut)var(--gut)64px;grid-template-rows:auto 1fr auto;display:grid;position:sticky;top:0;overflow:hidden}.open .top{justify-content:space-between;gap:1rem;display:flex}.name{white-space:nowrap;align-self:center;font-size:clamp(72px,15.5vw,320px);line-height:.8}.name span{display:block}.name .a{transform:translate(calc(var(--in)*var(--sh,3vw) + var(--out)*-115vw),calc(var(--out)*-30vh))}.name .b{text-align:right;transform:translate(calc(var(--in)*var(--sh,3vw)*-1 + var(--out)*115vw),calc(var(--out)*30vh))}.open .pos{padding:0 var(--gut);pointer-events:none;--r:var(--rv);place-items:center;display:grid;position:absolute;inset:0}.open .pos p{font:800 clamp(34px,6.2vw,112px)/.96 var(--text);letter-spacing:-.04em;text-align:center;max-width:14ch}.open .lede{opacity:calc(1 - var(--out)*1.6);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.open .lede p{max-width:26ch;font-size:clamp(18px,1.7vw,28px);font-weight:700;line-height:1.2}.cue{transform:translateY(calc(var(--in)*20px));display:inline-block}.book{grid-template-columns:minmax(0,31vw) minmax(0,1fr);display:grid}.rail{height:100svh;padding:var(--gut)var(--gut)64px;color:var(--fg);z-index:2;flex-direction:column;justify-content:space-between;align-self:start;display:flex;position:sticky;top:0}.rail .lab{flex-direction:column;gap:.5em;display:flex}.rail .lab b{color:var(--ac);font-weight:700}.rail .lab span{transform:translateY(calc((1 - var(--lb,1))*14px));opacity:var(--lb,1);display:block}.yr{font:400 min(48vh,29vw)/.84 var(--display);margin-left:-.03em}.yr>span{height:.84em;display:block}.yr .twenty{transform:translateX(calc((1 - var(--a,1))*-60%))}.roll{vertical-align:top;height:.84em;display:inline-block;overflow:hidden}.roll>span{transform:translateY(calc(var(--y,0)*-.84em));display:block}.roll>span>span{height:.84em;display:block}.rail .rule{transform-origin:0;height:3px;transform:scaleX(var(--cp,0));background:currentColor}.ch{position:relative}.ch .stage{height:100svh;position:sticky;top:0;overflow:hidden}.beat{padding:14vh var(--gut)76px clamp(0px,1.5vw,24px);opacity:var(--o,1);transform:translateY(calc((1 - var(--o,1))*-9vh + (.5 - var(--q,.5))*6vh))scale(calc(.94 + .06*var(--o,1)));flex-direction:column;justify-content:center;gap:2.4vh;display:flex;position:absolute;inset:0}.beat.low{justify-content:flex-end}.ch{--c-ac:var(--ac)}.ch[data-c="1"]{color:#e7f6d5;--c-ac:#e4ff3c}.ch[data-c="2"]{color:#fff;--c-ac:#e4ff3c}.ch[data-c="3"]{color:#ffe3f2;--c-ac:#ff9fc0}.ch[data-c="4"]{color:#f3efe6;--c-ac:#e4ff3c}.ch .tag.k{color:var(--c-ac)}.q{font:800 clamp(38px,5.4vw,100px)/.94 var(--text);letter-spacing:-.045em;max-width:15ch}.h{font-size:clamp(64px,8.6vw,164px)}.say{font:800 clamp(26px,2.9vw,52px)/1.02 var(--text);letter-spacing:-.035em;max-width:18ch}.body{max-width:36ch}.body b{font-weight:800}.acc{color:var(--c-ac)}.swap{height:.86em;font-size:clamp(60px,8.4vw,160px);overflow:hidden}.swap>span{transform:translateY(calc(var(--sw,0)*-.86em));display:block}.swap>span>span{white-space:nowrap;height:.86em;display:block}.swap .was{opacity:calc(1 - var(--sw,0)*.7)}.figs{border-top:3px solid;gap:0;max-width:44rem;display:grid}.fig{border-bottom:3px solid;justify-content:space-between;align-items:end;gap:1rem;padding:1.2vh 0 .8vh;display:flex}.fig b{font:400 clamp(60px,7.2vw,138px)/.86 var(--display);font-variant-numeric:tabular-nums}.fig b i{color:var(--c-ac);font-style:normal}.fig>span{text-align:right;max-width:16em;padding-bottom:.5em}.figs.xl{max-width:none}.figs.xl .fig{flex-direction:column;align-items:flex-start}.figs.xl b{font-size:clamp(100px,17vw,320px)}.figs.xl .fig>span{text-align:left}.fig:nth-child(2){--d:.45}.fig:nth-child(3){--d:.6}.pipe{--st:0}.pipe .grid2{gap:var(--gut);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.stw{list-style:none}.stw li{font:400 clamp(44px,6.2vw,124px)/.9 var(--display);text-transform:uppercase;--f:clamp(0,(var(--st) - var(--i))*1.5,1);position:relative}.stw .o{color:#0000;-webkit-text-stroke:1.5px #e7f6d58c;display:block}.stw .f{color:#e4ff3c;clip-path:inset(0 calc((1 - var(--f))*100%)0 0);position:absolute;inset:0}.stw sup{font:500 11px/1 var(--wide);letter-spacing:.1em;vertical-align:top;-webkit-text-stroke:0;color:#e7f6d5;margin-left:.5em}.pv{height:min(40vh,360px);position:relative}.pv>div{flex-direction:column;justify-content:center;gap:12px;display:flex;position:absolute;inset:0}.pv .tag{opacity:.8}.wave{opacity:calc(1 - clamp(0,(var(--st) - .8)*5,1));align-items:center;flex-direction:row!important;gap:.6%!important}.wave b{height:100%;transform:scaleY(var(--s,.3));background:#e4ff3c;flex:1}.tx{opacity:calc(clamp(0,(var(--st) - .75)*5,1)*(1 - clamp(0,(var(--st) - 2.72)*7,1)))}.tx .ln{font:700 clamp(14px,1.15vw,19px)/1.25 var(--text);transform:translateX(calc(var(--dz)*var(--side)*9%));grid-template-columns:5.2em 1fr;align-items:baseline;gap:10px;display:grid}.tx{--dz:clamp(0,(var(--st) - 2)*2.4,1)}.tx .ln small{font:500 9.5px/1 var(--wide);letter-spacing:.12em;text-transform:uppercase;opacity:var(--dz)}.tx .ln span{clip-path:inset(0 calc((1 - clamp(0,(var(--st) - 1)*5.2 - var(--i),1))*100%)0 0);border-left:5px solid #e4ff3c;padding:6px 0 6px 12px;display:block}.tx .ln[data-s=c] span{border-left-color:#e7f6d580}.tx .ln[data-s=c] span:after{content:""}.rub{opacity:clamp(0,(var(--st) - 2.9)*7,1)}.rub .row{font:700 clamp(14px,1.1vw,18px)/1.2 var(--text);grid-template-columns:7em 1fr;align-items:center;gap:12px;display:grid}.rub .row i{transform-origin:0;height:18px;transform:scaleX(calc(var(--w)*clamp(0,(var(--st) - 3)*2.6 - var(--i)*.3,1)));background:#e4ff3c;display:block}.pipe .foot{gap:var(--gut);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;margin-top:3vh;display:grid}.caps{min-height:6.2em;position:relative}.caps p{opacity:calc(clamp(0,(var(--st) - var(--i))*5,1)*clamp(0,(var(--i) + 1 - var(--st))*5 + var(--last,0)*9,1));transform:translateY(calc((1 - clamp(0,(var(--st) - var(--i))*5,1))*16px));font-size:clamp(15px,1.05vw,18px);position:absolute;top:0;left:0;right:0}.caps p:last-child{--last:1}.count{border-top:3px solid;padding-top:.6rem}.count output{font:400 clamp(48px,5.4vw,104px)/.86 var(--display);color:#e4ff3c;font-variant-numeric:tabular-nums;display:block}.count .bar{background:#e7f6d533;height:5px;margin-top:.6rem}.count .bar i{transform-origin:0;height:100%;transform:scaleX(clamp(0,var(--st)/4,1));background:#e4ff3c;display:block}.sa{gap:var(--gut);grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;height:100%;display:grid}.sa-copy{height:60vh;position:relative}.sa-copy>div{opacity:var(--o,1);transform:translateY(calc((1 - var(--o,1))*-6vh));flex-direction:column;justify-content:center;gap:2vh;display:flex;position:absolute;inset:0}.pal{grid-template-columns:repeat(6,1fr);gap:clamp(4px,.5vw,8px);width:min(100%,60vh);display:grid}.pal>div{aspect-ratio:1;transform:scale(calc(.12 + .88*clamp(0,(var(--bf,0) - 1.75 - var(--k)*.035)*4,1)))rotate(calc((1 - clamp(0,(var(--bf,0) - 1.75 - var(--k)*.035)*4,1))*45deg));position:relative}.pal i{position:absolute;inset:0}.pal i+i{opacity:clamp(0,(var(--bf,0) - var(--j) - 1.72 - var(--k)*.04)*6,1)}.sname{height:.86em;font-size:clamp(48px,5.6vw,108px);position:relative;overflow:hidden}.sname>span{transform:translateY(calc(var(--sn,0)*-.86em));display:block}.sname>span>span{height:.86em;display:block}.flow{width:100%;height:min(46vh,420px);position:relative}.flow svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow .ln{clip-path:inset(0 calc((1 - clamp(0,(var(--q) - var(--dl))*2.8,1))*100%)0 0);opacity:calc(1 - clamp(0,(var(--q) - .62)*4,1)*.55)}.flow path{fill:none;stroke-width:9px}.flow text{font:700 14px var(--wide);letter-spacing:.12em;text-transform:uppercase;fill:#f3efe6}.flow .gate rect{fill:none;stroke:#f3efe6;stroke-width:3px}.flow .gfill{opacity:clamp(0,(var(--q) - .5)*6,1)}.flow .gfill rect{fill:#f3efe6;stroke:none}.flow .gfill text{fill:#0e0e0e;font-size:24px}.flow .flash{opacity:calc(clamp(0,(var(--q) - .5)*12,1)*clamp(0,(.68 - var(--q))*8,1))}.flow .flash rect{fill:#e4ff3c}.flow .main{clip-path:inset(0 calc((1 - clamp(0,(var(--q) - .56)*3.2,1))*100%)0 0)}.flow .main g path{stroke:#e4ff3c;stroke-width:34px;transform-box:fill-box;transform-origin:50%;transform:scaleY(calc(.3 + .7*clamp(0,(var(--q) - .72)*3.6,1)))}.flow .main text{fill:#e4ff3c;font:400 44px var(--display)}.tools{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.tools li{border:2px solid;border-radius:999px;padding:.45em 1em}.tools li:first-child{--d:.3}.tools li:nth-child(2){--d:.4}.tools li:nth-child(3){--d:.5}.tools li:nth-child(4){--d:.6}.also{color:#0e0e0e;max-width:40rem;transform:translateY(calc((1 - var(--r,1))*22vh))rotate(calc(-3deg + (1 - var(--r,1))*8deg));background:#e4ff3c;border:3px solid;padding:clamp(20px,3vw,44px)}.also .d{font-size:clamp(56px,7vw,132px)}.close{height:190vh;position:relative}.close .stage{height:100svh;padding:12vh var(--gut)72px;color:#0e0e0e;flex-direction:column;justify-content:space-between;display:flex;position:sticky;top:0;overflow:hidden}.close h2{transform-origin:0;transform:scale(calc(.86 + .14*var(--m,1)));font-size:clamp(90px,19vw,360px)}.mail{font:800 clamp(28px,5.8vw,110px)/1 var(--text);letter-spacing:-.045em;word-break:break-all;transform-origin:0 100%;transform:scale(calc(.55 + .45*var(--m,1)));clip-path:inset(0 calc((1 - var(--m,1))*100%)0 0);display:inline-block}.close ul{flex-wrap:wrap;gap:10px 32px;list-style:none;display:flex}.close li:first-child{--d:.55}.close li:nth-child(2){--d:.62}.close li:nth-child(3){--d:.69}.close li:nth-child(4){--d:.76}[data-span="0"] .q .w>span{opacity:calc(.22 + .78*clamp(0,var(--q,1)*1.6*var(--n) - var(--i),1))}.figs.xl .fig b{transform-origin:0 100%;transform:scale(calc(.7 + .3*(1 - pow(1 - clamp(0,(var(--r,1) - .1)/.9,1),5))));display:inline-block}#sa .pal{--z:clamp(0,(var(--bf,0) - 1.7)*3,1);clip-path:inset(calc((1 - var(--z))*50%)round 12px);scale:calc(1.15 - .15*(1 - pow(1 - var(--z),5)))}.name .a{translate:0 calc(var(--in,0)*3vh)}.name .b{translate:0 calc(var(--in,0)*-3vh)}.btn{font:700 12px/1 var(--wide);letter-spacing:.14em;text-transform:uppercase;border:2px solid;border-radius:999px;align-items:center;gap:.55em;min-height:44px;padding:1em 1.5em;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn .arr{transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-block}.btn:hover .arr{transform:translate(3px,-3px)}.btn.solid{background:var(--c-ac);border-color:var(--c-ac);color:var(--on-ac)}.ch{--on-ac:#0e0e0e}.ch[data-c="3"]{--on-ac:#3d0f33}.also .btn.solid{--c-ac:#0e0e0e;--on-ac:#e4ff3c;margin-top:1.4rem}.close .btn.solid{--c-ac:#0e0e0e;--on-ac:#ff4a1c}.tools li{border:0;padding:0}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cta{top:var(--gut);right:var(--gut);z-index:21;--c-ac:var(--fg);--on-ac:var(--bg);padding:.9em 1.3em;font-size:11px;position:fixed}.beat,.sa-copy>div{pointer-events:none}.beat[data-live],.sa-copy>div[data-live]{pointer-events:auto}mark[data-note]{color:inherit;--note:var(--c-ac);background:0 0;transition:color .3s .35s}mark[data-note=highlight].on{color:var(--on-ac)}@media (max-width:820px){:root{--band:calc(24vw*.84 + 22px)}.book{grid-template-columns:minmax(0,1fr)}.rail{height:auto;padding:10px var(--gut);background:var(--bg);z-index:5;flex-direction:row;align-items:end;gap:1rem}.rail .lab{text-align:right;order:2;margin-left:auto;padding-bottom:.4em;font-size:9px}.rail .rule{display:none}.yr{font-size:24vw;display:flex}.yr>span{white-space:nowrap;flex:none;display:inline-block}.ch .stage{top:var(--band);height:calc(100svh - var(--band))}.beat{padding:3vh var(--gut)60px;justify-content:flex-start;gap:2vh}.q{font-size:clamp(34px,10vw,54px)}.h{font-size:17vw}.swap{font-size:15vw}.pipe .grid2,.pipe .foot{grid-template-columns:minmax(0,1fr);gap:2vh}.stw li{margin-right:.25em;font-size:10.5vw;display:inline-block}.stw sup{display:none}.pv{height:24vh}.tx .ln{grid-template-columns:4.4em 1fr;font-size:13px}.caps{min-height:7.5em}.caps p{font-size:14.5px}.count output{font-size:13vw}.sa{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-items:start;gap:2vh}.pal{order:-1;width:min(62vw,30vh)}.sa-copy{height:44vh}.sa-copy>div{justify-content:flex-start}.flow{height:34vh}.flow text{font-size:28px}.flow .gfill text{font-size:40px}.fig b{font-size:17vw}.fig>span{font-size:14px}.name{--sh:2vw;font-size:19vw}.chrome>span:first-of-type{display:none}.open .pos p{font-size:clamp(32px,10vw,54px)}.chrome{font-size:9px}.cta{top:auto;bottom:46px}}@media (prefers-reduced-motion:reduce){.fields i:nth-child(n+2){clip-path:none!important}.fields i:nth-child(2){opacity:var(--e1,0)}.fields i:nth-child(3){opacity:var(--e2,0)}.fields i:nth-child(4){opacity:var(--e3,0)}.fields i:nth-child(5){opacity:var(--e4,0)}.fields i:nth-child(6){opacity:var(--e5,0)}.name .a,.name .b{opacity:calc(1 - var(--out,0));transform:translate(0,0)}.open .pos p{opacity:var(--rv,1)}.cue,.w>span,.up,.beat,.caps p,.sa-copy>div,.pal>div,.also,.close h2,.figs.xl .fig b,.rail .lab span,.tx .ln{transform:none}.yr .twenty{opacity:var(--a,1);transform:none}.stw .f{clip-path:none;opacity:var(--f)}.tx .ln span{clip-path:none;opacity:clamp(0,(var(--st) - 1)*5.2 - var(--i),1)}.rub .row i{transform:scaleX(var(--w))}#sa .pal{clip-path:none;scale:none}.flow .ln{clip-path:none;opacity:clamp(0,(var(--q) - var(--dl))*2.8,1)}.flow .main{clip-path:none;opacity:clamp(0,(var(--q) - .56)*3.2,1)}.flow .main g path{transform:none}.mail{clip-path:none;opacity:var(--m,1);transform:none}}
