@media (max-width: 1200px) {
  :root {
    --container: 1060px;
  }
}

@media (max-width: 1024px) {
  .header__socials {
    display: none;
  }

  .hero__inner {
    grid-template-columns: 1fr;
  }

  .hero__visual {
    min-height: 470px;
    max-width: 620px;
    margin-inline: auto;
    width: 100%;
  }

  .about-card {
    grid-template-columns: 1fr;
  }

  .about-card__imagebox {
    min-height: 460px;
  }

  .clip-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .quotes-stats__grid {
    grid-template-columns: 1fr;
  }

  .footer__inner {
    flex-wrap: wrap;
  }
}

@media (max-width: 760px) {
  .container,
  .container--wide {
    width: min(100% - 24px, var(--container));
  }

  .header__inner {
    min-height: 72px;
  }

  .menu-toggle {
    width: 46px;
    height: 46px;
    margin-left: auto;
    border: 0;
    border-radius: 15px;
    display: grid;
    place-items: center;
    gap: 4px;
    background: #fff;
    box-shadow: var(--shadow-soft);
  }

  .menu-toggle span {
    width: 20px;
    height: 2px;
    background: var(--brown);
    display: block;
    border-radius: 999px;
  }

  .nav {
    position: fixed;
    left: 12px;
    right: 12px;
    top: 80px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    margin: 0;
    padding: 12px;
    border-radius: 22px;
    background: rgba(255,255,255,.96);
    box-shadow: var(--shadow);
  }

  .nav.is-open {
    display: flex;
  }

  .nav__link {
    text-align: center;
  }

  .hero {
    padding: 56px 0 70px;
  }

  .hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero__visual {
    min-height: 350px;
  }

  .hero__dog {
    width: 112%;
    right: -8%;
    bottom: -58px;
  }

  .speech {
    right: 0;
    top: 10px;
    transform: rotate(-4deg);
  }

  .hero__crown {
    right: 12%;
    top: -5px;
  }

  .section {
    padding: 64px 0;
  }

  .about__container {
    width: min(100% - 24px, 1150px);
  }

  .about-card {
    padding: 18px;
    border-radius: 28px;
    gap: 24px;
  }

  .about-intro h2 {
    font-size: clamp(36px, 12vw, 52px);
  }

  .about-intro p {
    font-size: 18px;
  }

  .about-card__imagebox {
    min-height: 360px;
    padding-top: 18px;
  }

  .about-card p {
    font-size: 16px;
  }

  .about-tag {
    font-size: 14px;
    padding: 9px 14px;
  }

  .content-card {
    padding: 16px;
    border-radius: 26px;
  }

  .content-card__head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 12px;
  }

  .content-card__more {
    font-size: 14px;
  }

  .content-card__title {
    font-size: 22px;
  }

  .clip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .clip-tile__caption {
    font-size: 13px;
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .meter {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .meter b {
    text-align: left;
  }

  .cta__inner {
    display: block;
  }

  .cta__actions {
    margin-top: 24px;
  }

  .footer__inner {
    display: grid;
    justify-items: start;
  }
}

/* contact CTA removed */
.contact-cta,
[class*="contact-cta"] {
  display: none;
}

/* cta section orange removed */
.cta.section-orange,
.section-orange.cta {
  display: none;
}