.fan-site .fan-header{position:sticky;top:0;z-index:30;overflow-anchor:none;transition:padding-top .22s ease,padding-bottom .22s ease,box-shadow .22s ease}
.fan-site .fan-header .fan-brand img{transition:width .22s ease,height .22s ease}
.fan-site .fan-header.is-compact{padding-top:8px;padding-bottom:8px;box-shadow:0 4px 18px #172b2512}
.fan-site .fan-header.is-compact .fan-brand img{width:72px;height:64px}
.fan-site .fan-header.is-compact .fan-brand-copy{gap:3px}
.fan-site .fan-header.is-compact .fan-brand-copy>.area-identity{padding:3px 7px;font-size:11px}
.fan-site .fan-header.is-compact .area-mark{width:20px;height:20px;flex-basis:20px}
.fan-site .skip{position:fixed;z-index:60}
html.fan-sticky-navigation{scroll-padding-top:calc(var(--fan-header-height,140px) + 12px)}
@media(max-width:760px){
    .fan-site .fan-header.is-compact .fan-brand img{width:48px;height:48px}
    .fan-site .fan-header nav[data-mobile-menu]{flex-wrap:nowrap;max-height:min(72vh,var(--fan-menu-space,72vh));max-height:min(72dvh,var(--fan-menu-space,72dvh))}
}
@media(prefers-reduced-motion:reduce){
    .fan-site .fan-header,.fan-site .fan-header .fan-brand img{transition:none}
}
@media print{
    .fan-site .fan-header{position:static;box-shadow:none;transition:none}
    .fan-site .fan-header .fan-brand img{transition:none}
}