/* V5.1: desktop composition stability. Mobile is deliberately unchanged. */
.atlas::before, .atlas::after, .atlas-orbit { display:none !important; content:none !important; }
@media (min-width:1281px) {
  .hero { min-height:clamp(680px,49vw,760px); }
  .hero-photo { background-size:cover; background-position:center 49%; }
  .site-header { width:min(calc(100% - 96px), 1320px); }
  .hero-copy { width:clamp(370px,34vw,510px); margin-left:max(48px,calc((100vw - 1320px)/2)); padding-top:clamp(40px,4vw,65px); }
  .hero h1 { font-size:clamp(44px,3.5vw,58px); }
  .atlas { top:clamp(130px,11vw,175px); right:max(48px,calc((100vw - 1320px)/2)); width:clamp(600px,53vw,760px); height:clamp(410px,31vw,475px); transform:none; }
  .atlas-panel { width:clamp(170px,14vw,205px); }
  .panel-intent { left:9%;top:0; } .panel-identity { left:0;top:39%; } .panel-evidence { left:9%;top:79%; }
  .panel-presence { right:0;top:0; } .panel-alternatives { right:0;top:39%; } .panel-unknowns { right:0;top:79%; }
}
@media (min-width:1101px) and (max-width:1280px) {
  .hero { min-height:740px !important; }
  .hero-copy { width:43%;max-width:500px; margin-left:5%;padding-top:44px; }
  .hero h1 { font-size:clamp(44px,4vw,52px); }
  .hero-photo { background-size:cover; background-position: center center; }
  .atlas { position:absolute;top:245px;right:4%;width:61%;height:440px !important;margin:0;display:block;transform:none; }
  .atlas-panel { position:absolute;inset:auto;width:clamp(160px,16vw,195px);min-height:72px; }
  .panel-intent { left:2%;top:0; } .panel-identity { left:0;top:40%; } .panel-evidence { left:2%;top:80%; }
  .panel-presence { right:0;top:0; } .panel-alternatives { right:0;top:40%; } .panel-unknowns { right:0;top:80%; }
}
@media (min-width:701px) and (max-width:1100px) {
  .atlas::before {display:none !important;}
}