/* V5.3.1: scoped responsive correction. All approved copy and Action UI preserved. */
@media (min-width:1101px) and (max-width:1350px) {
  /* Let the hero photography carry the centre, rather than presenting six rigid rails. */
  .atlas { top:220px; height:410px !important; }
  .panel-intent { left:5%;top:1%; } .panel-identity { left:0;top:39%; } .panel-evidence { left:6%;top:78%; }
  .panel-presence { right:0;top:2%; } .panel-alternatives { right:4%;top:41%; } .panel-unknowns { right:0;top:79%; }
  .hero-photo { background-position:center 54%; }
}
@media (min-width:701px) and (max-width:1100px) {
  /* Six dimensions are one grid, not two disconnected bands. */
  .intelligence { min-height:565px !important; }
  .section-copy { width:min(80%,760px); }
  .landscape-markers {
    left: max(28px, 4vw) !important; right:max(28px, 4vw) !important;
    bottom:125px !important; gap:30px 22px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-content:start; align-items:start;
  }
  .dimension,.dimension:nth-child(even),.dimension:nth-child(4),.dimension:nth-child(5) {
    min-height:74px !important; padding:4px 4px 0 35px !important;
  }
  .dimension-icon,.dimension:nth-child(even) .dimension-icon,.dimension:nth-child(4) .dimension-icon,.dimension:nth-child(5) .dimension-icon { top:0 !important; }
  .landscape-flow { height:170px; }
  .landscape-texture { height:170px; }
}
@media (min-width:701px) and (max-width:850px) {
  .hero { padding-bottom:38px; }
  .atlas { width:calc(100% - 36px); grid-template-columns:minmax(0,1fr) minmax(145px,.8fr) minmax(0,1fr); column-gap:10px; }
  .atlas-panel { width:100%; max-width:205px; }
  .panel-intent,.panel-identity,.panel-evidence { justify-self:end; }
  .panel-presence,.panel-alternatives,.panel-unknowns { justify-self:start; }
  .section-copy { width:calc(100% - 72px); margin-left:36px; }
  .landscape-markers { bottom:118px !important; }
}
@media (max-width:700px) {
  /* No invisible hero artwork should reserve hundreds of pixels. */
  .hero { min-height:0 !important; padding-bottom:42px !important; }
  .hero-photo { opacity:.16; background-position:65% center; }
  .hero-shade { background:linear-gradient(180deg,#071416 0%,rgba(7,20,22,.93) 55%,#071416 100%); }
  .atlas {
    display:grid !important; position:relative; width:calc(100% - 28px) !important;
    height:auto !important; margin:20px auto 0 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important; background:none !important;
  }
  .atlas-panel {
    position:relative !important; inset:auto !important; top:auto !important;
    right:auto !important; bottom:auto !important; left:auto !important;
    width:100% !important; min-height:88px !important; margin:0 !important;
    padding:10px !important; grid-column:auto !important; grid-row:auto !important;
  }
  .panel-intent { order:1; } .panel-presence { order:2; }
  .panel-identity { order:3; } .panel-alternatives { order:4; }
  .panel-evidence { order:5; } .panel-unknowns { order:6; }
  .intelligence { min-height:0 !important; padding-bottom:125px !important; }
  .landscape-markers { margin-top:28px !important; row-gap:18px !important; }
  .dimension,.dimension:nth-child(even),.dimension:nth-child(4),.dimension:nth-child(5) { min-height:86px !important; }
  .landscape-flow { height:110px !important; }
  .landscape-texture { height:110px !important; }
  .section-copy h2,.action-copy h2 { line-height:1.03; }
}
