/* ══════════════════════════════════════════════════════════════════════════
   ATHENORA — socle commun à toutes les pages
   Jetons, base, fonds (halos, grain), chouette, bandes, système typographique,
   bandeau d'entête, en-tête, pied de page, bouton.
   Le propre de chaque page est dans accueil.css, vision.css, expertises.css,
   cercles.css, associes.css — chargé après ce fichier.
   Système : Butler / Poppins, réserve / plein ; le relief vient de la composition
   et de l'échelle, pas des effets. Un seul « moment » typographique par section.
   ══════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Butler";src:url("../fonts/butler-800.woff2") format("woff2"),url("../fonts/butler-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-300.woff2") format("woff2"),url("../fonts/poppins-300.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-400.woff2") format("woff2"),url("../fonts/poppins-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-500.woff2") format("woff2"),url("../fonts/poppins-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}

:root{
  --nuit:#05082E; --ciel:#DEECF7; --or:#CDB666; --bleu:#3065AF; --blanc:#FFFFFF;
  --ease:cubic-bezier(.16,1,.3,1);
  --serif:Butler,Georgia,serif;
  --wide:min(1120px,84vw);
  --say:clamp(25px,2.3vw,34px);     /* phrase en Butler */
  --xl:clamp(34px,3.4vw,50px);      /* le « moment » de la section — un seul par section */
  --res:.54;                        /* réserve (≥ 3:1 sur ciel en texte large) */
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html{scroll-padding-top:140px}   /* les ancres ne passent pas sous l'en-tête fixe */
body{margin:0;background:var(--nuit);color:var(--ciel);font-family:"Poppins",system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--or)}
p,h1,h2,h3,figure{margin:0}
ul{margin:0;padding:0;list-style:none}

/* ══ Fonds : halos flous en dérive lente + grain fin (suspendus hors écran : .paused) ══ */
.halo{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform;pointer-events:none}
.halo-a{width:62vw;height:62vw;left:-14vw;top:-20vw;background:radial-gradient(circle,rgba(48,101,175,.34) 0%,rgba(48,101,175,0) 65%);animation:halo-a 26s ease-in-out infinite alternate}
.halo-b{width:54vw;height:54vw;right:-16vw;bottom:-18vw;background:radial-gradient(circle,rgba(222,236,247,.11) 0%,rgba(222,236,247,0) 65%);animation:halo-b 34s ease-in-out infinite alternate}
.halo-c{width:36vw;height:36vw;left:54%;top:6%;background:radial-gradient(circle,rgba(205,182,102,.09) 0%,rgba(205,182,102,0) 60%);animation:halo-c 40s ease-in-out infinite alternate}
.halo-d{width:70vw;height:70vw;right:-22vw;bottom:-30vw;background:radial-gradient(circle,rgba(48,101,175,.26) 0%,rgba(48,101,175,0) 62%);animation:halo-d 36s ease-in-out infinite alternate}
@keyframes halo-a{from{transform:translate(0,0) scale(1)}to{transform:translate(9vw,6vh) scale(1.15)}}
@keyframes halo-b{from{transform:translate(0,0) scale(1)}to{transform:translate(-8vw,-7vh) scale(1.12)}}
@keyframes halo-c{from{transform:translate(0,0) scale(1)}to{transform:translate(-6vw,9vh) scale(1.2)}}
@keyframes halo-d{from{transform:translate(0,0) scale(1)}to{transform:translate(-10vw,-8vh) scale(1.12)}}
.halo-e1{width:82vw;height:82vw;left:-26vw;top:-16vw;background:radial-gradient(circle,rgba(48,101,175,.44) 0%,rgba(48,101,175,0) 62%);animation:halo-e1 11s ease-in-out infinite alternate}
.halo-e2{width:74vw;height:74vw;right:-26vw;top:6%;background:radial-gradient(circle,rgba(48,101,175,.36) 0%,rgba(48,101,175,0) 62%);animation:halo-e2 14s ease-in-out infinite alternate}
.halo-e3{width:66vw;height:66vw;left:22%;bottom:-30vw;background:radial-gradient(circle,rgba(48,101,175,.40) 0%,rgba(48,101,175,0) 62%);animation:halo-e3 9s ease-in-out infinite alternate}
@keyframes halo-e1{from{transform:translate(0,0) scale(1)}to{transform:translate(38vw,30vh) scale(1.35)}}
@keyframes halo-e2{from{transform:translate(0,0) scale(1.2)}to{transform:translate(-44vw,-26vh) scale(.85)}}
@keyframes halo-e3{from{transform:translate(0,0) scale(1)}to{transform:translate(-30vw,-42vh) scale(1.4)}}
.paused .halo{animation-play-state:paused}
.grain{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ══ La chouette en puce : au repos, les cinq tracés du logo sont ramassés en un point ◉ ; au survol, elle se déploie ══ */
.sym{display:block;overflow:visible}
.sym use{fill:currentColor;stroke:currentColor;stroke-width:5;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;transition:transform .85s var(--ease),stroke-width .85s}
.pt .fd{transform:translate(19.97px,-32.31px) scale(1.12);stroke-width:6}
.pt .fe{transform:translate(164.04px,-32.31px) scale(1.12);stroke-width:6}
.pt .fc{transform:translate(92.01px,-64.44px) scale(.44,.18);stroke-width:16}
.pt .fa{transform:translate(164.05px,53.82px) scale(.07)}
.pt .fb{transform:translate(19.98px,53.83px) scale(.07)}

/* chouette pilotable (v1) : --k 0 = point ◉, 1 = chouette ; yeux, puis bec, puis sourcils */
.ptc{--k:var(--p,0);
  --k1:clamp(0, var(--k) * 1.6, 1);
  --k2:clamp(0, (var(--k) - .18) * 1.6, 1);
  --k3:clamp(0, (var(--k) - .36) * 1.6, 1)}
.ptc use{fill:currentColor;stroke:currentColor;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;transition:transform .3s linear,stroke-width .3s linear}
.ptc .fd{transform:translate(calc(-72.03px * (1 - var(--k1))),calc(-32.31px * (1 - var(--k1)))) scale(calc(1.12 - .12 * var(--k1)));stroke-width:calc(6px - 1px * var(--k1))}
.ptc .fe{transform:translate(calc(72.04px * (1 - var(--k1))),calc(-32.31px * (1 - var(--k1)))) scale(calc(1.12 - .12 * var(--k1)));stroke-width:calc(6px - 1px * var(--k1))}
.ptc .fc{transform:translate(0px,calc(-64.44px * (1 - var(--k2)))) scale(calc(.44 + .56 * var(--k2)),calc(.18 + .82 * var(--k2)));stroke-width:calc(16px - 11px * var(--k2))}
.ptc .fa{transform:translate(calc(72.05px * (1 - var(--k3))),calc(53.82px * (1 - var(--k3)))) scale(calc(.07 + .93 * var(--k3)));stroke-width:5px}
.ptc .fb{transform:translate(calc(-72.02px * (1 - var(--k3))),calc(53.83px * (1 - var(--k3)))) scale(calc(.07 + .93 * var(--k3)));stroke-width:5px}

/* ══ Bandes ══ */
.band{position:relative;overflow:hidden;display:flex;justify-content:center}
.band[data-bg=ciel]{background:var(--ciel);color:var(--nuit)}
.band[data-bg=nuit]{background:var(--nuit);color:var(--ciel)}
.band[data-bg=bleu]{background:var(--bleu);color:var(--blanc)}
.inner{position:relative;z-index:2;width:var(--wide);padding:120px 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.veil{position:absolute;inset:0;pointer-events:none}
[data-bg=nuit]{--ink:var(--blanc);--body:rgba(222,236,247,.86);--acc:var(--or);--line:rgba(222,236,247,.16)}
[data-bg=ciel]{--ink:var(--nuit);--body:rgba(5,8,46,.84);--acc:var(--bleu);--line:rgba(5,8,46,.18)}
[data-bg=bleu]{--ink:var(--blanc);--body:rgba(255,255,255,.94);--acc:var(--blanc);--line:rgba(255,255,255,.4)}

/* ══ Le système ══ */
.mark{display:block;width:40px;height:1px;background:var(--acc)}
.h2{font-family:var(--serif);font-weight:800;font-size:clamp(40px,4vw,60px);line-height:1.2;color:var(--ink);margin-top:30px;text-wrap:balance}
.h2:first-child{margin-top:0}   /* titre en tête de bande : même espace au-dessus qu'en bas de la bande */
.say{display:flex;flex-direction:column;gap:.16em;font-family:var(--serif);font-weight:800;font-size:var(--say);line-height:1.3;color:var(--ink);max-width:22em;text-wrap:balance}
.say.xl{font-size:var(--xl);line-height:1.16;gap:.1em;max-width:17em}
.say>span{display:block}
.neg{opacity:var(--res)}
.txt{font-size:18px;line-height:1.75;color:var(--body);max-width:34em;text-wrap:pretty}
.left{text-align:left;align-items:flex-start}
.left .say,.left .txt{margin-left:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,112px);width:100%;text-align:left}
.split .say,.split .txt{max-width:none}
.split.centre{align-items:center} .split.bas{align-items:end}
.colonne{display:flex;flex-direction:column}
.s1{margin-top:32px} .s2{margin-top:56px} .s3{margin-top:96px}

/* ══ Bandeau d'entête + fondu ══ */
#top{min-height:clamp(560px,74vh,780px);align-items:center}
#top .inner{padding:150px 0 120px}
#top .bg{object-position:50% 80%}
/* titrage de l'accueil v23 : sur-titre, filet or, titre */
.kick{font-size:15px;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--or);text-shadow:0 1px 24px rgba(5,8,46,.9)}
.hline{display:block;width:260px;height:1px;background:rgba(205,182,102,.6);margin:34px 0}
.h1{font-family:var(--serif);font-weight:800;font-size:clamp(34px,4vw,58px);line-height:1.3;letter-spacing:.03em;color:var(--ciel);text-wrap:balance}
.owl-hero{position:absolute;left:50%;top:calc(50% + 34px);height:min(78vh,700px);width:auto;aspect-ratio:339.16/329.23;transform:translate(-50%,-50%);color:var(--ciel);opacity:.07;z-index:1;pointer-events:none}
/* transition « Horizon et liseré » (variante H de la planche, retenue le 05/10) : la courbure et
   la position de D — sommet 60 px dans le hero, ellipse de 120 % × 320 px — bordée du liseré serré
   de G (ciel → bleu clair → bleu de charte → nuit). Le dégradé dessine lui-même la calotte ciel
   au bas du hero ; la bande suivante commence en ciel plein, sans couture. */
.horizon{position:absolute;left:0;right:0;bottom:-1px;height:78px;z-index:2;pointer-events:none;
  background:radial-gradient(120% 337px at 50% 338px,#DEECF7 0 95%,#B9D2EC 95.9%,#3065AF 97.2%,rgba(48,101,175,.35) 98.6%,rgba(48,101,175,.1) 99.5%,rgba(5,8,46,0) 100%)}

/* ══ Utilitaires ══ */
:focus-visible{outline:2px solid var(--acc,var(--or));outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.nw{white-space:nowrap}
a:not([href]){cursor:default}
/* calque décoratif d'une bande : halos et grain, rognés à la bande */
.decor{position:absolute;inset:0;overflow:hidden}

/* ══ Fin de page : dernière bande, qui porte aussi le pied de page ══ */
.fin{flex-direction:column;align-items:center}
.fin .inner{padding-bottom:100px}
/* la chouette en filigrane, derrière la fin de page */
.filigrane{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);height:min(64vh,600px);width:auto;opacity:.035;pointer-events:none}

/* ══ Intro des pages internes : filet, 1re phrase en Butler (.say.ouverture), 2e en Poppins (.enum) ══ */
.say.ouverture{max-width:26em}
.enum{font-size:clamp(18px,1.55vw,21px);line-height:1.7;color:var(--ink);max-width:34em;text-wrap:pretty}
.intro .mark + *{margin-top:30px}
.intro .enum{display:block}
.intro-bloc{display:flex;flex-direction:column;align-items:center}

/* relief des textes longs : le chapô, un cran au-dessus du texte courant, en couleur pleine */
.txt.chapo{font-size:clamp(18px,1.55vw,21px);line-height:1.55;color:var(--ink)}

/* bandeau : l'image en parallaxe, plus haute que le bandeau, glisse plus lentement que le texte */
#top .bg.plx{top:-22%;height:122%;will-change:transform}

/* ══ En-tête ══ */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:26px 48px 18px;
  background:linear-gradient(180deg,rgba(5,8,46,.72) 0%,rgba(5,8,46,0) 100%);border-bottom:1px solid transparent;transition:background .45s var(--ease)}
.site-header.is-scrolled{background:rgba(5,8,46,.94);backdrop-filter:blur(6px);border-bottom-color:rgba(222,236,247,.14)}
.site-lang{font-size:12px;font-weight:400;letter-spacing:.16em;padding-top:16px;color:rgba(222,236,247,.75)}
.lang b{font-weight:500;color:var(--blanc)}
.lang-sep{color:rgba(222,236,247,.4);padding:0 .5em}
.site-brand{display:flex;flex-direction:column;align-items:center;gap:16px}
/* le logo : la chouette au recto, le mot au verso ; il bascule quand on a quitté le haut de page */
.site-logo{display:block;perspective:600px}
.logo-flip{display:block;position:relative;height:38px;width:130px;transform-style:preserve-3d;transform:rotateX(0deg);transition:transform .8s var(--ease)}
.logo-flip img{position:absolute;left:50%;width:auto;display:block;backface-visibility:hidden}
.logo-flip .recto{top:-14px;height:60px;transform:translateX(-50%)}
.logo-flip .verso{top:0;height:38px;transform:translateX(-50%) rotateX(180deg)}
.is-flipped .logo-flip{transform:rotateX(180deg)}
/* menu : double étiquette — au survol, le libellé monte et laisse place à son double or en italique */
.nav{display:flex;gap:34px;font-size:14px;font-weight:400;letter-spacing:.08em;color:rgba(222,236,247,.88)}
.nav-link{padding-bottom:7px;border-bottom:1px solid transparent;transition:color .35s,border-color .35s,letter-spacing .35s}
.nav-link[aria-current]{color:var(--or);border-bottom-color:var(--or)}
.nav-clip{display:block;overflow:hidden}
.nav-stack{display:block;position:relative;transition:transform .45s var(--ease)}
.nav-stack::after{content:attr(data-label);display:block;position:absolute;top:100%;left:0;width:100%;color:var(--or);font-style:italic}
.nav-link:hover .nav-stack{transform:translateY(-100%)}
.site-contact{justify-self:end;padding-top:16px;font-size:12px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:rgba(222,236,247,.88);transition:color .35s}
.site-contact:hover,.site-contact[aria-current]{color:var(--or)}
.nav-extra,.burger{display:none}

/* ══ Pied de page — posé dans la dernière bande de chaque page ══ */
.site-footer{position:relative;z-index:2;align-self:stretch;display:flex;align-items:center;gap:38px;flex-wrap:wrap;margin:0 48px;padding:30px 0 34px;
  border-top:1px solid rgba(222,236,247,.2);font-size:13px;font-weight:400;letter-spacing:.08em;color:rgba(222,236,247,.62)}
.site-footer img{height:28px;width:auto;opacity:.9;display:block}
.site-footer .lang{margin-left:auto}

/* ══ Bouton : la plaquette entre deux filets. Couleurs prises sur la bande ([data-bg]) ; survol or (état actif de la charte) ══ */
[data-bg=nuit]{--cta-line:rgba(205,182,102,.55)}
[data-bg=ciel]{--cta-line:rgba(5,8,46,.4)}
[data-bg=bleu]{--cta-line:rgba(255,255,255,.55)}
.cta{display:inline-block}
.cta-plaq{box-sizing:border-box;display:inline-flex;align-items:center;gap:16px;padding:15px 28px;border:1px solid var(--cta-line);font-size:14px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:transparent;transition:background .45s var(--ease),color .45s,border-color .45s}
.cta-filet{width:30px;height:1px;background:var(--acc);display:block;flex:none;transition:background .45s}
.cta:hover .cta-plaq,.cta:focus-visible .cta-plaq{background:var(--or);border-color:var(--or);color:var(--nuit)}
.cta:hover .cta-filet,.cta:focus-visible .cta-filet{background:var(--nuit)}
.ctas{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}

/* ══ Dépliant : « Voir les membres » (Cercles), « Voir nos interventions » (Expertises) — filets haut et bas,
   libellé 13 px espacé, signe + ; la liste est masquée par défaut et s'ouvre au clic (site.js) ══ */
.mb{width:100%;margin-top:72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}
.mb h3{margin:0;font:inherit}
.mb button{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--acc)}
.mb button:focus-visible{outline:2px solid var(--acc);outline-offset:4px}
.mb .plus{position:relative;width:15px;height:15px;flex:none}
.mb .plus::before,.mb .plus::after{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:currentColor;transition:transform .5s var(--ease)}
.mb .plus::after{transform:rotate(90deg)}
.mb button[aria-expanded=true] .plus::after{transform:rotate(0)}
.mb-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.mb-body>div{overflow:hidden;visibility:hidden;transition:visibility 0s .6s}
.mb.ouvert .mb-body{grid-template-rows:1fr}
.mb.ouvert .mb-body>div{visibility:visible;transition-delay:0s}

/* ══ Mouvement réduit, contrastes forcés, impression ══ */
@media (prefers-reduced-motion:reduce){
  .halo{animation:none}
  .logo-flip{transition:none!important}
  .sym use,.ptc use{transition:none!important}
  .mb-body,.mb .plus::before,.mb .plus::after{transition:none!important}
}
@media (forced-colors:active){.mb .plus::before,.mb .plus::after{background:CanvasText}}
@media print{
  .site-header{position:static!important}
  .site-header,.site-header a,.site-footer{color:#05082E!important}
  .site-header img,.site-footer img{filter:invert(1)}
  .burger,.bg,.veil,.halo,.grain,.horizon,.owl-hero,canvas{display:none}
  .band{background:#fff!important;--ink:#05082E;--body:#05082E;--acc:#3065AF;--line:rgba(5,8,46,.2);color:#05082E}
  .kick{color:#3065AF;text-shadow:none}
  .h1{color:#05082E}
  [data-scrub]{--p:1!important}
  [data-rvl],[data-mask]{opacity:1!important;translate:none!important}
  .mb-body{grid-template-rows:1fr!important}.mb-body,.mb-body>div{transition:none!important;visibility:visible!important}
}

/* ══════════════════════════════════════════════════════════════════════════
   ÉCRANS ÉTROITS — à partir de 1024 px de large, rien de ce qui suit ne s'applique :
   la mise en page validée reste telle quelle.
   Paliers : 1023 (menu en panneau), 960 (colonnes empilées), 767 (téléphone), 479.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── < 1024 px : en-tête compact, menu en panneau plein écran ── */
@media (max-width:1023px){
  html{scroll-padding-top:96px}
  html.menu-ouvert{overflow:hidden}
  .site-header{align-items:center;padding:20px 20px 12px}
  /* pas de filtre ici : il ferait de l'en-tête le bloc conteneur du panneau, qui ne couvrirait plus l'écran */
  .site-header.is-scrolled{background:rgba(5,8,46,.96);backdrop-filter:none}
  .site-lang{padding-top:0}
  .menu-ouvert .site-lang{visibility:hidden}
  .site-contact{display:none}
  .burger{display:block;justify-self:end;position:relative;width:44px;height:44px;margin-right:-10px;padding:0;border:0;background:none;color:var(--ciel);cursor:pointer}
  .burger span{position:absolute;left:10px;right:10px;top:50%;height:1px;background:currentColor;transition:transform .45s var(--ease)}
  .burger span:first-child{transform:translateY(-4px)}
  .burger span:last-child{transform:translateY(4px)}
  .menu-ouvert .burger span:first-child{transform:rotate(45deg)}
  .menu-ouvert .burger span:last-child{transform:rotate(-45deg)}
  /* le panneau : sous le logo et le bouton (z-index négatif dans l'en-tête), au-dessus de la page */
  .nav{position:fixed;inset:0;z-index:-1;flex-direction:column;align-items:stretch;justify-content:safe center;gap:0;box-sizing:border-box;
    padding:104px 9vw 44px;overflow-y:auto;background:var(--nuit);font-size:inherit;letter-spacing:0;color:var(--ciel);
    visibility:hidden;opacity:0;transition:opacity .4s var(--ease),visibility 0s .4s}
  .menu-ouvert .nav{visibility:visible;opacity:1;transition-delay:0s}
  .nav-link{padding:9px 0;border-bottom:0;font-family:var(--serif);font-weight:800;font-size:clamp(28px,7.4vw,40px);line-height:1.2;
    opacity:0;translate:0 14px;transition:opacity .5s var(--ease),translate .5s var(--ease),color .35s}
  .menu-ouvert .nav-link{opacity:1;translate:none}
  .menu-ouvert .nav-link:nth-child(2){transition-delay:.05s}
  .menu-ouvert .nav-link:nth-child(3){transition-delay:.1s}
  .menu-ouvert .nav-link:nth-child(4){transition-delay:.15s}
  .menu-ouvert .nav-link:nth-child(5){transition-delay:.2s}
  .menu-ouvert .nav-link:nth-child(6){transition-delay:.25s}
  .nav-clip{overflow:visible}
  .nav-stack::after{display:none}
  .nav-link:hover .nav-stack{transform:none}
  .nav-extra{display:flex;align-items:center;justify-content:space-between;margin-top:34px;padding-top:22px;border-top:1px solid rgba(222,236,247,.2);
    font-size:12px;font-weight:400;letter-spacing:.16em;color:rgba(222,236,247,.75)}
  .nav-contact{padding:12px 0;text-transform:uppercase;color:rgba(222,236,247,.88)}
  .nav-contact[aria-current]{color:var(--or)}
}
@media (max-width:1023px) and (prefers-reduced-motion:reduce){
  .nav,.nav-link,.burger span{transition:none!important}
}

/* ── < 961 px : les compositions en deux colonnes s'empilent, le texte d'abord ── */
@media (max-width:960px){
  .split{grid-template-columns:1fr!important;row-gap:56px;width:100%!important}
  .split>svg,.split>figure,.split>.flux,.split>.anneau{justify-self:center;order:2}
}

/* ── < 768 px : téléphone ── */
@media (max-width:767px){
  :root{
    --wide:88vw;
    --say:clamp(22px,6vw,26px);
    --xl:clamp(27px,7.4vw,36px);
  }
  .inner{padding:80px 0}
  .fin .inner{padding-bottom:72px}
  .h2{font-size:clamp(30px,8.4vw,40px);margin-top:24px}
  .txt{line-height:1.7}
  .s1{margin-top:26px} .s2{margin-top:44px} .s3{margin-top:68px}
  /* bandeau d'entête */
  #top{min-height:clamp(440px,66svh,600px)}
  #top .inner{padding:118px 0 92px}
  .kick{font-size:12px;letter-spacing:.3em;line-height:1.8}
  .hline{width:180px;margin:24px 0}
  .h1{font-size:clamp(30px,8.6vw,40px);line-height:1.22}
  .owl-hero{height:auto;width:min(118vw,520px)}
  .filigrane{height:auto;width:min(96vw,420px)}
  /* bouton : le libellé peut passer sur deux lignes */
  .cta{max-width:100%}
  .cta-plaq{gap:12px;padding:14px 18px;font-size:13px;letter-spacing:.12em;line-height:1.5;text-align:center}
  .cta-filet{width:18px}
  .ctas{flex-direction:column;align-items:center;gap:18px}
  /* pied de page */
  .site-footer{gap:6px 26px;margin:0 6vw;padding:24px 0 28px}
  .site-footer img{flex-basis:100%;object-fit:contain;object-position:left;margin-bottom:10px}
  .site-footer a{padding:9px 0}
  .mb{margin-top:56px}
  .mb button{padding:22px 0;letter-spacing:.24em}
}