/* Socle : reset, typographie, boutons, focus, utilitaires. Direction Kaz Lumière. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--od-fond);color:var(--od-prune);font:400 var(--od-base)/1.6 var(--od-corps);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--od-magenta);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--od-titre);font-weight:600;line-height:1.02;letter-spacing:-.015em;margin:0;font-variation-settings:"opsz" 144,"SOFT" 60}
p{margin:0}
.wrap{width:min(1240px,92vw);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--od-prune);color:#fff;padding:.6rem 1rem;border-radius:8px;z-index:200}
.skip:focus{left:8px}
.tag{position:fixed;right:12px;bottom:84px;z-index:90;background:var(--od-prune);color:#fff;font-size:.8rem;padding:.35rem .8rem;border-radius:999px;opacity:.9}
@media(min-width:900px){.tag{bottom:12px}}

/* boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--od-cible);padding:.8rem 1.6rem;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit;font-size:1.05rem;line-height:1.2;transition:transform .15s ease,background .15s ease}
.btn:active{transform:scale(.98)}
.btn-p{background:var(--od-magenta);color:#fff}.btn-p:hover{background:var(--od-magenta-fonce)}
.btn-s{background:transparent;color:var(--od-prune);border-color:var(--od-prune)}.btn-s:hover{background:#fff}
.btn-w{background:#fff;color:var(--od-vert);border-color:var(--od-vert)}.btn-w:hover{background:var(--od-vert-fond)}
.btn-b{background:#fff;color:var(--od-magenta)}.btn-b:hover{background:var(--od-rose)}