@font-face{font-family:'DINCond';src:url('fonts/DINCondensedBold.woff2') format('woff2'),url('fonts/DINCondensedBold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'MonVar';src:url('fonts/Montserrat-Variable.woff2') format('woff2-variations'),url('fonts/Montserrat-Variable.ttf') format('truetype-variations');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --noir:#050505;--panel:#0F0F0F;--panel-2:#161616;--blanc:#F5F3EE;--gris:#96938A;
  --magenta:#E8A93B;--cyan:#F5F3EE;--ambre:#C9891F;--ligne:rgba(245,243,238,.13);
}
/* Pas d'overflow-x:hidden sur html : ca ferait de la racine un conteneur de
   defilement (scroll saccade sur iOS Safari, ancrage de scroll casse).
   La cause reelle du debordement est clippee a la source, sur .hero. */
*{margin:0;padding:0;box-sizing:border-box}
/* Pas de border-radius ici : il s'appliquait a l'element focalise, pas a l'anneau.
   Une carte du carrousel arrondie a 20px se carrait donc d'un coup en prenant le
   focus, entouree d'un cadre ambre. L'outline suit deja l'arrondi propre a chaque
   element dans les navigateurs modernes. */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--magenta);outline-offset:2px;
}
/* Supprime le voile colore que les navigateurs mobiles posent au toucher. */
a,button,input,textarea,select,[role="tab"]{-webkit-tap-highlight-color:transparent}
::selection{background:var(--magenta);color:var(--noir)}
.glow{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(900px 500px at 50% -10%, rgba(232,169,59,.06), transparent 60%);
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hp-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link{
  position:absolute;left:8px;top:-48px;z-index:1000;
  background:var(--panel);color:var(--blanc);padding:10px 18px;border-radius:6px;
  font-family:'MonVar';font-variation-settings:'wght' 600;font-size:14px;text-decoration:none;
  border:1px solid var(--magenta);transition:top .2s;
}
.skip-link:focus{top:8px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
}