/* Approved desktop margins. Mobile spacing remains independent. */
@media (min-width: 1100px) {
  :root {
    --gutter: min(calc((100vw - 760px) / 2), calc(max(0px, (100vw - 1560px) / 2) + 24px + 3vw));
  }
  .container { max-width: none; }
  .personal :is(.copy-curiosities,.project-section,.social-section) > .container {
    width: min(960px, calc(100% - 2 * var(--gutter)));
  }
  .hero-inner { container-type: inline-size; }
  .hero h1 { font-size: min(clamp(98px, 12vw, 190px), max(44px, calc(28vh - 78px)), 15.5cqw); }
  .contact h2 { font-size: calc(min(16vw, 240px, calc((100vw - 2 * var(--gutter)) * .16)) * .9); }
  .footer-grid { grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 28px; }
}