/* ==========================================================================
   HOMEPAGE SPECIFIC LAYOUT & RESPONSIVE BREAKPOINTS
   ========================================================================== */
@media (min-width: 48em) {
  .chefs { grid-template-columns: repeat(2, 1fr); gap: var(--space-xl); }
  .duo__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 62em) {
  :root { --header-h: 6rem; }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}