@media (max-width: 1080px) {
  .site-header__youtube span { display: none; }
  .site-header__youtube { width: 2.8rem; padding-inline: 0; }
  .video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-hero__grid { grid-template-columns: minmax(280px, 0.75fr) minmax(0,1fr); gap: 2rem; }
}

@media (max-width: 860px) {
  .menu-toggle { display: grid; place-items: center; order: 2; }
  .site-header__youtube { order: 1; }
  .primary-nav { position: absolute; left: 1rem; right: 1rem; top: calc(100% + 0.5rem); display: grid; gap: 0; padding: 0.65rem; border: 1px solid rgb(223 178 70 / 0.25); border-radius: var(--radius-md); background: #0d0805; box-shadow: var(--shadow-soft); transform-origin: top; opacity: 0; visibility: hidden; transform: translateY(-8px) scaleY(0.98); transition: opacity 160ms ease, visibility 160ms ease, transform 160ms ease; }
  .primary-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0) scaleY(1); }
  .primary-nav a { padding: 0.85rem 0.8rem; border-radius: 0.45rem; }
  .primary-nav a::after { display: none; }
  .primary-nav a:hover, .primary-nav a[aria-current="page"] { background: rgb(242 140 27 / 0.1); }
  .home-hero { min-height: auto; }
  .home-hero__grid, .story-preview, .about-story, .contact-layout { grid-template-columns: 1fr; }
  .home-hero__logo { max-width: 480px; margin-inline: auto; }
  .home-hero__copy { text-align: center; }
  .home-hero__copy .lede { margin-inline: auto; }
  .hero-actions, .hero-social-proof { justify-content: center; }
  .featured-video { grid-template-columns: 1fr; }
  .featured-video__media { min-height: auto; aspect-ratio: 16/9; }
  .pillars, .philosophy-grid { grid-template-columns: 1fr; }
  .story-preview__visual { min-height: 380px; order: -1; }
  .about-card { position: static; }
  .maker-callout { grid-template-columns: 1fr; }
  .site-footer__grid { grid-template-columns: 1fr 1fr; }
  .site-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  .container { width: min(calc(100% - 1.2rem), var(--container)); }
  .site-header__inner { min-height: 4.7rem; }
  .site-brand img { width: 3.4rem; height: 3.4rem; }
  .home-hero__logo { max-width: 360px; }
  .site-brand__text { display: none; }
  .site-header__youtube { display: none; }
  .menu-toggle { margin-left: auto; }
  .section-header { align-items: start; flex-direction: column; }
  .video-grid { grid-template-columns: 1fr; }
  .search-row { grid-template-columns: 1fr; }
  .library-controls { top: 5.2rem; }
  .library-meta { align-items: start; flex-direction: column; }
  .form-grid { grid-template-columns: 1fr; }
  .form-field--full { grid-column: auto; }
  .site-footer__grid { grid-template-columns: 1fr; gap: 2rem; }
  .site-footer__brand { grid-column: auto; grid-template-columns: 5rem 1fr; }
  .site-footer__bottom { flex-direction: column; }
  .timeline__item { grid-template-columns: 1fr; gap: 0.35rem; }
  .featured-video__content { padding: 1.5rem; }
  .video-dialog__content { padding: 1rem; }
}
