/* Review-only alternative. The original landscape remains the default. */
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .hero{background:#172c3b;color:#f5f6ef}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .hero-image{background-image:url('assets/dusk.webp');background-position:center 53%}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .hero-wash{background:linear-gradient(90deg,#10233338,transparent 76%),linear-gradient(180deg,#10233726,transparent 64%,#091c302e)}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .hero-copy .eyebrow{color:#d6e0e5}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .hero h1 .heading-accent{color:#dbe7ec}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .hero-copy>p{color:#e1e8e8}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .hero-actions .text-link{color:#f1f4f1}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .hero-actions .button,
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .header:not(.scrolled) .button{background:#eef2ef;color:#203744}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .hero-actions .button:hover,
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .header:not(.scrolled) .button:hover{background:#d7e4e9;box-shadow:0 6px 20px #06142524}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .header:not(.scrolled){color:#f0f3ef;background:#142a3a26;border-color:#f1f5f21f}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .header:not(.scrolled) .menu-toggle span{background:#f0f3ef}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .mobile-nav{color:var(--ink)}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .horizon-point{display:none}
html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .closing-art{background:linear-gradient(90deg,#10283bbf,#152d4033),url('assets/dusk.webp') center 67%/cover;filter:none}
@media(max-width:540px){
  html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .hero-image{background-position:64% 68%}
  html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .hero-wash{background:linear-gradient(180deg,#10253733 0%,#142a403b 42%,transparent 72%,#091c3045)}
  html:is([data-visual="dusk"],[data-visual="delta"],[data-visual="orbit"],[data-visual="rings"]) .closing-art{background-position:64% center}
}
html[data-visual="coast"] .hero-image{background-image:url('assets/coast.webp');background-position:center 58%}
html[data-visual="coast"] .hero-wash{background:linear-gradient(180deg,#f5f5ec26,transparent 75%),linear-gradient(90deg,#f4f5ee35,transparent 80%)}
html[data-visual="coast"] .horizon-point{display:none}
html[data-visual="coast"] .closing-art{background:linear-gradient(90deg,#172f29e8,#17393294),url('assets/coast.webp') center 76%/cover;filter:saturate(.75)}
@media(max-width:540px){html[data-visual="coast"] .hero-image{background-position:63% 68%}html[data-visual="coast"] .hero-wash{background:linear-gradient(180deg,#f5f6edaa 0%,#f3f5ef99 38%,transparent 74%,#18383226)}html[data-visual="coast"] .hero-actions .text-link{background:#f8f8f4e0;padding:12px;border-radius:4px;color:#213f35}}
html[data-visual="aperture"] .hero{background:#f3f1e8}
html[data-visual="aperture"] .hero-image{background-image:url('assets/aperture.webp');background-position:70% 53%;animation:none;transform:none}
html[data-visual="aperture"] .hero-wash{background:linear-gradient(90deg,#f6f4eb3b,transparent 65%)}
html[data-visual="aperture"] .horizon-point{display:none}
html[data-visual="aperture"] .closing-art{background:linear-gradient(90deg,#173a32f5,#173a3266),url('assets/aperture.webp') 75% 60%/cover;filter:saturate(.75)}
@media(max-width:1100px) and (min-width:801px){
  html[data-visual="aperture"] .hero-image{background-position:65% center}
}
@media(max-width:800px){
  html[data-visual="aperture"] .hero-image{background-size:auto 74%;background-position:73% 100%}
  html[data-visual="aperture"] .hero-wash{background:linear-gradient(180deg,#f3f1e8 0%,#f3f1e8f5 27%,#f3f1e888 45%,transparent 62%)}
}
@media(max-width:540px){
  html[data-visual="aperture"] .hero{min-height:880px;height:100svh;max-height:960px}
  html[data-visual="aperture"] .hero-copy{padding-top:127px}
  html[data-visual="aperture"] .hero-image{background-size:auto 48%;background-position:91% calc(100% - 30px)}
  html[data-visual="aperture"] .hero-wash{background:linear-gradient(180deg,#f3f1e8 0%,#f3f1e8 50%,#f3f1e8b3 56%,transparent 67%)}
  html[data-visual="aperture"] .closing-art{background-position:69% center}
}
@media(max-width:360px){
  html[data-visual="aperture"] .hero{min-height:825px}
}

/* Delta: a new aerial composition, distinct from the mountain treatments. */
html[data-visual="delta"] .hero{background:#202525}
html[data-visual="delta"] .hero-image{background-image:url('assets/delta.webp');background-position:center 52%;transform-origin:78% 65%}
html[data-visual="delta"] .hero-wash{background:linear-gradient(90deg,#0b151514,transparent 65%)}
html[data-visual="delta"] .hero h1 .heading-accent{color:#cde4dc}
html[data-visual="delta"] .hero-copy .eyebrow{color:#d5e0da}
html[data-visual="delta"] .hero-actions .button,
html[data-visual="delta"] .header:not(.scrolled) .button{background:#edf2ea;color:#1d3833}
html[data-visual="delta"] .header:not(.scrolled){background:#19232335;border-color:#edf2ea24}
html[data-visual="delta"] .closing-art{background:linear-gradient(90deg,#172927a6,#17292714),url('assets/delta.webp') center 57%/cover}
@media(max-width:800px){
  html[data-visual="delta"] .hero-image{background-position:58% center}
  html[data-visual="delta"] .hero-wash{background:linear-gradient(90deg,#151f2059,transparent 80%)}
}
@media(max-width:540px){
  html[data-visual="delta"] .hero-image{background-size:auto 69%;background-position:76% 100%;animation:none;transform:none}
  html[data-visual="delta"] .hero-wash{background:linear-gradient(180deg,#202525 0%,#202525 35%,#202525e6 43%,#2025255c 55%,transparent 72%)}
  html[data-visual="delta"] .closing-art{background-position:66% center}
}

/* Orbital: planetary surface and atmospheric light. */
html[data-visual="orbit"] .hero{background:#020912}
html[data-visual="orbit"] .hero-image{background-image:url('assets/orbit.webp');background-position:center 52%;transform-origin:75% 70%}
html[data-visual="orbit"] .hero-wash{background:linear-gradient(90deg,#0208121a,transparent 66%)}
html[data-visual="orbit"] .hero h1 .heading-accent{color:#d5e4ed}
html[data-visual="orbit"] .header:not(.scrolled){background:#05112145;border-color:#edf2f224}
html[data-visual="orbit"] .closing-art{background:linear-gradient(90deg,#06132499,#06132414),url('assets/orbit.webp') center 62%/cover;filter:none}
@media(max-width:800px){
  html[data-visual="orbit"] .hero-image{background-position:57% center}
}
@media(max-width:540px){
  html[data-visual="orbit"] .hero-image{background-size:auto 69%;background-position:70% 100%;animation:none;transform:none}
  html[data-visual="orbit"] .hero-wash{background:linear-gradient(180deg,#020912 0%,#020912 33%,#020912ed 43%,#02091288 55%,transparent 72%)}
  html[data-visual="orbit"] .closing-art{background-position:59% center}
}

/* Rings: close perspective, mineral detail and natural orbital geometry. */
.ring-motion{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.ring-motion[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.ring-motion{display:none}}
html[data-visual="rings"] .hero{background:#071015}
html[data-visual="rings"] .hero-image{background-image:url('assets/rings-middle-finished-4x.webp');background-position:center 54%;animation:none;transform:none}
html[data-visual="rings"] .hero-wash{background:linear-gradient(90deg,#05101326,transparent 68%)}
html[data-visual="rings"] .hero h1 .heading-accent{color:#d7e3eb}
html[data-visual="rings"] .header:not(.scrolled){background:#0a191b3d;border-color:#edf2ed21}
html[data-visual="rings"] .hero-actions .button,
html[data-visual="rings"] .header:not(.scrolled) .button{background:#eff3f5;color:#243b4b}
html[data-visual="rings"] .hero-actions .button:hover{background:#dce6ed;box-shadow:0 6px 20px #06111c24}
html[data-visual="rings"] .hero-actions .text-link{color:#eff3f6}
html[data-visual="rings"] .hero-copy>p{color:#dfe7ed}
html[data-visual="rings"] .closing-art{background:linear-gradient(0deg,#02070c99,transparent 33%),linear-gradient(90deg,#020a1026,transparent 65%),url('assets/first-light-space.webp') center 57%/cover;filter:none}
/* Apply the generated retouch only to the star spots; retain the original scene. */
html[data-visual="rings"] .closing-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:inherit;background-image:linear-gradient(0deg,#02070c99,transparent 33%),linear-gradient(90deg,#020a1026,transparent 65%),url('assets/first-light-star-cleanup.webp');-webkit-mask:url('assets/star-cleanup-mask.svg') center 57%/cover no-repeat;mask:url('assets/star-cleanup-mask.svg') center 57%/cover no-repeat}
html[data-visual="rings"] .site-ending{background:#030a10;color:#f0f4f7}
html[data-visual="rings"] .closing .eyebrow{color:#a8bbc9}
html[data-visual="rings"] .site-ending .footer{border-color:#d7e2e926}
html[data-visual="rings"] .site-ending .footer :is(p,span){color:#a8b9c5}
@media(max-width:800px){
  html[data-visual="rings"] .hero-image{background-position:59% center}
}
@media(max-width:540px){
  html[data-visual="rings"] .hero-image{background-size:auto 70%;background-position:72% 100%;animation:none;transform:none}
  html[data-visual="rings"] .hero-wash{background:linear-gradient(180deg,#071015 0%,#071015 32%,#071015ed 42%,#07101599 54%,transparent 71%)}
  html[data-visual="rings"] .closing-art{background-position:44% center}
  html[data-visual="rings"] .closing-art::after{-webkit-mask-position:44% center;mask-position:44% center}
}
@media(max-width:360px){
  html[data-visual="rings"] .closing-art{background-position:50% center}
  html[data-visual="rings"] .closing-art::after{-webkit-mask-position:50% center;mask-position:50% center}
  html[data-visual="rings"] .closing h2{font-size:56px}
}