/* Live tagline paired with the existing wordmark artwork. */
.s78-tagline-lockup{display:inline-block;vertical-align:middle;line-height:1.2;max-width:100%;text-decoration:none}
.s78-tagline-mark{display:block;width:100%;aspect-ratio:7.5;background-image:url('/logo.webp');background-repeat:no-repeat;background-size:100% auto;background-position:center top}
.s78-tagline-text{display:block;font:500 14px/1.3 Georgia,serif;text-align:center;color:#111111;letter-spacing:0;margin-top:5px;text-transform:none}
.s78-tagline-lockup.s78-dark .s78-tagline-mark{aspect-ratio:7.5;background-image:url('/footer-wordmark.webp');background-position:center 39.5%}
.s78-tagline-lockup.s78-dark .s78-tagline-text{color:#E8E0D2}
.s78-footer-logo .s78-footer-wordmark-frame.s78-tagline-lockup{overflow:visible;aspect-ratio:auto;mask-image:none;position:static}
.s78-header{height:auto;min-height:98px;padding-top:12px;padding-bottom:12px}
.hero-artwork figcaption{max-width:90%;white-space:normal;text-align:center;font-size:clamp(16px,1.7vw,24px)}
@media(max-width:800px){.s78-header{min-height:88px}.s78-header .s78-tagline-text{font-size:14px}}

/* Keep the header tagline together with room for the full phrase. */
.s78-header .s78-header-wordmark{width:280px}
.s78-header .s78-tagline-text{white-space:nowrap}
@media(max-width:800px){
 .s78-header .s78-header-brand{grid-column:1/-1;justify-content:center}
 .s78-header .s78-header-wordmark{width:280px;max-width:calc(100% - 31px)}
 .s78-header .s78-tagline-text{font-size:13px}
 .s78-header .s78-header-book{grid-column:1/-1;grid-row:2;justify-self:center}
 .s78-header .s78-mobile-menu{grid-row:3}
}
@media(min-width:801px) and (max-width:1320px){
 .s78-header{flex-wrap:wrap;gap:12px 24px}
 .s78-header .s78-desktop-nav{order:3;width:100%}
 .s78-header nav{justify-content:center;flex-wrap:wrap;gap:12px 24px}
}