.logo.site-brand {--brand-copy-width:208px;--brand-mark-size:56px;display:inline-flex;align-items:center;gap:12px;min-width:0;max-width:100%;flex:0 0 auto}
.site-brand .logo-mark {display:block;width:var(--brand-mark-size);height:var(--brand-mark-size);align-self:flex-start;margin-top:max(0px,calc((var(--brand-copy-width)*.3 - var(--brand-mark-size))/2));flex:0 0 auto;object-fit:contain}
.site-brand > .site-brand-copy {display:flex;flex-direction:column;align-items:center;gap:8px;width:var(--brand-copy-width);min-width:0;text-align:center}
.site-brand .site-wordmark {display:block;width:100%}
.site-brand .site-wordmark svg {width:100%;height:auto;aspect-ratio:180 / 54;fill:currentColor;stroke:none}
.site-brand small.site-brand-tagline {display:block;margin:0;font:400 12px/1.45 var(--sans);letter-spacing:0;text-transform:none;color:#53645a;text-wrap:balance}
.site-brand.logo-light {color:#f8f4ec}
.site-brand.logo-light .site-brand-tagline {color:#becbc4}
.site-header .site-brand {--brand-copy-width:180px;--brand-mark-size:48px;gap:10px}
.site-header .site-brand > .site-brand-copy {gap:6px}
.site-header .site-brand small.site-brand-tagline {display:none}
@media(max-width:700px){
 .site-header .site-brand {--brand-copy-width:152px;--brand-mark-size:38px}
}
@media(max-width:480px){
 .site-header .site-brand {--brand-copy-width:clamp(110px,calc(100vw - 228px),152px);--brand-mark-size:34px;gap:8px}
}
@media(max-width:360px){
 .site-header .site-brand {--brand-mark-size:28px;gap:6px}
 .site-header .header-inner {gap:6px}
 .site-footer .site-brand {--brand-copy-width:200px;--brand-mark-size:48px;gap:10px}
}