/* A scroll-held second story beat, without the discarded portal zoom. */
.world-intro{height:max(220svh,1430px);min-height:0}
.world-stage{position:sticky;top:0;height:100svh;min-height:650px}
.opening-story{position:absolute;inset:0;z-index:4;display:grid;place-items:center;text-align:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(24px)}
.opening-story h2{margin:0;font:clamp(38px,5.8vw,78px)/1.25 Georgia,serif;letter-spacing:-1px}
.opening-story.is-readable{visibility:visible}
.opening-story:before{content:'';position:absolute;inset:0;background:#08090b99;z-index:-1}
.opening-reading #world-canvas{visibility:hidden}
.opening-reading .hero-copy{pointer-events:none}
.opening-reading .hero-copy a{pointer-events:none}
@media(prefers-reduced-motion:reduce){.world-intro{height:auto}.world-stage{position:relative;height:auto;min-height:1000px}.hero-copy{top:180px}.opening-story{inset:auto 0 75px;min-height:160px;opacity:1;visibility:visible;transform:none}.opening-story h2{font-size:clamp(32px,5vw,60px)}.opening-story:before{background:none}}
@media(max-width:700px){
  .world-intro{height:max(185svh,1180px)}
  .world-stage{min-height:680px}
  .battlefield{background-size:auto 100%;background-position:61% center}
  .world-shade{background:linear-gradient(180deg,#08090bb8 0%,#08090b35 29%,#08090b18 58%,#08090be8 100%),linear-gradient(90deg,#08090b9c 0%,#08090b35 72%,transparent 100%)}
  .hero-copy{top:28%;left:7%;right:7%;max-width:none}
  .hero-copy h1{font-size:clamp(42px,12vw,54px);line-height:1.02;letter-spacing:-1.8px;margin-bottom:18px}
  .hero-copy .eyebrow{margin-bottom:15px}
  .intro{font-size:14px;line-height:1.7;margin:0}
  .hero-copy .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
  .hero-action{min-width:0;min-height:66px;padding:11px 9px;gap:8px}
  .hero-action svg{width:18px;height:18px}
  .hero-action small{font-size:5.5px;letter-spacing:1px}
  .hero-action b{font-size:12px;line-height:1.15}
  .scene-coordinate{top:150px;left:7%;font-size:6px;white-space:nowrap}
  .scene-bottom{bottom:15px;justify-content:flex-end;right:7%;left:7%}
  #scene-hint,.scene-bottom button{display:none}
  .scene-bottom a{font-size:6px;letter-spacing:1.35px}
}