/* ==========================================================================
   Fondations
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}

body{
  background:var(--papier);
  color:var(--encre);
  font-family:var(--texte);
  font-size:var(--t-corps);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.a-verrou{overflow:hidden}

img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
ul,ol{list-style:none}
::selection{background:var(--jaune);color:var(--encre)}

/* Titres : grotesque très gras, serré, en capitales */
h1,h2,h3,h4{font-family:var(--titre);font-weight:800;line-height:.92;
  letter-spacing:var(--ls-titre);text-transform:uppercase}
h1{font-size:var(--t-h1)}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3);line-height:1.05}
em{font-style:normal;color:var(--pop)}

.a-wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gouttiere)}
.a-wrap--etroit{max-width:1080px}
.a-section{padding-block:var(--sec)}

.a-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.a-skip:focus{position:fixed;top:14px;left:14px;z-index:9999;width:auto;height:auto;clip:auto;
  background:var(--encre);color:var(--papier);padding:12px 20px;font-size:12px;
  letter-spacing:var(--ls-mini);text-transform:uppercase}
:focus-visible{outline:var(--trait) solid var(--encre);outline-offset:3px}

/* Étiquette : petite capitale encadrée, pas de filet décoratif */
.a-label{display:inline-block;font-family:var(--texte);font-size:var(--t-mini);font-weight:700;
  letter-spacing:var(--ls-mini);text-transform:uppercase;color:var(--encre);
  border:var(--trait) solid var(--encre);padding:6px 12px;background:var(--pop)}
.a-label::before{display:none}

.a-lede{color:var(--encre);opacity:.72;max-width:var(--max-texte);font-size:clamp(15px,1.2vw,18px)}
.a-mesure{max-width:var(--max-texte)}

/* Octogone : motif signature, réutilisé partout */
.a-octo{clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}