/* Page « L'histoire d'Antoine » (FR / EN) */
.story-hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.story-hero .portrait{width:180px;height:180px;border-radius:50%;overflow:hidden;border:1px solid var(--line2)}
.story-hero .portrait img{width:100%;height:100%;object-fit:cover;display:block}
.story-meta{font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:18px}
.chapter{padding:56px 0;border-top:1px solid var(--line)}
.chapter .wrap{max-width:820px}
.chapter-n{font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin-bottom:14px}
.chapter h2,.section .chapter h2{font-size:clamp(1.7rem,3.6vw,2.6rem);max-width:none;margin-bottom:22px}
.chapter p{color:var(--muted);font-size:1.08rem;line-height:1.75;margin-bottom:16px}
.chapter p.big{color:var(--ink);font-size:clamp(1.2rem,2.2vw,1.5rem);line-height:1.45;font-weight:600;margin:26px 0}
.story-pull{padding:64px 0;border-top:1px solid var(--line);text-align:center}
.story-pull q{display:block;max-width:760px;margin:0 auto;font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:700;line-height:1.25;letter-spacing:-.02em}
.story-pull q::before,.story-pull q::after{color:var(--yellow)}
.credo{list-style:none;border-top:1px solid var(--line);margin-top:24px}
.credo li{display:flex;gap:22px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);font-size:1.12rem}
.credo .n{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--yellow);letter-spacing:.14em}
.story-end{padding:72px 0 96px;border-top:1px solid var(--line);text-align:center}
.story-end .after{font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.story-end q{display:block;max-width:780px;margin:0 auto 34px;font-size:clamp(1.3rem,2.8vw,1.9rem);line-height:1.35;font-weight:600}
.story-end .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.story-media{padding:20px 0 56px;display:flex;justify-content:center}
.story-media .vloop{width:min(360px,80vw)}
@media(max-width:620px){
  .story-hero{grid-template-columns:1fr}
  .story-hero .portrait{width:120px;height:120px;order:-1}
  .chapter{padding:40px 0}
  .credo li{gap:14px;font-size:1rem}
}