/* Let desktop layouts use wide displays while retaining readable text lines. */
@media (min-width: 1200px) {
  :root { --desktop-gutter: clamp(32px, 5vw, 192px); }
  .wrap, .ftc-section, .sa-other > summary {
    width: 100%; max-width: none;
    padding-left: var(--desktop-gutter); padding-right: var(--desktop-gutter);
  }
  #tabHome > .ftc-section { padding-left: var(--desktop-gutter); padding-right: var(--desktop-gutter); }
  #tabHome .hero { padding: clamp(64px, 4vw, 144px) var(--desktop-gutter); }
  #tabHome .hero-grid { max-width: none; column-gap: clamp(48px, 5vw, 160px); }
  #tabHome .hero h1 { font-size: clamp(80px, 5.7vw, 176px); max-width: 12ch; }
  #tabHome .hero .eyebrow { font-size: clamp(10px, .65vw, 18px); max-width: 64ch; }
  #tabHome .hero-copy > p { font-size: clamp(17px, 1vw, 28px); max-width: 48ch; }
  #tabHome #earthWrap { width: min(100%, 65vh, 1100px); }
  #tabHome .hg-cap { font-size: clamp(9px, .6vw, 16px); }
  .sa-host img { height: auto; aspect-ratio: 1.8; }
  .sa-host strong { font-size: clamp(27px, 1.6vw, 46px); }
  .sa-host small { font-size: clamp(13px, .8vw, 20px); }
  .sa-host span { padding: clamp(18px, 1.2vw, 36px); }
}