/* Shared overflow safeguards for narrow screens. */
html { overflow-x: hidden; }
body { overflow-x: hidden; }

.hero-grid-template {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
}

.hero-grid-template > * { min-width: 0; }

@media (max-width: 900px) {
  .hero-grid-template {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }

  .featured-template { max-width: 620px; }
}

@media (max-width: 720px) {
  .featured-template { max-width: 100%; }
}