/**
 * Home — layout y tokens (reduce dependencia del CSS inline de front-page.php).
 */
body.cgc-home-page {
  --max: 1320px;
}

body.cgc-home-page .container,
body.cgc-home-page .nav-inner {
  width: min(var(--max), calc(100% - 40px));
}

@media (min-width: 901px) and (max-width: 1100px) {
  body.cgc-home-page .hero-copy-inner {
    padding-top: 72px !important;
    max-width: min(720px, 58vw) !important;
  }
}

@media (min-width: 1101px) {
  body.cgc-home-page .hero-copy-inner {
    max-width: 680px !important;
  }
}