/* Official vector masters from Topa Brandbook v1, 27 Oct 2026. Do not typeset the logo. */
.wordmark .brand-logo-art {display:block;width:136px;aspect-ratio:248/112;line-height:0}
.brand-logo-art img {display:block;width:100%;height:auto;max-width:none;filter:none;box-shadow:none;border-radius:0}
.brand-logo-art .brand-logo-dark {display:none}
:root[data-theme=dark] .brand-logo-art .brand-logo-light {display:none}
:root[data-theme=dark] .brand-logo-art .brand-logo-dark {display:block}
.site-header.topa-navbar .wordmark {display:block;font-size:initial;line-height:0;letter-spacing:normal}
.topa-footer .wordmark {line-height:0}
.topa-footer .wordmark .brand-logo-art {width:180px}
/* The footer keeps its dark background regardless of the page theme. */
.topa-footer .brand-logo-art .brand-logo-light {display:none}
.topa-footer .brand-logo-art .brand-logo-dark {display:block}
.nav-diana {width:16px;height:16px;border:0;border-radius:0;background:currentColor;mask:url('assets/brand/topa-simbolo-micro.svg') center/contain no-repeat;-webkit-mask:url('assets/brand/topa-simbolo-micro.svg') center/contain no-repeat}
.nav-diana::after {content:none}
.about-flow-center .about-master-logo {display:block;width:144px;height:auto;margin:0 auto;filter:none}
@media(max-width:1120px) {.wordmark .brand-logo-art {width:128px}}
@media(max-width:600px) {
 .site-header.topa-navbar {column-gap:16px;row-gap:16px;padding-block:24px}
}
@media(max-width:370px) {
 /* Keep the 128 px master and real space around it; controls remain 44 px. */
 .site-header.topa-navbar {grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand menu' 'explore theme';column-gap:16px;padding:24px 16px}
 .site-header.topa-navbar.nav-ready {grid-template-areas:'brand menu' 'explore theme'}
 .topa-navbar.nav-ready .topa-menu-toggle {grid-area:menu;width:44px;height:44px;padding:0;justify-self:end}
 .topa-navbar .topa-menu-toggle>span {display:none}
 .topa-navbar .topa-nav-explore {padding-inline:12px;gap:8px;font-size:13px}
 .site-header.topa-navbar:not(.nav-ready) {grid-template-areas:'brand theme' 'links links' 'explore explore'}
}

/* Optical centering: the p descender makes the vector box lower than the main letterforms.
   Move the intact master within its existing header slot; keep navbar dimensions shared. */
.site-header.topa-navbar .brand-logo-art {transform:translateY(10%)}