/* DinoChess — déclinaison de la typographie validée le 3 novembre 2026.
   Cette feuille termine la cascade sur toutes les pages existantes. */
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}
strong,b{font-weight:500}
/* Logo fourni, complet, sans découpe ni déformation. */
.site-header .brand{display:block;width:122px;flex:0 0 122px;line-height:0}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.header-inner{min-height:124px;padding-top:11px;padding-bottom:11px}
.site-nav a,.button,.menu-toggle,.footer-brand,.saving-status{font-weight:500}
.site-nav a{letter-spacing:.01em}
.footer-brand{letter-spacing:.065em}
/* Titres et sous-titres : mêmes familles, dessin plus fin et rythme plus ouvert. */
.hero h1,.about-hero h1,.videos-hero h1{font-size:50px;font-weight:400;line-height:1.31;letter-spacing:-.025em}
.hero h1{margin-bottom:25px}
.hero-subtitle,.about-hero p,.videos-hero p{font-size:21px;font-weight:400;line-height:1.7;letter-spacing:.005em}
.hero-subtitle{margin-bottom:28px}
.hero-subtitle strong{font-weight:500}
.hero .eyebrow{font-weight:400;letter-spacing:.2em}
.gold-rule{height:2px}
.benefit h2,.about-value h2{font-weight:400;line-height:1.55;letter-spacing:-.015em}
.benefit h2{font-size:21px}
.benefit-body{line-height:1.8}
.presentation h2{font-size:34px;font-weight:400;line-height:1.55;letter-spacing:-.02em}
.presentation h2 strong{font-weight:400}
.presentation-body,.read-more-content{font-size:18px;font-weight:400;line-height:1.9}
.presentation-body strong,.read-more-content strong{font-weight:500}
.read-more summary,.read-less{font-weight:500}
.about-story h2{font-size:34px;font-weight:400;line-height:1.5}
.about-story-text>p:not(.eyebrow),.about-biography{font-weight:400;line-height:1.9}
.about-story-text strong{font-weight:500}
.about-quote blockquote p{font-size:23px;font-weight:400;line-height:1.8}
.video-card h2{font-size:20px;font-weight:400;line-height:1.6;letter-spacing:-.015em}
.video-filter,.video-series,.video-search label,.catalogue-heading{font-weight:500}
.video-dialog-header h2{font-weight:400;line-height:1.5}
.admin-brand{display:block;width:122px;margin:0 0 30px}
.admin-waiting h1{font-weight:400;line-height:1.4}
@media(max-width:1040px){
  .site-header .brand{width:110px;flex-basis:110px}
  .header-inner{min-height:116px}
  .hero h1,.about-hero h1,.videos-hero h1{font-size:45px}
  .hero-subtitle,.about-hero p,.videos-hero p{font-size:21px}
  .benefit h2{font-size:19px}
  .about-value h2{font-size:19px}
  .video-card h2{font-size:19px}
}
@media(max-width:720px){
  .site-header .brand{width:100px;flex-basis:100px}
  .header-inner{min-height:105px}
  .hero h1{font-size:clamp(36px,8vw,43px);line-height:1.31}
  .about-hero h1,.videos-hero h1{font-size:clamp(34px,7.7vw,43px);line-height:1.35}
  .hero-subtitle,.about-hero p,.videos-hero p{font-size:21px;line-height:1.7}
  .benefit h2{font-size:20px}
  .about-value h2{font-size:18px}
  .presentation h2{font-size:29px;line-height:1.55}
  .about-story h2{font-size:30px}
  .about-quote blockquote p{font-size:21px;line-height:1.8}
  .video-card h2{font-size:20px}
}
@media(max-width:380px){
  .benefit h2{font-size:18px}
  .hero h1{font-size:36px}
  .site-header .brand{width:94px;flex-basis:94px}
}