/* Slogan belongs to the wordmark, not the logo symbol. */
:is(.site-header, .site-footer) .brand-word-group { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
:is(.site-header, .site-footer) .brand-wordmark { display:block; }
:is(.site-header, .site-footer) .brand-slogan { display:block; font-family:inherit; font-size:11px; font-weight:700; line-height:1.2; letter-spacing:0; color:var(--petrol); white-space:nowrap; }
:is(.site-header, .site-footer) .brand-slogan-word { position:relative; display:inline-block; }
:is(.site-header, .site-footer) .brand-slogan-swoosh { position:absolute; left:0; bottom:-4px; width:100%; height:5px; color:var(--green); pointer-events:none; }
@media (max-width:360px) { .site-header .header-inner { gap:5px; } .site-header .header-actions { gap:4px; } }