/* Immagine coordinata "Direzione MS" (novembre 2026)
   Monogramma MS: M antracite + S bronzo
   Jost per titoli e logotipo, Inter Tight per i testi, IBM Plex Mono per etichette e dati tecnici
   Palette: Antracite #292929 · Bronzo #A47C52 (filetti) · Bronzo testo #8A6440 · Grigio #6B6B6B · Bianco
   Contrasti testo verificati WCAG AA */
@font-face{font-family:"Jost";src:url("../fonts/Jost-var.woff") format("woff");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("../fonts/InterTight-var.woff") format("woff");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
:root{
  --ink:#292929; --text:#4A4A4A; --muted:#6B6B6B;
  --bronze:#8A6440; --bronze-dark:#292929; --bronze-line:#A47C52; --bronze-light:#D2B48F;
  --paper:#F3F1ED; --beige:#F3F1ED; --line:#E4E0D8; --white:#FFFFFF;
  --dark:#292929; --dark-2:#202020; --dark-text:#E8E5E0; --dark-muted:#B5B5B5; --dark-line:#444444;
  --serif:"Jost","Sans Fallback",system-ui,sans-serif;
  --sans:"Inter Tight","Sans Fallback",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}
/* Titoli: Jost, leggermente spaziato */
h1,h2,.page-head h1{font-family:var(--serif);font-weight:400;letter-spacing:.02em}
.hero h1{font-weight:400;letter-spacing:.015em;line-height:1.12}
h2{line-height:1.18}
/* Etichette e numerazioni: IBM Plex Mono */
.eyebrow{font-family:var(--mono);font-weight:400;font-size:.75rem;letter-spacing:.2em;color:var(--bronze)}
.steps .num,.service-list .n{font-family:var(--mono);font-weight:400;font-size:1rem;color:var(--bronze);letter-spacing:.04em}
.aside-contacts .label,.facts dt,.meta,.card .date,time{font-family:var(--mono);letter-spacing:.06em}
/* Filetto bronzo sotto i titoli di sezione */
.section-head h2::after,.page-head h1::after{content:"";display:block;width:64px;height:2px;background:var(--bronze-line);margin-top:.5em}
.quote blockquote{font-family:var(--serif);font-style:normal;font-weight:300;font-size:1.3rem;letter-spacing:.01em}
/* Logo: monogramma + filetto verticale + logotipo */
.brand{flex-direction:row;align-items:center;gap:16px}
.brand .mono{flex:none;width:58px;height:auto}
.brand .rule{flex:none;width:1.5px;align-self:stretch;margin-block:2px;background:var(--bronze-line)}
.brand .words{display:flex;flex-direction:column;min-width:0}
.brand-name{font-family:"Jost",var(--sans);font-weight:400;font-size:1.3rem;letter-spacing:.2em;color:var(--ink)}
.brand-sub{font-family:"Jost",var(--sans);font-weight:400;font-size:.5625rem;letter-spacing:.3em;color:var(--text);margin-top:7px}
.brand:hover .brand-name{color:var(--bronze)}
.footer-top .brand-name{color:#FFFFFF;font-size:1.1rem}
.footer-top .brand-sub{color:var(--bronze-light)}
.footer-top .brand .rule{background:#B48A5E}
@media (max-width:480px){.site-header .brand{gap:10px}.site-header .brand .mono{width:40px}.site-header .brand .rule{display:none}.site-header .brand-name{font-size:.8125rem;letter-spacing:.13em}.site-header .brand-sub{display:none}}
@media (max-width:359px){.site-header .brand .words{display:none}.site-header .brand .mono{width:46px}}
.quote blockquote::before{font-family:var(--serif);font-size:3rem;color:var(--bronze-line)}
.site-nav.is-open .nav-list a{font-family:var(--serif);letter-spacing:.04em}
