.site-header { min-height: 88px; }
.brand { min-width: 272px; }
.brand-mark { display: inline-block; padding-right: 0; font: 800 38px/.85 var(--sans); letter-spacing: -.09em; }
.brand-mark sup { position: relative; top: -.5em; margin-left: .08em; color: var(--rust); font-size: .42em; letter-spacing: 0; }
.brand-words { padding-left: 13px; border-left: 1px solid var(--rust); }
.hero-last-line { display: block; color: var(--ink); }
@media (max-width: 1050px) { .brand { min-width: 235px; } .brand-mark { font-size: 34px; } }
@media (max-width: 760px) { .site-header { height: 74px; min-height: 74px; } .brand { min-width: 0; } .brand-mark { font-size: 31px; } .brand-words { font-size: 11px; padding-left: 10px; } .brand-words span { font-size: 6px; } .main-nav { top: 74px; } }
@media (max-width: 480px) { .hero h1 { font-size: clamp(39px, 10vw, 45px); } .hero-last-line { margin-top: .09em; } }