/* ---------- police du grand titre de l'accueil (choix dans l'éditeur) ---------- */
/* Moderne : sans-serif gras, le « 1 » reste bien lisible */
.hero h1.tf-moderne{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1;font-variation-settings:normal;font-size:clamp(2.8rem,9vw,8rem)}
.hero h1.tf-moderne em{font-style:normal;font-weight:500;color:var(--gold)}
/* Journal classique : serif de presse, chiffres nets */
.hero h1.tf-journal{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.025em;line-height:1.02;font-variation-settings:normal;font-size:clamp(2.8rem,9.5vw,8.4rem)}
.hero h1.tf-journal em{font-style:normal;font-weight:500;color:var(--gold)}
/* Affiche : condensée, en majuscules, très percutante */
.hero h1.tf-affiche{font-family:'Oswald',Impact,'Arial Narrow',sans-serif;font-weight:600;letter-spacing:.005em;line-height:.98;text-transform:uppercase;font-variation-settings:normal;font-size:clamp(3.2rem,12vw,10.5rem)}
.hero h1.tf-affiche em{font-style:normal;font-weight:400;color:var(--gold)}

/* sélecteur dans l'espace d'édition */
.fontpick{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.fbtn{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;background:#fffdf8;border:1.5px solid var(--pline);border-radius:14px;padding:16px 18px;cursor:pointer;color:#17150f;transition:.18s;min-width:0}
.fbtn:hover{border-color:#17150f}
.fbtn.on{border-color:#17150f;box-shadow:0 0 0 3px rgba(23,21,15,.14)}
.fbtn .fs{font-size:1.7rem;line-height:1.1;overflow-wrap:anywhere}
.fbtn small{font:600 12px var(--sans);color:var(--pmute);letter-spacing:.04em}
.fbtn.tf-elegante .fs{font-family:'Fraunces',Georgia,serif;font-weight:400;letter-spacing:-.04em}
.fbtn.tf-moderne .fs{font-family:'Inter',system-ui,sans-serif;font-weight:800;letter-spacing:-.04em}
.fbtn.tf-journal .fs{font-family:'Playfair Display',Georgia,serif;font-weight:700;letter-spacing:-.02em}
.fbtn.tf-affiche .fs{font-family:'Oswald',Impact,sans-serif;font-weight:600;text-transform:uppercase}

/* ---------- pas de grand vide : l'en-tête de page s'adapte à son contenu ---------- */
.hero{min-height:0;align-items:flex-start}
.hero .wrap{padding-top:clamp(120px,16vh,190px);padding-bottom:clamp(56px,9vh,90px)}
.scroll{display:none}
.ahead{min-height:0;padding-top:clamp(130px,17vh,170px);padding-bottom:64px}
.ahead.photo{min-height:68svh}
@media(max-width:720px){.hero .wrap{padding-top:110px}.ahead{padding-top:110px}}