/* A live, full-bleed atmosphere; the original artwork stays in the foreground. */
.hero-scroll{height:auto;position:relative}.hero-stage{height:100svh;min-height:760px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:#07151e}
.hero-art{position:absolute;inset:0;z-index:0;background:#07151e;overflow:hidden}
.atmosphere-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.atmosphere-fallback{position:absolute;inset:-15%;background:radial-gradient(ellipse at var(--flow-x,72%) var(--flow-y,50%),#659b9973,transparent 35%),radial-gradient(ellipse at 42% 70%,#46675c66,transparent 44%),linear-gradient(135deg,#0a1c2b,#132d36 48%,#07131e);transform:rotate(-8deg);pointer-events:none}
.atmosphere-fallback:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(170deg,transparent 0 33px,#c8dac614 34px,transparent 36px 66px);mask-image:radial-gradient(ellipse,black,transparent 65%)}
.is-atmosphere-running:not(.has-live-atmosphere) .atmosphere-fallback{animation:atmosphere-drift 16s ease-in-out infinite alternate}.has-live-atmosphere .atmosphere-fallback{display:none}
@keyframes atmosphere-drift{to{transform:translate(3%,5%) rotate(8deg) scale(1.05)}}
.hero-art:after{z-index:3;background:linear-gradient(90deg,#07172180 0%,#07172155 29%,#07172110 54%,transparent 74%),linear-gradient(0deg,#10242d99 0%,transparent 22%),linear-gradient(180deg,#06131a42,transparent 27%);pointer-events:none}
.character-wrap{z-index:2;top:122px;right:0;width:55%;height:calc(100% + 55px);transform-origin:55% 40%;transition:none;pointer-events:none;will-change:transform}
.stella-character{object-position:center top;filter:drop-shadow(-14px 12px 25px #02141b38);mask-image:linear-gradient(black 0 83%,transparent 100%)}
.hero-inner{position:relative;z-index:4;height:100%;min-height:0;display:flex;align-items:center;padding-block:140px 115px;pointer-events:none}
.hero-copy{max-width:590px;width:47%;pointer-events:auto}.hero-copy h1{font-size:clamp(65px,6.3vw,99px);font-weight:630;line-height:1.1;letter-spacing:-.055em;color:#f3f1e6;text-shadow:0 2px 30px #06152033}
.hero-edition{margin-bottom:27px;color:#b4c6bd}.hero-description{font-size:16px;line-height:1.9;color:#c3d3cc;margin:27px 0 30px}.hero-actions{gap:13px}.hero-primary{background:#ebe7d7;border-color:#ebe7d7;color:#193936}.hero-secondary{background:#0c202450;border-color:#c5d8c55e;color:#e4ece2}.hero-facts{margin-top:38px}.hero-facts dt{color:#b1c5bd}
.hero-bottom{position:absolute;bottom:23px;z-index:5;align-items:center}.atmosphere-scroll{display:inline-flex;align-items:center;gap:15px;min-height:44px;color:#c1d2c6;font-size:12px}.atmosphere-scroll>span{font-size:22px}.atmosphere-scroll:after{content:"";display:block;width:55px;height:1px;background:#b7c9b947;margin-left:5px}.atmosphere-hint{display:flex;align-items:center;gap:10px;color:#bdcfc3;font-size:11px;margin:0;line-height:1.7}.atmosphere-hint:before{content:"";width:5px;height:5px;border-radius:50%;background:#d5d9b7;box-shadow:0 0 8px #bfe6d575}.hint-touch{display:none}.motion-paused .atmosphere-hint{visibility:hidden}
.hero-ready .hero-copy h1>span{animation:atmo-title-in .8s cubic-bezier(.2,.7,.2,1) both}.hero-ready .hero-copy h1>span+span{animation-delay:.08s}.hero-ready .stella-character{animation:atmo-art-in 1s ease-out both}
@keyframes atmo-title-in{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
@keyframes atmo-art-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero-copy{max-width:670px}.character-wrap{width:54%;right:2%}}
@media(max-width:1100px){.hero-copy{width:52%;max-width:490px}.hero-copy h1{font-size:clamp(62px,7.3vw,80px)}.character-wrap{right:-12%;width:70%;top:135px}.hero-description{font-size:15px}.hero-primary,.hero-secondary{font-size:14px;padding-inline:18px;gap:23px}.hero-art:after{background:linear-gradient(90deg,#071721b3 0%,#07172173 34%,transparent 74%),linear-gradient(0deg,#10242daa,transparent 26%)}}
@media(max-width:720px){
  .hero-stage{height:100svh;min-height:790px;max-height:none}.hero-inner{align-items:end;padding:100px 0 90px}.hero-copy{width:100%;max-width:100%}.hero-copy h1{font-size:clamp(46px,12.4vw,70px);line-height:1.1}.hero-edition{font-size:11px;margin-bottom:17px}.hero-description{font-size:14px;margin:19px 0 23px;line-height:1.85}.hero-facts{margin-top:25px}.hero-facts strong{font-size:28px}
  .character-wrap{top:91px;right:-28%;width:110%;height:690px;transform-origin:60% 25%}.hero-art:after{background:linear-gradient(0deg,#10242dc2 0%,#10242da3 26%,#10242d70 42%,transparent 78%),linear-gradient(90deg,#0a1b2878,transparent 74%)}.hero-primary,.hero-secondary{font-size:14px;gap:10px;padding-inline:15px}
  .hero-bottom{bottom:17px;gap:15px}.atmosphere-scroll{font-size:11px;gap:9px}.atmosphere-scroll:after{width:30px;margin-left:2px}.atmosphere-hint{font-size:10px;gap:7px;max-width:142px}.hint-mouse{display:none}.hint-touch{display:inline}
}
@media(max-width:380px){.hero-stage{min-height:770px}.hero-inner{padding-bottom:91px}.hero-copy h1{font-size:44px}.hero-description{font-size:13px}.hero-primary,.hero-secondary{font-size:13px;padding-inline:12px}.hero-edition{font-size:10px}.atmosphere-hint{max-width:125px}}
@media(prefers-reduced-motion:reduce){.hero-ready .hero-copy h1>span,.hero-ready .stella-character,.atmosphere-fallback{animation:none!important}.character-wrap{will-change:auto}}