.fux-stage{height:480vh;position:relative}.fux{isolation:isolate;height:100svh;min-height:0;position:sticky;top:0;overflow:hidden}.fux-poster{background-image:url(/media/hero-ending.jpg)}.fux-video{object-position:50% 50%}.fux-scrim{pointer-events:none;background:radial-gradient(118% 88%,#05050a00 26%,#05050aa8 100%),linear-gradient(#05050a80 0%,#05050a00 22%);position:absolute;inset:0}.faces{--face-h:min(62svh, 520px);--face-w:calc(var(--face-h) * 9 / 16);--gap:1.5;pointer-events:none;position:absolute;inset:0}.face{width:var(--face-w);height:var(--face-h);background:var(--soot-2);border:1px solid rgba(233, 239, 247, calc(.1 + .22 * var(--k,0)));box-shadow:0 0 0 1px #05050a80, 0 calc(18px + 26px * var(--k,0)) calc(40px + 60px * var(--k,0)) rgba(5, 5, 10, calc(.4 + .3 * var(--k,0)));transform:translate(-50%, -50%) translateX(calc((var(--n) - var(--c,0)) * var(--face-w) * var(--gap))) scale(calc(.8 + .2 * var(--k,0)));opacity:1;filter:brightness(calc(.3 + .7 * var(--k,0))) saturate(calc(.72 + .28 * var(--k,0))) blur(calc((1 - var(--k,0)) * 2px));will-change:transform, opacity;border-radius:clamp(18px,2.4vh,30px);margin:0;position:absolute;top:45%;left:50%}.face-count{--face-h:min(62svh, 520px);top:calc(45% - var(--face-h) / 2 - 34px);font-family:var(--mono);letter-spacing:.22em;color:var(--accent);opacity:.8;pointer-events:none;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.face-count .of{color:var(--dim)}.fux-stack{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);opacity:calc(var(--k,0) * .85);margin:0 0 18px;font-size:11px}.face figcaption{transform:translateX(-50%) translateY(calc((1 - var(--k,0)) * 8px));white-space:nowrap;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);opacity:calc(var(--k,0) * var(--k,0));text-shadow:0 1px 2px #05050af2,0 3px 12px #05050acc;font-size:12px;position:absolute;bottom:calc(-1*clamp(30px,4.4vh,46px));left:50%}.face img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.face:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(122, 205, 236, calc(.34 * var(--k,0)));position:absolute;inset:0}.fux-in{pointer-events:none;position:absolute;inset:0}.fband-1{top:clamp(88px,13vh,150px)}.fband-1 .chip{margin-bottom:clamp(18px,2.8vh,32px)}.fband-1 h2{max-width:8ch;margin:0;font-size:clamp(46px,7.4vw,108px);line-height:.92}.fband-2{top:26%}.fband-2 .say{font-family:var(--dsp);color:var(--bone);opacity:var(--k,0);transform:translateY(calc((1 - var(--k,0)) * 18px));margin:0;font-size:clamp(19px,2.1vw,28px);font-style:italic;line-height:1.36}.fband-3{top:54%}.fband-3 .why{color:var(--bone);opacity:var(--k,0);transform:translateX(calc((1 - var(--k,0)) * -30px));margin:0 0 18px;font-size:clamp(17px,1.5vw,21px);line-height:1.6}.fband-3 .gain{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--dim);opacity:var(--k,0);flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:10px;margin:0;font-size:11.5px;display:flex}.fband-3 .gain .arrow{color:var(--accent)}.fband-3 .gain .to{color:var(--accent-2)}.fband-4.settle:before{background:radial-gradient(52% 74% at 50% 40%,#05050ad6 0%,#05050a8a 44%,#05050a00 100%);inset:-190% -110%}.fband-4.settle{text-align:center;pointer-events:auto;max-width:none;inset:auto auto clamp(76px,11vh,124px) 50%;transform:translate(-50%)}.fux-cta{flex-wrap:wrap;justify-content:center;gap:14px 20px;display:flex}.fux-cta>*{opacity:var(--k,0);transform:translateY(calc((1 - var(--k,0)) * 16px));transition:opacity .32s var(--ez), transform .32s var(--ez);transition-delay:calc(var(--i,0) * 90ms)}.fux-state{opacity:calc(.8 * var(--k,0));justify-content:center;gap:18px;margin-top:22px;display:flex}.fux-in .band.side-left:before{background:radial-gradient(76% 62% at 30%,#05050af2 0%,#05050abd 46%,#05050a00 100%)}.fux-in .band.side-right:before{background:radial-gradient(76% 62% at 70%,#05050af2 0%,#05050abd 46%,#05050a00 100%)}.fux-in .band:before{inset:-85% -58%}@media (width<=900px),(prefers-reduced-motion:reduce){.fux-stage{height:auto}.face-count{display:none}.fux{height:auto;padding-block:clamp(52px,7vw,96px);position:relative}.fux-in{z-index:1;padding-inline:var(--pad);order:0;gap:26px;display:grid;position:relative}.fux-in .band{text-align:left;max-width:46ch;padding:0;position:static;opacity:1!important;transform:none!important}.fux-in .band:before{display:none}.fux-in .say,.fux-in .why,.fux-in .gain,.fux-in .fux-cta>*,.fux-stack,.face figcaption{opacity:1!important;transform:none!important}.fux-scrim{background:linear-gradient(#05050ad1 0%,#05050ae0 100%)}.fband-3 .gain{justify-content:flex-start}.fband-4.settle{text-align:left;left:auto;transform:none}.fux-cta,.fux-state{justify-content:flex-start}.fux-state{opacity:1}.fux{flex-direction:column;display:flex}.faces{z-index:1;padding-inline:var(--pad);scroll-snap-type:x mandatory;scrollbar-width:none;order:1;gap:14px;margin-top:34px;display:flex;position:relative;overflow-x:auto}.faces::-webkit-scrollbar{display:none}.face{aspect-ratio:9/16;opacity:1;filter:none;scroll-snap-align:center;flex:none;width:min(58vw,240px);height:auto;margin-bottom:26px;position:relative;transform:none}.face figcaption{text-align:left;white-space:normal;max-width:100%;position:absolute;bottom:-22px;left:0;transform:none}}@media (prefers-reduced-motion:reduce){.fux-video{display:none}}.about-stage{height:560vh;position:relative}.about-scene{isolation:isolate;height:100svh;min-height:0;position:sticky;top:0;overflow:hidden}.about-poster{background-image:url(/media/about-poster.jpg)}.about-video{object-position:50% 42%}.about-scrim{pointer-events:none;background:linear-gradient(90deg,#05050a00 34%,#05050a80 62%,#05050ac7 100%),linear-gradient(#05050a8c 0%,#05050a00 24%),linear-gradient(#05050a00 60%,#05050a61 82%,#05050acc 100%);position:absolute;inset:0}.about-in{pointer-events:none;position:absolute;inset:0}.about-in .band{right:var(--pad);text-align:right;max-width:min(34ch,40vw);left:auto}.about-in .band:before{background:radial-gradient(70% 58% at 70%,#05050ae6 0%,#05050a9e 46%,#05050a00 100%);inset:-80% -52%}.about-in .band .beat{justify-content:flex-end}.about-in .band .beat.beat-mid{justify-content:center}.aband-1{top:clamp(96px,15vh,168px)}.aband-1 h2{margin:0;font-size:clamp(38px,5.4vw,78px);line-height:.96}.aband-2{top:34%}.aband-2 .lead{font-family:var(--dsp);color:var(--bone);opacity:var(--k,0);transform:translateY(calc((1 - var(--k,0)) * 18px));margin:0;font-size:clamp(19px,2.1vw,28px);font-style:italic;line-height:1.36}.aband-3{top:46%}.aband-3 p:not(.beat){color:var(--bone);opacity:var(--k,0);transform:translateX(calc((1 - var(--k,0)) * 26px));margin:0 0 16px;font-size:clamp(16px,1.35vw,19px);line-height:1.62}.aband-3 p:not(.beat):last-child{margin-bottom:0}.aband-4.settle{text-align:center;pointer-events:auto;max-width:none;inset:auto auto clamp(52px,8.5vh,100px) 50%;transform:translate(-50%)}.aband-4.settle:before{background:radial-gradient(52% 74% at 50% 42%,#05050ad6 0%,#05050a8a 44%,#05050a00 100%);inset:-170% -100%}.about-cta{flex-wrap:wrap;justify-content:center;gap:14px 20px;display:flex}.about-cta>*{opacity:var(--k,0);transform:translateY(calc((1 - var(--k,0)) * 16px));transition:opacity .32s var(--ez), transform .32s var(--ez);transition-delay:calc(var(--i,0) * 90ms)}@media (width<=900px),(prefers-reduced-motion:reduce){.about-stage{height:auto}.about-scene{height:auto;padding-block:clamp(52px,7vw,96px);position:relative}.about-in{z-index:1;padding-inline:var(--pad);gap:24px;display:grid;position:relative}.about-in .band{text-align:left;max-width:46ch;padding:0;position:static;right:auto;opacity:1!important;transform:none!important}.about-in .band:before{display:none}.about-in .lead,.about-in p,.about-in .about-cta>*,.about-in .beat{opacity:1!important;transform:none!important}.about-in .band .beat,.about-in .band .beat.beat-mid{justify-content:flex-start}.about-scrim{background:linear-gradient(#05050ac7 0%,#05050ae6 100%)}.aband-4.settle{text-align:left;left:auto;transform:none}.about-cta{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.about-video{display:none}}
