/* One rotating sphere with approved-photo projection; the PNG is its static fallback. */
.hero .hero-media{overflow:hidden}
.hero .hero-media>img{object-position:center 60%;filter:none!important;backdrop-filter:none!important;opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important;transform-origin:50% 50%!important;transform:scale(1.04);will-change:transform;image-rendering:auto}
.hero .hero-media>#earth-globe{position:absolute;inset:0;width:100%;height:100%;display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none}
.hero.earth-reprojection-ready .hero-media>img{opacity:0!important;visibility:hidden!important}
.hero.earth-reprojection-ready .hero-media>#earth-globe{display:block!important;opacity:1!important;visibility:visible!important}
.hero .hero-media::before,.hero .hero-media::after{content:none!important;display:none!important}
/* Protect white copy only on the left; the clouds, lights and sunrise on the
   right retain the approved PNG's own brightness and color. */
.hero::before{background:linear-gradient(90deg,rgba(2,14,28,.68) 0%,rgba(2,14,28,.42) 28%,rgba(2,14,28,.12) 45%,rgba(2,14,28,0) 60%)!important}
.hero.earth-photograph-mode .hero-copy,.hero.earth-photograph-mode .hero-art,.hero.earth-photograph-mode .hero-bottom,.hero.earth-reprojection-ready .hero-copy,.hero.earth-reprojection-ready .hero-art,.hero.earth-reprojection-ready .hero-bottom{text-shadow:0 1px 3px #00101fe6,0 2px 9px #00101f80}
.earth-motion-toggle{height:40px;min-height:40px;min-width:132px;width:132px;padding:0 12px;border:1px solid #91bdcc70;border-radius:6px;background:#102e44d9;color:#e4f2f8;font:inherit;font-size:14px;line-height:1.3;cursor:pointer;margin-left:auto;white-space:nowrap}
.earth-motion-toggle:hover{border-color:#77e3d5;background:#1b4960}
.earth-motion-toggle:focus-visible{outline:2px solid #a5efee;outline-offset:4px}
.earth-motion-toggle[hidden]{display:none}
.earth-credit{color:#718590;font-size:16px;line-height:1.6;padding-bottom:20px}
.earth-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
  .hero .hero-media>img{position:absolute;inset:auto 0 0;height:68%;object-position:62% top}
  .hero .hero-media>#earth-globe{inset:auto 0 0;height:68%}
  .hero::before{background:linear-gradient(180deg,rgba(2,14,28,.35) 0%,rgba(2,14,28,.18) 32%,rgba(2,14,28,0) 58%)!important}
  .hero-bottom{flex-wrap:wrap;gap:12px}
  .hero-bottom>span{width:100%;flex:auto;background:#03132370;padding:8px 12px;border-radius:6px}
  .earth-motion-toggle{margin-left:0}
}
/* Reduced motion is handled in JS so an explicit Play click remains possible. */