/* Review preview: isolated homepage shadows. Remove the home template link to revert. */
:root {
  --preview-shadow-card: 0 2px 5px rgba(40,21,47,.045), 0 10px 22px -7px rgba(88,38,84,.14), 0 22px 38px -18px rgba(167,2,68,.18);
  --preview-shadow-hover: 0 4px 8px rgba(40,21,47,.055), 0 16px 30px -9px rgba(88,38,84,.20), 0 28px 46px -20px rgba(167,2,68,.25);
  --preview-shadow-panel: 0 3px 8px -4px rgba(40,21,47,.09), 0 20px 40px -17px rgba(88,38,84,.20), 0 36px 64px -34px rgba(167,2,68,.18);
}





.hero-slide .hero-image { box-shadow: var(--preview-shadow-panel); }
.home-carousel-section .content-card,
.home-video-panel .video-poster,
.home-dossier-panel .dossier-card {
  box-shadow: var(--preview-shadow-card);
  transition: box-shadow .24s ease, transform .24s ease;
}
.home-carousel-panel { box-shadow: var(--preview-shadow-panel); }
.home-video-panel {
  box-shadow: 0 3px 8px -4px rgba(40,21,47,.18), 0 22px 42px -18px rgba(40,21,47,.30), 0 36px 64px -36px rgba(88,38,84,.25);
}
.carousel-track { padding: 14px 12px 32px; }
@media (hover:hover) and (pointer:fine) {
  .home-carousel-section .content-card:hover,
  .home-carousel-section .content-card:focus-within,
  .home-video-panel .video-poster:hover,
  .home-video-panel .video-poster:focus-visible,
  .home-dossier-panel .dossier-card:hover,
  .home-dossier-panel .dossier-card:focus-visible {
    box-shadow: var(--preview-shadow-hover);
    transform: translateY(-4px);
  }
}
@media (max-width:720px) {
  .hero-slide .hero-image { box-shadow: var(--preview-shadow-card); }
  .home-carousel-panel { box-shadow: 0 3px 8px -4px rgba(40,21,47,.10), 0 15px 28px -15px rgba(88,38,84,.20); }
  .carousel-track { padding: 12px 8px 26px; }
}