/* Keep comfortable gutters, but let wide displays carry the composition. */
@media (min-width: 901px) {
  :root { --shell: 1640px; }

  .shell { width: min(calc(100% - 80px), var(--shell)); }

  .hero-grid { grid-template-columns: 1.1fr .9fr; gap: 80px; }

  h1 { font-size: clamp(3rem, 5.2vw, 6.1rem); max-width: 890px; }

  .hero-visual img { height: 640px; }
}