@media (max-width: 980px) {
  .ambassador-carousel {
    --carousel-visible: 2;
  }

  .hero-inner {
    padding-top: 28px;
  }

  .feature-grid,
  .watch-grid {
    grid-template-columns: 1fr;
  }

  .feature-row--flip .feature-copy {
    order: 1;
  }

  .feature-row--flip .feature-visual {
    order: 2;
  }

  .cta-panel {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .cta-visual {
    order: 2;
    padding-top: 0;
  }

  .cta-copy {
    padding-bottom: 10px;
  }

  .about-founders-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .founders-grid {
    width: min(100%, 680px);
  }

  .faq-layout {
    grid-template-columns: 1fr;
  }

  .faq-nav {
    display: none;
  }

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

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

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

  .footer-brand,
  .footer-social {
    grid-column: 1 / -1;
  }

  .footer-col:nth-child(3) {
    text-align: right;
  }

  .footer-social {
    justify-content: center;
  }
}

@media (max-width: 640px) {
  :root {
    --section-pad: 56px;
  }

  .mobile-menu {
    width: min(92vw, 320px);
  }

  .mobile-menu a:not(.store-btn) {
    font-size: 1.45rem;
    padding: 13px 4px;
  }

  .logo img {
    width: 84px;
  }

  .header-bar {
    padding: 10px var(--gutter);
  }

  .hero-backdrop {
    aspect-ratio: 4 / 5;
    height: auto;
  }

  .hero-inner {
    padding-top: 24px;
    padding-bottom: 48px;
  }

  .hero-title {
    font-size: clamp(2rem, 9.4vw, 2.6rem);
  }

  .hero-proof {
    flex-direction: column;
    text-align: center;
  }

  .hero-proof p {
    max-width: 32ch;
  }

  .hero-cta-row {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .hero-cta-row .store-btn,
  .hero-cta-row .btn {
    width: 100%;
    justify-content: center;
  }

  .watch-panel {
    padding: 26px 20px;
  }

  .watch-duo {
    gap: 14px;
  }

  .bento-grid {
    gap: 12px;
  }

  .bento-body {
    padding: 0 15px 16px;
  }

  .bento-body h3 {
    font-size: 0.94rem;
  }

  .bento-body p {
    font-size: 0.82rem;
  }

  .ambassador-carousel {
    --carousel-visible: 1;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-legal {
    justify-content: center;
    width: 100%;
  }

  .contact-grid,
  .founders-grid,
  .crew-grid {
    grid-template-columns: 1fr;
  }

  .founders-grid {
    width: 100%;
  }

  .faq-cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .faq-cta-actions .store-btn,
  .faq-cta-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .cta-copy {
    padding: 28px 22px 6px;
  }

  .cta-copy .store-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .marquee-track {
    animation: none;
  }

  [data-reveal] {
    opacity: 1;
    transform: none;
  }
}