@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/bricolage-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/bricolage-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
    --noir:#000000;
    --blanc:#FFFFFF;
    --gris:#9A9A9A;    --gris-fonce:#5E5E5E;    --ligne:#2A2A2A;
    --orange:#F46204;    --ambre:#FFB000;    --vert:#4BB327;    --bleu:#0034EE;    --violet:#5D16C9;    --accent:var(--orange);
    --police:'Bricolage Grotesque',system-ui,sans-serif;
    --maxw:1440px;
    --marge:clamp(18px,4vw,56px);
    --ease:cubic-bezier(.22,1,.36,1);
  }
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{
    font-family:var(--police);font-optical-sizing:auto;
    background:var(--noir);color:var(--blanc);
    font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
::selection{background:var(--accent);color:var(--noir)}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--marge)}
h1,h2,h3{font-family:var(--police);font-weight:800;letter-spacing:-0.035em;line-height:.9}
h3{font-size:1.35rem;letter-spacing:-0.02em;line-height:1.1}
p{text-wrap:pretty}
.etiquette{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.acc{color:var(--accent)}
.fit{display:block;white-space:nowrap;line-height:.86}
.fit>span{display:inline-block}
.btn{display:inline-flex;align-items:center;text-decoration:none;background:var(--blanc);color:var(--noir);
    border-radius:100px;padding:13px 24px;font-size:1rem;font-weight:600;line-height:1.2;transition:background-color .25s var(--ease)}
.btn:hover{background:var(--accent)}
.lien{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--accent)}
.lien:hover{text-decoration-color:currentColor}
header{position:fixed;top:0;left:0;right:0;z-index:80;mix-blend-mode:difference;pointer-events:none}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.nav>*{pointer-events:auto}
.brand{text-decoration:none;color:var(--blanc);font-weight:800;font-size:1.25rem;letter-spacing:-.04em}
.brand img{display:block;height:16px;width:auto}.nav .droite{display:flex;align-items:center;gap:22px}
.nav .droite a{color:var(--blanc);text-decoration:none;font-weight:500;font-size:.95rem}
.burger{display:inline-flex;align-items:center;background:var(--blanc);border:none;border-radius:100px;padding:9px 20px;font:inherit;font-size:.92rem;font-weight:600;color:var(--noir);cursor:pointer}
footer{padding:28px 0 44px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;font-size:.9rem;color:var(--gris)}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 24px}
.foot a{text-decoration:none;color:var(--gris);transition:color .2s}
.foot a:hover{color:var(--blanc)}
.lecteur{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:4px}
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{transition:none!important;animation:none!important}
    html{scroll-behavior:auto}
  }

.masque{display:block;position:relative;isolation:isolate;overflow:hidden}
.masque video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.masque .calque{display:block;position:relative;background:var(--noir);color:var(--blanc);mix-blend-mode:multiply;padding:0 var(--marge)}

.panneau-nav{position:fixed;inset:0;z-index:90;background:var(--noir);
  display:flex;flex-direction:column;justify-content:center;padding:var(--marge);
  transform:translateY(-100%);transition:transform .5s var(--ease);visibility:hidden}
.panneau-nav[data-ouvert="true"]{transform:none;visibility:visible}
.panneau-nav ul{list-style:none}
.panneau-nav a{display:block;text-decoration:none;font-weight:800;letter-spacing:-.04em;font-size:clamp(2.6rem,9vw,7rem);line-height:.98;transition:color .2s}
.panneau-nav a:hover{color:var(--accent)}
.panneau-nav .pied{margin-top:clamp(28px,5vw,56px);display:flex;flex-wrap:wrap;gap:10px 40px}
.panneau-nav .pied a{font-size:1.05rem;font-weight:500;letter-spacing:0;color:var(--gris)}
.fermer-nav{position:fixed;top:17px;right:var(--marge);z-index:91;display:none;
  background:var(--accent);border:none;border-radius:100px;padding:9px 20px;font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;color:var(--noir)}
.fermer-nav[data-ouvert="true"]{display:inline-flex}
body.nav-ouverte{overflow:hidden}
@media (max-width:700px){ .nav .droite a{display:none} }