/* V5.2: one shared editorial grid for desktop content across all three sections.
   Full-bleed photography and landscape remain deliberately unconstrained. */
@media (min-width:1101px) {
  :root { --page-gutter: clamp(36px, 4vw, 64px); --page-max: 1320px; --page-width: min(calc(100% - 2 * var(--page-gutter)), var(--page-max)); --page-left: max(var(--page-gutter), calc((100% - var(--page-max)) / 2)); }
  .site-header { width: var(--page-width) !important; max-width: none; margin-inline: auto !important; }
  .hero-copy { margin-left: var(--page-left) !important; width: min(38%, 500px) !important; max-width: 500px; }
  .atlas { right: var(--page-left) !important; width: min(56vw, 760px) !important; }
  .section-copy { margin-left: var(--page-left) !important; width: min(calc(var(--page-width) * .64), 820px) !important; max-width: 820px; }
  .section-copy h2 { max-width: 820px; }
  .landscape-markers { left: var(--page-left) !important; right: var(--page-left) !important; gap: clamp(8px, 1.2vw, 18px); }
  .dimension { padding-left: 39px; padding-right: 2px; }
  .dimension-icon { left: 3px; }
  .dimension > i { left: 17px; }
  .action-section { padding-left: var(--page-left) !important; padding-right: var(--page-left) !important; grid-template-columns: minmax(0, 40%) minmax(0, 60%) !important; }
  .action-copy { margin-left: 0 !important; }
  .laptop-figure { justify-self: end; }
}
@media (min-width:1101px) and (max-width:1280px) {
  .hero-copy { width: min(42%, 500px) !important; }
  .atlas { width: min(60vw, 700px) !important; }
}