/* Mobile composition: text, a clear sky corridor, then the original diorama. */
.switch-state{display:none}
@media(max-width:800px){
  html.intro-locked{overflow:auto}
  .intro-locked body{height:auto;overflow:visible}
  .intro-locked .landing-content,.intro-locked .site-footer{display:none}
  .home-page.world-design .world-opening{display:block;min-height:0;padding:0 0 76px;overflow:hidden;background:#f7f5ef}
  .home-page.world-design.is-night .world-opening{background:#101b2b}
  .home-page.world-design .world-canvas{width:100%;max-width:800px;margin:0 auto;aspect-ratio:auto;overflow:hidden;isolation:auto;container-type:normal;background:transparent}
  .home-page.world-design .site-header{height:80px;padding:calc(16px + env(safe-area-inset-top,0px)) 20px 16px;pointer-events:none}
  .home-page.world-design .site-header>.menu-toggle{min-width:108px;min-height:46px;padding:11px 16px}
  .home-page.world-design .site-header #navigation{inset:calc(74px + env(safe-area-inset-top,0px)) 20px auto auto;width:min(360px,calc(100% - 40px))}
  .home-page.world-design .world-copy,.home-page.world-design .world-welcome{
    position:absolute;inset:calc(90px + env(safe-area-inset-top,0px)) 24px auto;left:24px;top:calc(90px + env(safe-area-inset-top,0px));
    width:calc(100% - 48px);padding:0;margin:0;max-width:none;transform:none
  }
  .home-page.world-design .world-copy{z-index:15}
  .home-page.world-design .world-canvas.is-sunrise{transition:height 2.8s cubic-bezier(.2,.7,.2,1),opacity 1s}
  .home-page.world-design .is-sunrise :is(.collage-layer,.hero-figure,.scene-hotspot,.scene-project-logo){transition:top 2.8s cubic-bezier(.2,.7,.2,1),opacity 2.8s,filter 2.8s,transform 2.8s cubic-bezier(.18,.7,.22,1)}
  .home-page.world-design :is(.sun-orbit,.moon-orbit){transform-origin:145% 300%;transition:transform 6s cubic-bezier(.4,0,.3,1),top 2.8s cubic-bezier(.2,.7,.2,1)}
  .home-page.world-design .world-welcome{z-index:30;display:block}
  .home-page.world-design .welcome-card{width:100%;max-width:480px}
  .home-page.world-design .welcome-kicker,.home-page.world-design .world-copy .eyebrow{display:block;font-size:9px;line-height:1.6;letter-spacing:.13em}
  .home-page.world-design .welcome-card h2{font-size:clamp(42px,11vw,58px);line-height:1;letter-spacing:-.055em;margin:18px 0}
  .home-page.world-design .welcome-card p{font-size:14px;line-height:1.65;max-width:390px;margin:0;color:#c5d4e0}
  .home-page.world-design .welcome-continue{width:238px;max-width:100%;min-width:0;min-height:54px;font-size:15px;padding:8px 10px 8px 22px;margin-top:22px;background:linear-gradient(135deg,#536b80e8,#263e55ed);box-shadow:inset 0 1px #f4f9ff88,0 8px 24px #0002}
  .home-page.world-design .welcome-continue>span{width:36px;height:36px;font-size:22px;margin-left:15px}
  .home-page.world-design .welcome-note{display:none}
  .home-page.world-design .world-copy h1{font-size:clamp(34px,9.5vw,47px);line-height:1.09;letter-spacing:-.045em;margin:16px 0 18px;max-width:530px}
  .home-page.world-design .world-copy p{font-size:14px;line-height:1.65;max-width:400px;margin:0}
  .home-page.world-design .world-replay{top:calc(16px + env(safe-area-inset-top,0px));left:20px;right:auto;min-width:0;width:136px;min-height:46px;padding:7px 12px 7px 7px;gap:9px;z-index:40}
  .home-page.world-design .world-replay .switch-copy{display:none}
  .home-page.world-design .world-replay .switch-state{display:block;font:500 13px/1.4 var(--sans)}
  .home-page.world-design .landscape-switch.day-switch{width:60px;height:30px;scale:1;margin:0}
  .home-page.world-design .landscape-switch.day-switch i{width:24px;height:24px;left:3px;top:3px}
  .home-page.world-design .world-canvas:not(.is-day) .landscape-switch i{translate:30px 0}
  .home-page.world-design .switch-clouds{scale:.7}
  .home-page.world-design .world-twilight{inset:0;mask-image:none;filter:saturate(.8);background:linear-gradient(180deg,#656689 0%,#cf8587 26%,#ffc79c 55%,#f7f5ef00 100%)}
  .home-page.world-design .is-sunset .world-twilight{background:linear-gradient(180deg,#504c78 0%,#c7747e 26%,#f5b184 55%,#101b2b00 100%)}
  .home-page.world-design .world-art{inset:auto 0;top:calc(var(--scene-offset) - 35px);height:calc(var(--scene-width)*.2);width:100%;overflow:visible}
  .home-page.world-design .scene-cloud{top:calc(var(--scene-offset) + var(--scene-width)*.04);height:calc(var(--scene-width)*.055)}
  .home-page.world-design .scene-stars{inset:0 0 auto;height:calc(var(--scene-offset) + var(--scene-width)*.15);opacity:.55}
  .home-page.world-design .is-day .scene-stars{opacity:0}
  .home-page.world-design .scene-scroll{bottom:17px;font-size:9px;letter-spacing:.1em;gap:14px;white-space:nowrap;min-height:44px}
  .home-page.world-design .scene-scroll b{width:40px;height:40px}
  .home-page.world-design .scene-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:560px;max-height:80svh;margin:0 auto;padding:32px 26px calc(28px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;border:1px solid #fff9;overflow:auto;box-shadow:0 -12px 60px #07132e40}
  .home-page.world-design .scene-dialog h2{font-size:32px;line-height:1.15;margin:18px 0}
  .home-page.world-design .scene-dialog p{font-size:15px;line-height:1.65}
  .home-page.world-design .scene-close{width:44px;height:44px;right:12px;top:9px}
  .home-page.world-design .scene-link{display:flex;justify-content:center;align-items:center;min-height:50px;text-align:center;border-radius:15px;background:#284c61;color:white;border-color:#284c61;font-size:13px}
  .home-page.world-design .scene-hotspot .project-tag,.home-page.world-design .figure-name{display:none}
  .home-page.world-design .hero-figure:hover .figure-photo{transform:none}
  .home-page.world-design .collage-layer.is-highlighted{scale:1;translate:0 0}
}
@media(min-width:600px) and (max-width:800px){
  .home-page.world-design .world-copy,.home-page.world-design .world-welcome{left:7%;width:86%}
  .home-page.world-design .welcome-card h2{font-size:56px}
}
@media(max-width:800px) and (prefers-reduced-motion:reduce){
  .home-page.world-design .world-twilight{display:none}
}