/* Une seule typographie pour les introductions publiques et de connexion. */
main .site-hero{font-family:'Work Sans',Arial,sans-serif}
main .site-hero>.site-hero-kicker{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .75rem;padding:0;color:var(--st-accent,#d6ab66);font:700 .75rem/1.4 'Work Sans',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;max-width:100%}
main .site-hero>.site-hero-kicker svg{width:18px;height:18px;flex:none;vertical-align:middle}
main .site-hero h1{font:600 clamp(30px,4.5vw,52px)/1.12 'Playfair Display',Georgia,serif;letter-spacing:-.025em;color:var(--st-ink,#fff0e2);margin:0 0 .75rem}
main .site-hero h1 em{color:var(--st-accent,#ff9a4d);font-style:normal;font-weight:inherit}
main .site-hero>.site-hero-description{font:400 .9rem/1.65 'Work Sans',Arial,sans-serif;color:var(--st-muted,#c9ab94);max-width:850px;margin:.75rem 0 0;opacity:1}
@media(max-width:900px){main .result-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}main .result-toolbar #directory-count{min-width:0;margin:0;line-height:1.5}main .result-toolbar .map-toggle{justify-self:end;align-self:center;flex-shrink:0}}

/* Login and registration share the same hero spacing and top alignment. */
main .auth-layout.auth-entry-layout{align-items:start;margin:48px auto 64px;padding:0}
main .auth-entry-layout>.auth-intro.site-hero{align-self:start;margin:0;padding:0}
@media(max-width:760px){main .auth-layout.auth-entry-layout{margin:24px auto 40px;gap:25px}}