/* Il marchio 347 Hills (20 ottobre 2026, logo provvisorio). Un file per forma, usato come maschera: prende il colore del
   testo intorno (bianco sul fondo scuro, nero sul tema chiaro, le tinte personalizzate). Per cambiare logo basta
   sostituire i file di questa cartella mantenendo i nomi (vedi README.md). */
.brand-logo,.brand-mark{display:inline-block;flex-shrink:0;vertical-align:middle;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:contain;mask-size:contain}
.brand-logo{height:32px;aspect-ratio:1500/480;-webkit-mask-image:url(logo-nero.svg);mask-image:url(logo-nero.svg)}
.brand-mark{height:28px;aspect-ratio:900/470;-webkit-mask-image:url(simbolo-nero.svg);mask-image:url(simbolo-nero.svg);-webkit-mask-position:center;mask-position:center}
/* Le vecchie regole coloravano di arancione il punto di «empathy.» (.brand span): il logo prende il colore del testo. */
.brand .brand-logo,.brand .brand-mark,.entry-brand .brand-logo,.topbar-brand .brand-logo{color:inherit}
/* Dove compare: intestazioni del sito, dell'app e dell'amministrazione, pagine d'ingresso, caricamenti. */
.site-header .brand .brand-logo{height:36px}
.site-footer .brand .brand-logo{height:34px}
.sidebar .brand .brand-logo{height:36px}
.topbar-brand .brand-logo{height:30px}
.entry-brand .brand-logo{height:34px}
.entry-loading .brand-logo{height:40px;animation:boot-pulse 1.6s ease-in-out infinite}
.boot-note .brand-mark{height:40px;animation:boot-pulse 1.6s ease-in-out infinite}
.intro-twin-hub .brand-mark{height:22px}
.admin-login-logo{display:block;height:40px;margin-bottom:14px}
@media(max-width:760px){.site-header .brand .brand-logo{height:31px}.entry-brand .brand-logo{height:30px}}
@media(prefers-reduced-motion:reduce){.entry-loading .brand-logo,.boot-note .brand-mark{animation:none}}