/* The band fades in without moving navigation or changing its layout. */
.site-header,.site-header.is-scrolled,.site-header.is-film,.site-header.is-hero-intro{background:transparent;box-shadow:none;isolation:isolate;transition:color .55s cubic-bezier(.22,1,.36,1)}
.is-benefits-view .progresso{opacity:0}
.site-header::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--paper);box-shadow:0 1px 0 #15191b20;opacity:1;transform:translateY(0);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);pointer-events:none}
.site-header.is-film::before,.site-header.is-hero-intro::before{opacity:0;transform:translateY(-6px)}
/* Benefits remove only the painted band. Controls remain at their ordinary
   coordinates, with the foreground tone following the panel underneath. */
.site-header.is-benefits-overlay{background:transparent;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}
.site-header.is-benefits-overlay::before{opacity:0;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-header.is-benefits-overlay .site-header__logo,.site-header.is-benefits-overlay.is-hero-intro .site-header__logo{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.site-header.is-benefits-overlay .site-header__cta{background:var(--ink);color:var(--paper)}
.site-header.is-benefits-overlay .menu-toggle{border-color:currentColor}
.site-header.is-benefits-overlay.is-benefits-photo{color:var(--paper)}
.site-header.is-benefits-overlay.is-benefits-photo .site-header__cta{background:var(--paper);color:var(--ink)}
/* The expanded mobile menu remains its own legible surface; the fixed band
   underneath the logo and controls stays transparent. */
.site-header.is-benefits-overlay .site-header__nav.is-open{background:var(--paper);color:var(--ink)}
@media(hover:hover){.site-header.is-benefits-overlay .site-header__cta:hover{background:var(--accent);color:var(--ink)}}
.site-header:not(.is-header-ready),.site-header:not(.is-header-ready)::before,.site-header:not(.is-header-ready) .site-header__logo{transition:none!important}
.site-header .site-header__cta{transition:background-color .55s cubic-bezier(.22,1,.36,1),color .55s cubic-bezier(.22,1,.36,1)}
.site-header .menu-toggle{transition:border-color .55s cubic-bezier(.22,1,.36,1)}
.site-header__logo{width:144px;min-height:44px;display:flex;align-items:center;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1),visibility 0s;user-select:none}
.site-header.is-hero-intro .site-header__logo{opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;transition:opacity .35s ease,transform .35s ease,visibility 0s .35s}
.header-mark{width:100%;height:auto;overflow:visible;pointer-events:none}
.header-mark__core{transform:translateX(-132.05px)}
.header-mark__dot{transform:translateX(0)}
.header-mark__prefix,.header-mark__suffix{opacity:0;transform-box:fill-box}
.header-mark__prefix{transform:translateX(24px);clip-path:inset(0 0 0 100%)}
.header-mark__suffix{transform:translateX(-24px);clip-path:inset(0 100% 0 0)}
.header-mark__core,.header-mark__dot{transition:transform .64s cubic-bezier(.22,1,.36,1)}
.header-mark__prefix,.header-mark__suffix{transition:transform .6s cubic-bezier(.22,1,.36,1),clip-path .6s cubic-bezier(.22,1,.36,1),opacity .4s ease}
@media(hover:hover) and (pointer:fine){
 .site-header__logo:hover .header-mark__core{transform:translateX(0)}
 .site-header__logo:hover .header-mark__dot{transform:translateX(349px)}
 .site-header__logo:hover .header-mark__prefix,.site-header__logo:hover .header-mark__suffix{transform:translateX(0);clip-path:inset(0);opacity:1}
}
.site-header__logo:focus-visible .header-mark__core{transform:translateX(0);transition:none}
.site-header__logo:focus-visible .header-mark__dot{transform:translateX(349px);transition:none}
.site-header__logo:focus-visible .header-mark__prefix,.site-header__logo:focus-visible .header-mark__suffix{transform:translateX(0);clip-path:inset(0);opacity:1;transition:none}
@media(max-width:820px){.site-header__logo{width:128px}}
@media(max-width:540px){.site-header__logo{width:116px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header::before,.site-header__logo,.header-mark g,.site-header .site-header__cta,.site-header .menu-toggle{transition:none!important}}