/* Brand lockup 20261028-modern-v2. SVG sources stay independent. */
:root{--bc-wordmark-ratio:1929 / 485;}
.site-header .brand{gap:12px;flex:0 0 auto;max-width:none}
.site-header .brand-mark{display:block;flex:0 0 72px;width:72px;height:52px;object-fit:contain}
.site-header .brand-wordmark{display:block;flex:0 0 auto}
.site-header .brand-wordmark strong{display:block;width:156px;height:auto;line-height:0;letter-spacing:0}
.site-header .brand-lettering{display:block;width:156px;height:auto;aspect-ratio:var(--bc-wordmark-ratio);max-width:none;object-fit:contain}
.site-header .brand-wordmark small{margin-top:1px;font-size:9px;line-height:1.1;letter-spacing:.15em;color:#576c7b}
.footer-brand-lockup{gap:12px}
.footer-brand-lockup .footer-mark{display:block;flex:0 0 72px;width:72px;height:52px;object-fit:contain}
.footer-brand-lockup strong{display:block;width:156px;height:auto;line-height:0;letter-spacing:0}
.footer-brand-lockup .brand-lettering{display:block;width:156px;height:auto;aspect-ratio:var(--bc-wordmark-ratio);max-width:none;object-fit:contain;filter:brightness(0) invert(1)}
.footer-brand-lockup small{font-size:8px;letter-spacing:.16em;margin-top:3px}
@media(max-width:820px){
 .site-header .nav-cta{display:none}
 .site-header .nav-shell{min-width:0}
 .site-header .menu-button{flex:0 0 44px}
}
@media(max-width:560px){
 .site-header .brand{gap:9px}
 .site-header .brand-mark{flex-basis:56px;width:56px;height:40px}
 .site-header .brand-wordmark strong,.site-header .brand-lettering{width:134px;height:auto}
 .site-header .brand-wordmark small{font-size:7.8px;letter-spacing:.14em;margin-top:1px}
 .footer-brand-lockup{gap:9px}
 .footer-brand-lockup .footer-mark{flex-basis:56px;width:56px;height:40px}
 .footer-brand-lockup strong,.footer-brand-lockup .brand-lettering{width:130px;height:auto}
 .footer-brand-lockup small{font-size:7px;letter-spacing:.12em;margin-top:3px}
}

/* Preserve the already-approved hero typography and spacing from calligraphy-v1. */
.hero.hero-carousel #hero-title,.hero.hero-carousel .hero-slide h2{line-height:1.5}
.hero.hero-carousel .hero-lead{margin-top:calc(20px + 1em)}
@media(max-width:820px){.hero.hero-carousel .hero-lead{margin-top:calc(18px + 1em)}.hero.hero-carousel .hero-slide-inner{padding-bottom:116px}}
@media(max-width:560px){.hero.hero-carousel .hero-lead{margin-top:calc(15px + 1em)}.hero.hero-carousel .hero-slide-inner{padding-bottom:101px}}