/* First Print: a cinematic, data-led product story. */
body.cinema-home{background:#08090b}
.cinema-home .preview-bar{display:none}
.cinema-home .header{position:absolute;inset:0 0 auto;max-width:none;padding:25px 4.3vw;border:0;background:linear-gradient(#08090bed,transparent);z-index:20}
.cinema-home .header .brand{font-size:23px}
.cinema-home .header nav{font-size:12px;letter-spacing:.025em}
.cinema-home .header .discord{font-size:12px;border-color:#ffffff30;border-radius:3px}
.cinema-story{height:285svh;position:relative}
.cinema-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 68% 50%,#282b31 0%,#121419 38%,#08090b 72%);isolation:isolate}
.cinema-stage:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#08090b 0%,transparent 24%,transparent 78%,#08090b55)}
.cinema-heading{position:absolute;top:16%;left:4.3vw;right:4.3vw;z-index:3;pointer-events:none}
.cinema-kicker{font-size:10px;letter-spacing:.23em;text-transform:uppercase;color:#b5bac3;display:flex;align-items:center;gap:12px}
.cinema-kicker:before{content:'';width:22px;height:1px;background:#bc6d77}
.cinema-heading h1{font-family:var(--display);font-size:clamp(70px,13.1vw,205px);font-weight:750;letter-spacing:-.075em;line-height:.91;margin:20px 0 0;color:#ebedf0}
.cinema-heading h1 span{color:#a4a8b1}
.cinema-edition{position:absolute;right:0;top:1px;font-size:10px;letter-spacing:.12em;color:#9c9fa8;text-align:right}
.cinema-view{position:absolute;inset:22% 0 8%;z-index:1}
.cinema-view canvas{width:100%;height:100%;display:block}
.cinema-fallback{position:absolute;inset:0;width:100%;height:100%;opacity:.7}
.cinema-stage.webgl-ready .cinema-fallback{display:none}
.cinema-copy{position:absolute;left:4.3vw;bottom:15%;z-index:4;width:320px;max-width:36vw}
.cinema-copy .chapter-no{font:10px var(--font);color:#b77b84;letter-spacing:.2em;margin-bottom:13px;display:block}
.cinema-copy h2{font-size:clamp(25px,2.7vw,42px);letter-spacing:-.045em;max-width:320px}
.cinema-copy p{font-size:13px;line-height:1.75;color:#a8aeb9;max-width:300px;margin-top:17px}
.cinema-copy .text-link{font-size:12px;margin-top:22px;display:inline-flex;gap:28px;border-bottom:1px solid #ffffff40;padding-bottom:7px}
.cinema-data{position:absolute;right:4.3vw;bottom:17%;z-index:4;border-left:1px solid #ffffff30;padding-left:22px;min-width:160px}
.cinema-data>span{display:block;font-size:9px;letter-spacing:.2em;color:#969ca8;margin-bottom:8px}
.cinema-data strong{display:block;font-family:var(--display);font-size:25px;font-weight:500;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.cinema-data small{display:block;color:#9da4b0;font-size:10px;margin-top:5px}
.cinema-floor{position:absolute;bottom:5%;left:4.3vw;right:4.3vw;z-index:5;display:flex;align-items:center;gap:25px;border-top:1px solid #ffffff20;padding-top:19px}
.cinema-chapters{display:flex;gap:29px;align-items:center}
.cinema-chapters button{color:#858b98;background:none;border:0;padding:5px 0;font-size:11px;letter-spacing:.035em;white-space:nowrap}
.cinema-chapters button span{color:#777d88;margin-right:10px;font-size:9px}
.cinema-chapters button[aria-current=true]{color:#eceef3}
.cinema-chapters button[aria-current=true] span{color:#cb8991}
.cinema-scroll{margin-left:auto;color:#9fa4af;font-size:10px;letter-spacing:.08em}
.cinema-motion{color:#c8ccd3;background:transparent;border:1px solid #ffffff25;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;font-size:12px;flex-shrink:0}
.cinema-progress{position:absolute;bottom:0;left:0;height:2px;background:#aa6973;width:0%;z-index:6}
.cinema-caption{background:#0c0d10;display:flex;justify-content:space-between;gap:25px;padding:20px 4.3vw;border-block:1px solid #ffffff12;font-size:10px;color:#898f9c}
.cinema-caption strong{font-weight:400;color:#bdc2cc}
.cinema-product{padding:110px 0 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}
.cinema-product h2{font-size:clamp(40px,4.8vw,70px);line-height:1.02;letter-spacing:-.06em;margin:20px 0 26px}
.cinema-product h2 span{color:#8e95a1}
.cinema-product p{font-size:15px;color:#a5abb6;max-width:470px}
.cinema-product .hero-actions{margin-top:28px}
.cinema-product .button{font-size:12px;border-radius:3px;padding:14px 19px}
.cinema-product .primary{background:#e1e4ea;color:#111318;border:1px solid #e1e4ea}
.cinema-product .primary:hover{background:#fff}
.cinema-spec{padding-top:25px}
.cinema-spec>div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:22px 0;border-bottom:1px solid #ffffff20;align-items:baseline}
.cinema-spec span{font-size:12px;color:#a5aab4}
.cinema-spec strong{font-family:var(--display);font-size:29px;font-weight:500;letter-spacing:-.03em}
.cinema-spec small{grid-column:1/-1;font-size:10px;color:#7d8593}
.cinema-curve{background:#101216;border:1px solid #ffffff16;display:grid;grid-template-columns:1fr 1.55fr;gap:50px;padding:46px;margin:0 0 100px}
.cinema-curve h3{font-size:30px;line-height:1.18;max-width:250px;margin:18px 0}
.cinema-curve p{font-size:12px;color:#949ca9;max-width:280px}
.cinema-curve .text-link{font-size:12px;display:inline-block;margin-top:25px}
.cinema-curve .spark{height:175px;margin:25px 0 12px}
.cinema-curve .chart-heading{font-size:11px;color:#bcc2ce}
.cinema-curve .mini-axis{font-size:10px}
.cinema-replay-section{padding:0 0 90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.cinema-replay-section h2{margin:20px 0;font-size:42px}
.cinema-replay-section>div>p{color:#9ca4b0;font-size:14px;max-width:330px}
.cinema-home .trust-strip{margin-top:0}
.cinema-home .section{padding-top:80px}
@media(min-width:1600px){.cinema-copy{bottom:16%;width:390px;max-width:390px}.cinema-copy p{font-size:15px;max-width:370px}.cinema-view{inset:22% 0 7%}}
@media(max-width:1000px){.cinema-copy{max-width:33vw;width:270px}.cinema-copy p{font-size:12px}.cinema-data{min-width:135px;padding-left:16px}.cinema-data strong{font-size:21px}.cinema-product{gap:45px}.cinema-curve{gap:30px;padding:30px}.cinema-replay-section{gap:30px}}
@media(max-width:760px){.cinema-home .header{padding:23px 22px}.cinema-home .header .brand{font-size:21px}.cinema-home .header .discord{font-size:10px;padding:8px}.cinema-home .header nav{font-size:15px}.cinema-story{height:250svh}.cinema-stage{min-height:670px}.cinema-heading{top:16%;left:22px;right:22px}.cinema-heading h1{font-size:clamp(54px,13.2vw,100px);margin-top:18px;letter-spacing:-.072em;white-space:nowrap}.cinema-edition{display:none}.cinema-kicker{font-size:8px;letter-spacing:.16em}.cinema-view{inset:23% -18% 26%}.cinema-copy{left:22px;bottom:14%;max-width:60%;width:260px}.cinema-copy .chapter-no{font-size:8px;margin-bottom:9px}.cinema-copy h2{font-size:27px}.cinema-copy p{font-size:11px;line-height:1.6;margin-top:10px}.cinema-copy .text-link{font-size:10px;margin-top:15px;gap:15px}.cinema-data{right:22px;bottom:16%;min-width:0;max-width:29%;padding-left:12px}.cinema-data>span{font-size:7px;letter-spacing:.1em}.cinema-data strong{font-size:19px}.cinema-data small{font-size:8px;max-width:95px}.cinema-floor{left:22px;right:22px;bottom:4%;gap:10px;padding-top:13px}.cinema-chapters{gap:19px}.cinema-chapters button{font-size:9px}.cinema-chapters button span{font-size:8px;margin-right:5px}.cinema-scroll{display:none}.cinema-motion{margin-left:auto;width:29px;height:29px;font-size:10px}.cinema-caption{display:block;padding:16px 22px;font-size:9px}.cinema-caption span{display:block;margin-top:5px}.cinema-product{grid-template-columns:1fr;padding:65px 0;gap:30px}.cinema-product h2{font-size:44px}.cinema-product p{font-size:14px}.cinema-spec{padding-top:0}.cinema-spec>div{padding:17px 0}.cinema-spec strong{font-size:27px}.cinema-curve{grid-template-columns:1fr;padding:25px;gap:30px;margin-bottom:65px}.cinema-curve h3{max-width:none;font-size:29px}.cinema-curve .spark{height:135px}.cinema-replay-section{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.cinema-replay-section h2{font-size:36px}.cinema-replay-section>div>p{max-width:none}.cinema-home .section{padding-top:65px}}
@media(prefers-reduced-motion:reduce){.cinema-story{height:auto}.cinema-stage{position:relative}.cinema-scroll{display:none}}
/* The trade now plays forward in time, with no scroll-controlled camera. */
.cinema-story{height:auto}
.cinema-stage{position:relative;height:100svh;min-height:820px}
.cinema-heading{top:125px}
.cinema-heading h1{font-size:clamp(56px,6.8vw,102px);margin-top:12px}
.cinema-view{inset:245px 4.3vw 250px;z-index:3}
.cinema-stage:after{z-index:1}
.cinema-copy{bottom:110px;max-width:600px;width:58%}
.cinema-copy h2{font-size:30px;max-width:none}
.cinema-copy p{margin-top:9px;max-width:510px;font-size:12px}
.cinema-copy .chapter-no{margin-bottom:8px}
.cinema-copy .text-link{margin-top:12px;font-size:10px}
.cinema-data{bottom:135px}
.cinema-floor{bottom:35px}
.print-topline{display:flex;justify-content:space-between;align-items:center;color:#c0c7d4;font-size:10px;letter-spacing:.1em;margin-bottom:12px}
.print-topline i{font-style:normal;font-size:8px;color:#8b95a6;border:1px solid #ffffff20;padding:4px 7px;margin-left:12px}
#print-clock{font-variant-numeric:tabular-nums;font-size:11px;color:#d9dfe9}
.print-chart{width:100%;height:calc(100% - 35px);overflow:visible;display:block}
.print-chart text{font-family:var(--font)}
.print-axis{fill:#748196;font-size:11px}
.print-level-name{font-size:9px;letter-spacing:.1em}
.print-level-value{font-size:12px;font-variant-numeric:tabular-nums}
.print-result{position:absolute;left:44%;top:25%;background:#151d23f2;border:1px solid #b5c9d039;padding:15px 22px;min-width:150px;box-shadow:0 15px 50px #0005}
.print-result[hidden]{display:none}
.print-result span{display:block;color:#bfdbd3;font-size:9px;letter-spacing:.15em}
.print-result strong{display:block;font:500 39px var(--display);color:#e1ecea;letter-spacing:-.05em;margin:3px 0}
.print-result small{font-size:9px;color:#9aabb7}
.cinema-restart{background:none;border:0;color:#b7bfcb;font-size:10px;white-space:nowrap;padding:5px}
.print-loading{display:grid;place-items:center;height:100%;font-size:12px;color:#909aaa}
@media(min-width:1600px){.cinema-view{inset:260px 4.3vw 270px}.cinema-copy{bottom:130px;width:600px;max-width:600px}.cinema-copy p{font-size:14px;max-width:540px}}
@media(max-width:760px){.cinema-stage{min-height:760px}.cinema-heading{top:120px}.cinema-heading h1{font-size:clamp(45px,11vw,80px)}.cinema-view{inset:220px 12px 290px}.print-topline{font-size:8px;margin:0 10px 15px}.print-chart{height:calc(100% - 30px)}.cinema-copy{left:22px;bottom:105px;max-width:61%;width:61%}.cinema-copy h2{font-size:25px}.cinema-copy p{font-size:11px;max-width:280px}.cinema-copy .text-link{font-size:9px;margin-top:14px;gap:8px}.cinema-data{bottom:155px;right:22px;max-width:28%}.cinema-data strong{font-size:19px}.cinema-data small{font-size:8px}.cinema-floor{bottom:33px;gap:8px}.cinema-chapters{gap:12px}.cinema-chapters button{font-size:9px}.cinema-chapters button span{display:none}.cinema-restart{font-size:9px;margin-left:auto}.cinema-motion{margin-left:0;width:28px;height:28px}.print-result{left:39%;top:18%;padding:10px 14px;min-width:105px}.print-result strong{font-size:29px}.print-result span{font-size:7px}.print-result small{font-size:7px}.cinema-scroll{display:none}.print-level-name{font-size:12px;letter-spacing:0}.print-level-value{font-size:16px}.print-axis{font-size:14px}}

.print-prices{display:none}.print-prices[hidden]{display:none}@media(max-width:760px){.print-prices{display:flex;justify-content:space-around;border-top:1px solid #ffffff18;padding-top:9px;margin:0 10px}.print-prices span{color:#8997a9;font-size:7px;letter-spacing:.1em}.print-prices strong{display:block;font-size:12px;color:#d8e0eb;letter-spacing:0;font-weight:500}.print-prices span:nth-child(2) strong{color:#c98f9d}}
