/* Video remains the full-viewport environment, including beneath reading pages. */
.direction-world .cinema-surface,.world-preview .cinema-surface{position:absolute;inset:0;overflow:hidden;background-size:cover;background-position:center;background-color:#080d17;pointer-events:none;z-index:-2}
.world-preview .cinema-surface{z-index:0}
.world-film{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:0;transition:opacity .55s ease;pointer-events:none}
.cinema-ready .world-film{opacity:1}
.has-cinema .world-vignette{background:linear-gradient(90deg,#02040bcc 0%,#02040b55 45%,transparent 74%),linear-gradient(0deg,#02040be6 0%,transparent 52%,#02040b66 100%)}
.has-cinema.immersive .world-vignette{opacity:.12}
.cinema-reading .world-vignette{background:linear-gradient(90deg,#02040b6b,transparent 65%),linear-gradient(0deg,#02040b99,transparent 38%)}
.cinema-play{position:absolute;right:5%;top:48%;z-index:8;border:1px solid #ffffff75;background:#101827bf;backdrop-filter:blur(12px);border-radius:30px;padding:15px 24px;color:#fff;font:12px Manrope,Arial,sans-serif;cursor:pointer;display:flex;gap:22px;align-items:center}
.cinema-play[hidden]{display:none!important}
.direction-world.has-cinema .world-status{max-width:420px;text-shadow:0 1px 8px #000}
.has-cinema .world-topline,.has-cinema .world-copy{text-shadow:0 2px 20px #000b}
.world-preview.has-cinema{background:#090e17!important}
.world-preview.has-cinema>canvas{display:none!important}
.world-preview .world-film{transition:opacity .4s ease}
@media(max-width:650px){.has-cinema .world-vignette{background:linear-gradient(0deg,#030712ed 0%,#03071277 43%,transparent 78%,#03071266 100%)}.cinema-reading .world-vignette{background:linear-gradient(0deg,#030712aa,transparent 48%)}.cinema-play{top:35%;right:6%;font-size:10px;padding:12px 18px}.world-film{object-position:var(--mobile-film-focus,56%) center}}
@media(prefers-reduced-motion:reduce){.world-film{transition:none}}
.world-film-caption{position:absolute;right:5%;top:23%;z-index:4;max-width:290px;padding:14px 18px;border:1px solid #ffffff2b;border-radius:12px;background:#071014b8;backdrop-filter:blur(8px);color:#fff;pointer-events:none;text-shadow:0 1px 8px #0006}.world-film-caption strong{display:block;font:500 16px/1.35 Manrope,Arial,sans-serif;margin-bottom:5px}.world-film-caption span{display:block;font:11px/1.55 Manrope,Arial,sans-serif;color:#e1e9e8}.direction-world.immersive .world-film-caption{visibility:hidden;opacity:0}@media(max-width:650px){.world-film-caption{top:17svh;right:5%;max-width:64%;padding:8px 11px;border-radius:8px}.world-film-caption strong{font-size:12px;margin-bottom:3px}.world-film-caption span{font-size:9px;line-height:1.4}.reading-world .world-film-caption{top:16svh}}



/* Strategy is a continuous, sharp, full-viewport film in every mode. */
.direction-world[data-world="strategy"] .cinema-surface,
.direction-world[data-world="strategy"].immersive .cinema-surface{
  inset:0;width:100%;height:100%;background-size:cover;background-position:center;
  background-repeat:no-repeat;background-color:#080d17;
}
.direction-world[data-world="strategy"] .world-film{
  width:100%;height:100%;object-fit:cover;object-position:center;filter:none;
}
.direction-world[data-world="strategy"] .world-vignette{
  background:linear-gradient(180deg,#02060ab3 0, #02060a36 210px,transparent 370px),
    linear-gradient(0deg,#02060ac2 0,transparent 270px);
}
.direction-world[data-world="strategy"] .world-topline{
  top:145px;left:4%;right:auto;width:min(610px,65vw);display:block;
  font:400 clamp(11px,.9vw,13px)/1.5 Manrope,Arial,sans-serif;
  letter-spacing:0;color:#fff;opacity:1;text-shadow:0 2px 8px #000;
}
.direction-world[data-world="strategy"] .world-copy{
  inset:0;width:auto;max-width:none;pointer-events:none;
}
.direction-world[data-world="strategy"] .world-copy h2{
  position:absolute;top:218px;left:4%;width:min(650px,62vw);max-width:30ch;
  font:400 clamp(28px,2.8vw,42px)/1.12 Manrope,Arial,sans-serif!important;
  letter-spacing:-.045em;margin:0;text-wrap:balance;text-shadow:0 2px 18px #000b;
}
.direction-world[data-world="strategy"] .world-copy>p,
.direction-world[data-world="strategy"] .world-status,
.direction-world[data-world="strategy"] .world-action{display:none}
.direction-world[data-world="strategy"] .world-buttons{
  position:absolute;left:4%;bottom:215px;pointer-events:auto;gap:0;
}
.direction-world[data-world="strategy"] .world-immerse{
  margin:0;padding:11px 15px;border:1px solid #ffffff66;border-radius:24px;
  background:#06101a66;text-shadow:0 1px 6px #000;
}



.direction-world[data-world="strategy"] .world-route{left:4%;right:12%;bottom:145px}
.direction-world[data-world="strategy"] .world-route button{color:#fff;text-shadow:0 1px 7px #000}
.direction-world[data-world="strategy"] .world-route button:focus-visible{outline:2px solid #ffdcac;outline-offset:5px}
.direction-world[data-world="strategy"] .world-pause{top:auto;right:4%;bottom:155px}
.journey-slide[data-id="strategy"] .journey-details{top:auto;right:4%;left:auto;bottom:200px;background:#06101a80}
.direction-world[data-world="strategy"].immersive .world-topline{visibility:hidden}
.journey-slide[data-id="strategy"]:has(.direction-world.immersive) .journey-details{display:none}
.reading-world .journey-slide:not([aria-hidden="true"]) .direction-world[data-world="strategy"] .world-topline{opacity:0;pointer-events:none}
.reading-world .journey-slide[data-id="strategy"] .world-reading{
  top:150px;bottom:142px;backdrop-filter:none;
  background:linear-gradient(110deg,#06101ac9,#06101a80);box-shadow:0 12px 50px #0002;
}
@media(min-width:651px) and (max-height:740px){
  .direction-world[data-world="strategy"] .world-topline{top:137px;font-size:10px;line-height:1.4}
  .direction-world[data-world="strategy"] .world-copy h2{top:194px;font-size:29px!important;max-width:28ch}


}
@media(max-width:650px){
  .direction-world[data-world="strategy"] .world-film{object-position:var(--mobile-film-focus,48%) center}
  .direction-world[data-world="strategy"] .world-topline{
    top:166px!important;left:6%;right:122px;width:auto;font-size:9px!important;line-height:1.4;
  }
  .direction-world[data-world="strategy"] .world-copy h2{
    top:266px;left:6%;width:88%;max-width:none;font-size:25px!important;line-height:1.12;
  }
  .direction-world[data-world="strategy"] .world-buttons{left:auto;right:6%;bottom:76px;display:flex}
  .direction-world[data-world="strategy"] .world-immerse{padding:8px 10px;font-size:8px}



  .direction-world[data-world="strategy"] .world-route{top:auto;bottom:120px;left:6%;right:6%;gap:8px}
  .direction-world[data-world="strategy"] .world-route button{font-size:8px;line-height:1.3;padding:9px 0 0}
  .direction-world[data-world="strategy"] .world-route button i{font-size:7px;margin-bottom:5px}
  .direction-world[data-world="strategy"] .world-pause{top:auto;bottom:202px;right:calc(6% + 7px);z-index:8;width:28px;height:28px;font-size:10px}
  .journey-slide[data-id="strategy"] .journey-details{top:auto;bottom:76px;left:6%;right:auto;padding:8px 11px;font-size:8px;gap:7px}
  .journey-slide[data-id="strategy"] .journey-details span{font-size:12px}
  .direction-world[data-world="strategy"] .cinema-play{top:44%;right:6%;padding:10px 12px}
  .horizontal-experience:has(.journey-slide[data-id="strategy"]:not([aria-hidden="true"])) .journey-nav,
  .horizontal-experience:has(.journey-slide[data-id="strategy"]:not([aria-hidden="true"])) .journey-dots{display:none}
  .reading-world .journey-slide[data-id="strategy"] .world-reading{top:220px;bottom:65px;left:6%;width:88%;min-height:0}
  .reading-world .direction-world[data-world="strategy"] .world-pause{top:174px;bottom:auto;right:6%}
  .reading-world .journey-slide[data-id="strategy"] .reading-head{padding:8px 14px 4px;gap:8px}
  .reading-world .journey-slide[data-id="strategy"] .reading-head>span{font-size:8px;line-height:1.35}
  .reading-world .journey-slide[data-id="strategy"] .reading-close{font-size:22px;line-height:1;padding:0 0 0 12px}
  .reading-world .journey-slide[data-id="strategy"] .reading-chapters{margin:0 14px;gap:18px}
  .reading-world .journey-slide[data-id="strategy"] .reading-chapters button{font-size:9px;padding:5px 0 7px}
  .reading-world .journey-slide[data-id="strategy"] .reading-body{padding:12px 14px}
  .reading-world .journey-slide[data-id="strategy"] .reading-page h2{font-size:23px;line-height:1.15;margin-bottom:12px}
  .reading-world .journey-slide[data-id="strategy"] .reading-page h3{font-size:20px;line-height:1.2;margin:18px 0 10px}
  .reading-world .journey-slide[data-id="strategy"] .reading-page p,
  .reading-world .journey-slide[data-id="strategy"] .reading-page .reading-lead{font-size:14px;line-height:1.6}
  .reading-world .journey-slide[data-id="strategy"] .reading-foot{padding:7px 10px;gap:6px}
  .reading-world .journey-slide[data-id="strategy"] .reading-foot button{padding:6px 8px}
  .direction-world[data-world="strategy"].immersive .world-pause{top:auto;bottom:78px;left:6%;right:auto}
  .direction-world[data-world="strategy"] .world-exit-immersive{bottom:78px;right:6%}
}
@media(max-width:360px){
  .direction-world[data-world="strategy"] .world-topline{font-size:8.5px!important}
  .direction-world[data-world="strategy"] .world-copy h2{top:270px;font-size:21px!important}

}

/* Academy label follows the logo tagline scale while the main statement stays dominant. */
.direction-world[data-world="scenarios"] .world-topline{
  font:600 13px/1.25 Manrope,Arial,sans-serif;letter-spacing:.06em;
}
@media(max-width:650px){
  .direction-world[data-world="scenarios"] .world-topline{font-size:10.5px;letter-spacing:.035em}
}
@media(max-width:360px){
  .direction-world[data-world="scenarios"] .world-topline{font-size:9.5px}
}

/* One compact scene card and a separate action, shared by every world. */
.journey-world .world-scene-controls{
  position:absolute;z-index:8;right:5%;bottom:210px;width:min(290px,30vw);
  display:flex;flex-direction:column;align-items:flex-end;gap:16px;
}
.journey-world .world-scene-controls .world-film-caption{
  position:static;box-sizing:border-box;width:100%;max-width:none;height:auto;min-height:88px;
  display:flex;flex-direction:column;justify-content:center;padding:14px 18px;
  border:1px solid #ffffff2b;border-radius:12px;background:#071014b8;
  backdrop-filter:blur(8px);text-shadow:0 1px 8px #0006;
}
.journey-world .world-scene-controls .world-film-caption strong{
  font:500 16px/1.35 Manrope,Arial,sans-serif;letter-spacing:0;margin:0 0 5px;color:#fff;
}
.journey-world .world-scene-controls .world-film-caption span{
  font:400 11px/1.55 Manrope,Arial,sans-serif;color:#e1e9e8;
}
.journey-world .world-scene-controls .journey-details{
  position:static;margin:0;align-self:flex-end;flex-shrink:0;
  padding:13px 19px;font:10px Manrope,Arial,sans-serif;gap:18px;
}
.journey-world .direction-world.immersive .world-scene-controls{visibility:hidden;opacity:0;pointer-events:none}
@media(min-width:651px){
  .journey-world .direction-world:not([data-world="strategy"]) .world-copy{width:56%;max-width:760px}
  .journey-world .direction-world[data-world="strategy"] .world-copy h2{width:min(650px,56vw)}
}
@media(max-width:650px){
  .journey-world .direction-world{
    display:flex;flex-direction:column;justify-content:flex-end;gap:18px;
    padding:150px 6% 124px;
  }
  .journey-world .direction-world .world-topline{top:116px!important;left:6%;right:6%;width:auto}
  .journey-world .direction-world .world-copy{
    position:static;inset:auto;width:100%;max-width:none;pointer-events:auto;
  }
  .journey-world .direction-world .world-copy h2{
    position:static;inset:auto;width:100%;max-width:none;
    font-size:clamp(27px,8vw,35px)!important;line-height:1.08;margin:0 0 13px;
  }
  .journey-world .direction-world .world-copy>p{margin:0;max-width:100%}
  .journey-world .direction-world .world-buttons{
    position:absolute;inset:auto 6% 124px auto;gap:0;
  }
  .journey-world .direction-world .world-immerse{
    margin:0;padding:9px 10px;font-size:8px;border:1px solid #ffffff45;border-radius:24px;background:#06101a66;
  }
  .journey-world .world-scene-controls{position:static;width:100%;gap:14px;align-items:flex-start}
  .journey-world .world-scene-controls .world-film-caption{min-height:72px;padding:10px 13px;border-radius:8px}
  .journey-world .world-scene-controls .world-film-caption strong{font-size:12px;line-height:1.35;margin-bottom:4px}
  .journey-world .world-scene-controls .world-film-caption span{font-size:10px;line-height:1.45}
  .journey-world .world-scene-controls .journey-details{align-self:flex-start;padding:9px 12px;font-size:8px;gap:10px}
  .reading-world .journey-slide:not([aria-hidden="true"]) .world-scene-controls{visibility:hidden;opacity:0;pointer-events:none}
  .reading-world .journey-slide[data-id] .world-reading{top:126px;bottom:139px;min-height:0}
  .horizontal-experience:has(.journey-slide[data-id="strategy"]:not([aria-hidden="true"])) .journey-nav,
  .horizontal-experience:has(.journey-slide[data-id="strategy"]:not([aria-hidden="true"])) .journey-dots{display:flex}
}
@media(max-width:650px) and (max-height:700px){
  .journey-world .direction-world{gap:12px;padding-top:144px}
  .journey-world .direction-world .world-copy h2{font-size:clamp(22px,6.5vw,28px)!important;margin-bottom:8px}
  .journey-world .direction-world .world-copy>p{font-size:9px!important;line-height:1.5}
  .journey-world .world-scene-controls{gap:12px}
  .journey-world .world-scene-controls .world-film-caption{min-height:66px;padding:9px 12px}
}
@media(max-width:650px) and (max-height:580px){
  .journey-world .direction-world{gap:10px;padding-top:130px}
  .journey-world .direction-world .world-copy h2{font-size:21px!important;line-height:1.08;margin:0}
  .journey-world .direction-world .world-copy>p{display:none}
  .journey-world .world-scene-controls .world-film-caption strong{font-size:11px}
  .journey-world .world-scene-controls .world-film-caption span{font-size:9px}
}