/* Art direction: dark studio, precise light, generous editorial scale. */
:root{--ink:#181a1e;--red:#da1835;--max:1280px}
html{scroll-padding-top:110px}
header{background:#fafaf8f2;border-bottom:1px solid #e7e7e4}
.nav{height:72px}.nav nav{font-size:13px}.logo img{width:116px}
.hero{background:#080c13;color:#f8fafc;padding-top:0;overflow:clip;text-align:center;isolation:isolate}
.hero-intro{padding-top:88px;position:relative;z-index:2}
.hero .eyebrow{color:#c4cad3;letter-spacing:.22em;font-size:10px;margin-bottom:30px;display:flex;justify-content:center;align-items:center;gap:12px}
.hero .eyebrow span{height:5px;width:5px;border-radius:50%;background:#ff4b65;box-shadow:0 0 14px #ff3a60}
.hero h1{font-size:clamp(52px,7.2vw,102px);font-weight:580;letter-spacing:-.065em;line-height:1.035;margin:0 0 28px}
.hero h1 span{color:#a8b4c6;background:linear-gradient(110deg,#eef2f8 10%,#a3b3cb 50%,#59697e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy{font-size:17px;color:#9ca7b7;line-height:1.65;max-width:650px;margin-bottom:30px}
.hero .actions{gap:30px}.hero .button{background:#ee2948;border:1px solid #ff5e76;box-shadow:0 8px 32px #d400241b;font-size:13px;padding:13px 22px}.hero .button:hover{background:#fd3b5b}
.hero .text-link{color:#c8d0dc;font-size:13px}
.solar-scroll-track{height:1720px;margin:0;position:relative}
.hero-art{position:sticky;top:72px;height:min(790px,calc(100svh - 72px));min-height:520px;margin:0;overflow:hidden;background:radial-gradient(ellipse at 50% 53%,#1d293b 0%,#0e1622 35%,#080c13 70%);isolation:isolate}
.scene-horizon{position:absolute;left:0;right:0;top:52%;height:1px;background:linear-gradient(90deg,transparent,#596d8940,transparent);z-index:-1}
.scene-watermark{position:absolute;left:0;right:0;top:13%;font-size:clamp(66px,11.5vw,180px);letter-spacing:-.065em;font-weight:650;color:#c1d6f406;line-height:1;user-select:none}
.solar-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}
.solar-ready .solar-canvas{opacity:1}.solar-ready .solar-fallback{display:none}
.solar-fallback{position:absolute;inset:10% 10% 8%;display:flex;align-items:center}.solar-fallback img{width:100%}
.scene-copy{position:absolute;top:34px;left:max(40px,calc((100% - 1280px)/2));text-align:left;pointer-events:none;max-width:340px}
.scene-kicker{font-size:10px;color:#fc7186;text-transform:uppercase;letter-spacing:.19em;margin-bottom:15px}
.scene-title{font-size:clamp(26px,3vw,42px);font-weight:500;letter-spacing:-.04em;margin-bottom:12px;color:#f2f5fa}
.scene-description{font-size:12px;color:#9aa9bd;max-width:250px}
.scene-bottom{position:absolute;bottom:34px;left:max(40px,calc((100% - 1280px)/2));right:max(40px,calc((100% - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #8da4c029;padding-top:20px}
.scene-chapters{display:flex;gap:32px;font-size:10px;color:#8593a6;text-align:left}.scene-chapters span{transition:color .3s;display:flex;gap:10px}.scene-chapters b{font-weight:400}.scene-chapters .is-active{color:#f4f6fa}.scene-chapters .is-active:before{content:"";width:4px;height:4px;border-radius:50%;background:#fb4965;margin-top:6px}
.scene-note{font-size:10px;color:#8593a6;letter-spacing:.03em}.scene-scroll{position:absolute;right:max(40px,calc((100% - 1280px)/2));top:45px;color:#9ca9ba;font-size:10px;letter-spacing:.05em}.scene-scroll span{display:block;margin-top:10px;text-align:right;font-size:24px;font-weight:200}
.topic-strip{background:#111822;border-color:#233044;color:#b5c0cf}.topic-strip .container{padding:25px 0;font-size:12px;letter-spacing:.02em;font-weight:400}
@media(min-width:1600px){.hero-intro{padding-top:110px}.solar-scroll-track{height:1900px}}
@media(max-width:850px){.hero-intro{padding-top:65px}.hero-art{height:650px;min-height:490px}.scene-copy{left:24px}.scene-bottom{left:24px;right:24px}.scene-scroll{right:24px}.solar-scroll-track{height:1450px}.scene-description{max-width:210px}}
@media(max-width:600px){html{scroll-padding-top:120px}.nav{height:auto;min-height:70px}.nav nav{font-size:12px;padding:7px 0;background:transparent}.hero-intro{padding-top:56px}.hero h1{font-size:clamp(38px,9.8vw,60px)}.hero .eyebrow{font-size:9px;letter-spacing:.13em;gap:8px;margin-bottom:23px}.hero-copy{font-size:14px;margin-bottom:26px}.hero-copy br{display:none}.hero .actions{gap:20px}.hero .button{font-size:12px;padding:12px 19px}.hero .text-link{font-size:12px}.solar-scroll-track{height:1180px;margin-top:15px}.hero-art{top:102px;height:calc(100svh - 102px);min-height:470px;max-height:700px}.scene-copy{top:28px;left:20px}.scene-title{font-size:26px}.scene-description{font-size:11px;max-width:240px}.scene-scroll{display:none}.scene-bottom{left:20px;right:20px;bottom:22px;flex-direction:column;align-items:start;gap:12px;padding-top:15px}.scene-chapters{gap:17px;font-size:10px}.scene-chapters span{gap:6px}.scene-note{font-size:9px}.scene-watermark{top:35%;font-size:17vw}.topic-strip .container{font-size:11px;gap:15px;padding:22px 0;line-height:1.45}}
@media(prefers-reduced-motion:reduce){.solar-scroll-track{height:auto}.hero-art{position:relative;top:0}.scene-scroll{display:none}}
@media print{.hero{background:#fff;color:#111}.hero h1 span{-webkit-text-fill-color:#333}.solar-scroll-track{height:auto}.hero-art{position:relative;top:0;height:400px;min-height:0}.scene-copy,.scene-bottom,.scene-scroll{display:none}}