/* ============================================================
   VHYNX — Agence digitale créative · Marrakech
   Direction : Prestige Chrome (noir profond / blanc / chrome)
   FICHIER : responsive.css
   ============================================================ */

/* Règles responsives globales.
   Rappel des points de rupture : 480 · 768 · 1024 · 1280 · 1536.
   Les ajustements par composant restent co-localisés (mobile-first). */

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation:none!important;transition:none!important;}
  .js .reveal,.js .line{opacity:1!important;transform:none!important;}
  .hero__video,.media__el{opacity:1!important;}
}