/* Charte HISAB. — ajustements de mise en page propres à la nouvelle identité.
   Motif : l'oblique du « A » (barre inclinée, angle arrondi), en bleu clair. */

/* Titres en Aeonik / Inter Tight, gras et serrés */
.hero h1,.page-hero h1{letter-spacing:-.025em;font-weight:700}
.hero h1 em{font-style:normal;color:var(--gold-soft)}
.section--navy h2,.section--navy h3,.hx-band h2{color:var(--on-navy)}

/* Bandeaux bleus : languette oblique en haut, comme la couverture de la charte */
.hero,.page-hero{background:var(--navy)}
.hero::before,.page-hero::before{content:"";position:absolute;top:0;inset-inline-start:max(24px,calc(50% - 600px));width:clamp(44px,5vw,72px);height:clamp(40px,5.5vw,64px);background:var(--gold);border-radius:0 0 0 22px;transform:skewX(20deg);transform-origin:top;z-index:1;pointer-events:none}
[dir=rtl] .hero::before,[dir=rtl] .page-hero::before{transform:skewX(-20deg);border-radius:0 0 22px 0}
.page-hero::after{height:0;width:0}
.page-hero{overflow:hidden}
.hero::after,.page-hero .wrap::after{content:none}
/* Grand pan oblique, discret, côté droit des bandeaux */
.page-hero{background:linear-gradient(110deg,var(--navy) 0 62%,var(--navy-700) 62% 100%)}
[dir=rtl] .page-hero{background:linear-gradient(-110deg,var(--navy) 0 62%,var(--navy-700) 62% 100%)}

/* Sur-titres : petit parallélogramme au lieu du filet */
.eyebrow::before{width:12px;height:12px;background:var(--gold);transform:skewX(-20deg);border-radius:0 0 0 4px}
[dir=rtl] .eyebrow::before{transform:skewX(20deg);border-radius:0 0 4px 0}

/* Boutons */
.hx-btn{border-radius:999px;font-weight:600}
.hx-btn--accent{background:#FFFFFF;color:#2354A0}
.hx-btn--accent:hover{background:var(--gold-soft);color:#16233F}
.section:not(.section--navy) .hx-btn--accent,.contact-form .hx-btn--accent,form .hx-btn--accent{background:var(--navy);color:#FFFFFF}
.section:not(.section--navy) .hx-btn--accent:hover,form .hx-btn--accent:hover{background:var(--navy-700)}
.hx-band .hx-btn--accent,.section .hx-band .hx-btn--accent{background:#FFFFFF;color:#2354A0}
.section .hx-band .hx-btn--accent:hover{background:var(--gold-soft);color:#16233F}
.hx-btn--outline{border-color:var(--navy);color:var(--navy)}
.hx-btn--ghost-inverse{border-color:rgba(255,255,255,.6)}
.menu-btn{border-radius:999px}
.hx-link{border-bottom-width:2px}

/* Bandeau d'appel : coin oblique bleu clair */
.hx-band{border-radius:var(--radius-md)}
.hx-band::after{left:auto;inset-inline-end:48px;top:0;width:56px;height:40px;background:var(--gold);transform:skewX(20deg);border-radius:0 0 0 16px}

/* Cartes et surfaces */
.hx-card,.profile,.plan,.aside-card,.callout,.mission__res,.form-status{border-radius:var(--radius-md)}
.section--sunken{background:var(--surface-sunken)}
.ledger{border-radius:var(--radius-md);transform:rotate(-1deg)}
.ledger__head strong{color:#2354A0}
.member__mono{border-radius:var(--radius-md)}
.member__mono::after{content:none}

/* Pied de page */
.site-footer{border-top:0;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;top:0;inset-inline-end:8%;width:64px;height:56px;background:var(--gold);transform:skewX(20deg);border-radius:0 0 0 20px}
[dir=rtl] .site-footer::before{transform:skewX(-20deg);border-radius:0 0 20px 0}

/* Navigation */
.nav__link[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--gold)}
.topbar{background:var(--navy-900)}
:root[data-theme="dark"] .topbar{background:#0A1226}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .topbar{background:#0A1226}}

/* Pied de page : cinq colonnes sur grand écran */
@media (min-width:1101px){.footer-grid{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:32px}}
/* Menu mobile : bouton de contact lisible et centré */
.mobile-nav a.hx-btn{display:flex;justify-content:center;color:#FFFFFF;border-bottom:0;padding:12px 22px}

/* ===== Slider de la page d'accueil ===== */
.hero .hs__stage{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-block:88px 24px}
.hs__slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:center;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.hs__slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}
.hs__title{font-size:clamp(40px,5.4vw,66px);line-height:1.03;letter-spacing:-.025em;color:var(--on-navy)}
.hs__title em{font-style:normal;color:var(--gold-soft)}
.hs__slide .hs__text>*{transform:translateY(18px);opacity:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s ease}
.hs__slide.is-active .hs__text>*{transform:none;opacity:1}
.hs__slide.is-active .hs__text>:nth-child(2){transition-delay:.08s}
.hs__slide.is-active .hs__text>:nth-child(3){transition-delay:.16s}
.hs__slide.is-active .hs__text>:nth-child(4){transition-delay:.24s}
.hs__art{transform:translateX(28px) scale(.98);opacity:0;transition:transform .9s cubic-bezier(.22,1,.36,1) .1s,opacity .7s ease .1s}
[dir=rtl] .hs__art{transform:translateX(-28px) scale(.98)}
.hs__slide.is-active .hs__art{transform:none;opacity:1}
.hs-visual{position:relative}
.hs-visual .hero-fig{background:var(--navy-900);border-radius:var(--radius-md)}
.hs-chip{position:absolute;inset-inline-start:-24px;bottom:-22px;display:flex;align-items:center;gap:12px;background:#FFFFFF;color:#16233F;border-radius:var(--radius-md);padding:14px 18px;box-shadow:0 18px 40px rgba(10,26,61,.28);max-width:290px;font-size:13px;line-height:18px}
.hs-chip b{font:700 30px/1 var(--font-display);color:#2354A0;letter-spacing:-.02em;flex:none}
.hs-chip::before{content:"";position:absolute;top:-10px;inset-inline-end:22px;width:22px;height:20px;background:var(--gold);transform:skewX(20deg);border-radius:0 0 0 7px}

/* Barre de navigation : onglets avec progression */
.hero .hs__bar{width:100%;position:relative;z-index:2;display:flex;grid-template-columns:none;align-items:flex-end;gap:24px;padding-block:28px 8px}
.hs__tabs{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hs__tab{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:baseline;background:none;border:0;padding:0;color:var(--on-navy-muted);text-align:start;cursor:pointer;font:500 14px/20px var(--font-sans)}
.hs__tab:hover,.hs__tab[aria-selected="true"]{color:#FFFFFF}
.hs__num{font:700 12px/20px var(--font-display);color:var(--gold-soft)}
.hs__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs__track{grid-column:1/-1;height:3px;background:rgba(255,255,255,.22);border-radius:3px;overflow:hidden;margin-top:6px}
.hs__fill{display:block;height:100%;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
[dir=rtl] .hs__fill{transform-origin:right}
.hs__tab[aria-selected="true"] .hs__fill{transform:scaleX(1)}
.hs--running .hs__tab[aria-selected="true"] .hs__fill{animation:hs-fill linear forwards}
@keyframes hs-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hs__ctrl{display:flex;gap:8px;flex:none}
.hs__btn{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:transparent;color:#FFFFFF;font:600 14px/1 var(--font-sans);cursor:pointer;display:grid;place-items:center}
.hs__btn:hover{background:rgba(255,255,255,.12);border-color:#FFFFFF}
.hs__btn:focus-visible,.hs__tab:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}
[dir=rtl] .hs__btn:not([aria-pressed]){transform:scaleX(-1)}
.hs .hero__sky{margin-top:clamp(-70px,-4vw,-20px)}

@media (max-width:1100px){
  .hs__slide{grid-template-columns:1fr;gap:40px;align-content:start}
  .hs__art{max-width:520px}
}
@media (max-width:720px){
  .hero .hs__stage{padding-block:56px 16px}
  .hs__tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .hs__label,.hs__num{display:none}
  .hero .hs__bar{gap:12px;align-items:center}
  .hs__btn{width:38px;height:38px}
  .hs__art{display:none}
  .hs__slide{gap:0}
}
@media (prefers-reduced-motion:reduce){
  .hs__slide,.hs__slide .hs__text>*,.hs__art{transition:none}
}