/* Page « Notre histoire » (demande de Franck, 06/10) : texte de Franck, mis en forme dans le style des pages
   Découvrir (titre Inter léger + mot en Archivo incliné, texte Inter). Rien ne bouge. */
@font-face{font-family:'TRNR Inter';font-weight:300;src:url('/prime/assets/inter-normal-300-v5.woff2') format('woff2');font-display:swap}
@font-face{font-family:'TRNR Inter';font-weight:400;src:url('/prime/assets/inter-normal-400-v5.woff2') format('woff2');font-display:swap}
@font-face{font-family:'TRNR Inter';font-style:italic;font-weight:900;src:url('/site/maquettes/v02/inter-italic-900.woff2') format('woff2');font-display:swap}
@font-face{font-family:'TRNR Accent';font-weight:400;src:url('/prime/assets/archivo-black-v5.woff2') format('woff2');font-display:swap}
:root{--ink:#171c22;--paper:#f7f3ed;--gold:#c6a052;--muted:#adb4b9;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.65 'TRNR Inter',sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
a{color:inherit}
.histoire-header{display:flex;align-items:center;padding:28px max(24px,6vw)}
.histoire-header img{display:block;width:104px;height:auto}
.histoire{max-width:1160px;margin:0 auto;padding:72px max(24px,7%) 110px}
.histoire-kicker{margin:0 0 26px;font:700 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
h1,h2{font-weight:300;font-size:clamp(40px,5.6vw,76px);line-height:1.1;letter-spacing:-.035em;margin:0}
h1 em,h2 em{font-family:'TRNR Accent',sans-serif;display:block;font-style:normal;font-weight:400;white-space:nowrap;transform:skewX(-11deg) scaleX(.69);
 transform-origin:left center;line-height:1.1;letter-spacing:-.035em;font-size:1.22em}
.histoire-corps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,36ch);gap:7%;align-items:start;margin-top:64px}
/* Le duo de PRIME reste à l'écran pendant la lecture (immobile, comme les statues de l'accueil). */
.histoire-figure{position:sticky;top:8vh;margin:0;height:84vh;display:flex;justify-content:center}
.histoire-figure svg{display:block;height:100%;width:auto;max-width:100%;overflow:visible}
.programme-fin h2{font-size:clamp(34px,4.6vw,62px)} /* même taille que sur les pages Découvrir */
/* Titre : le mot fort dans la typographie de l'app (San Francisco noir italique, Typography.swift), en or
   (demande de Franck : pas l'Archivo incliné ici). Inter noir italique en secours hors Apple. */
.histoire h1 em{font-family:-apple-system,BlinkMacSystemFont,'TRNR Inter',sans-serif;font-weight:900;font-style:italic;
 transform:none;font-size:1.08em;letter-spacing:-.02em;line-height:1.05;color:var(--gold);padding-right:.08em}
.histoire-texte{font-size:20px;line-height:1.6}
.histoire-texte p{margin:0 0 1.15em}
.histoire-texte .histoire-fin{color:var(--paper)}
.histoire-texte p:not(.histoire-fin,.histoire-signature){color:#d5d9dd}
.histoire-texte p:not(.histoire-signature) b{font-weight:400;color:var(--gold)}
/* Tant que le script n'a pas découpé les mots, le texte attend éteint (évite un texte plein qui s'éteint d'un coup). */
html.lit-attente .histoire-texte p:not(.histoire-signature){opacity:.2}
.histoire-signature{margin:40px 0 0;padding-top:22px;border-top:1px solid #c6a05266;font-style:italic;color:var(--muted);font-size:16px}
.histoire-logo{display:inline-block;height:1.05em;width:auto;margin-left:.15em;vertical-align:-.16em}
.histoire-signature b{font-weight:400;font-style:normal;color:var(--paper)}
@media(max-width:650px){.histoire-header{padding:22px 24px}.histoire-header img{width:86px}
 .histoire{padding:40px 24px 72px}h1,h2{font-size:34px}
 .histoire-corps{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:28px}
 .histoire-figure{position:static;height:380px}.histoire-texte{font-size:17px}
.histoire-signature{margin-top:30px}}