/* Hero Overlay only. Isolated from normal Header, Framed and Fullwidth. */
body.vyr-hero-overlay-page{--vyr-hero-top-bg:#0f172a;--vyr-hero-top-opacity:.35;--vyr-hero-top-text:#fff;--vyr-hero-top-hover:#fff;--vyr-hero-top-hover-bg:#2563eb;--vyr-hero-scroll-bg:#fff;--vyr-hero-scroll-opacity:1;--vyr-hero-scroll-text:#0f172a;--vyr-hero-scroll-hover:#2563eb;--vyr-hero-scroll-hover-bg:#f1f5f9;--vyr-hero-mobile-logo-height:56px}
/* No artificial top/left/right offsets; only the Hero block is affected. */
body.vyr-hero-overlay-page .vyr-site-content{padding-top:0!important}
body.vyr-hero-overlay-page .vyr-site-content>.vyr-home-slideshow-full{width:100%;max-width:none;margin:0 0 var(--vyr-section-mb,24px)!important;padding:0!important;border:0!important}
body.vyr-hero-overlay-page .vyr-site-content>.vyr-home-slideshow-full>.vyr-showcase{width:100%;margin:0!important;border-radius:0!important}
/* Always fill the Hero frame (desktop and mobile), regardless of the normal Slideshow image-fit setting. */
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .vyr-showcase-media,
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .vyr-showcase-picture{width:100%;height:100%;background:transparent}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .vyr-showcase-media img,
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .vyr-image-fit-contain img{width:100%;height:100%;object-fit:cover!important;object-position:center}
/* Preserve the outgoing picture behind the next picture during opacity transitions. */
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .vyr-showcase-slide{transition:opacity .58s ease,transform .58s cubic-bezier(.2,.7,.2,1)}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .vyr-showcase-slide.is-active,
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .vyr-showcase-slide.is-outgoing{visibility:visible}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .vyr-showcase-slide.is-outgoing{opacity:1;z-index:1;pointer-events:none}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2{background:transparent}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .vyr-showcase-media{position:absolute;inset:0;background:transparent}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 picture{display:block;width:100%;height:100%}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 img{display:block;width:100%;height:100%;max-width:none;object-fit:cover!important}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .vyr-showcase-slide.is-active{z-index:2}
/* Hero is transparent in the main-logo section; the navigation background has its own opacity. */
body.vyr-hero-overlay-page .vyr-site-header-v2:not(.is-hero-scrolled){background:transparent;box-shadow:none}
body.vyr-hero-overlay-page .vyr-site-header-v2:not(.is-hero-scrolled) .vyr-hdr-top,
body.vyr-hero-overlay-page .vyr-site-header-v2:not(.is-hero-scrolled) .vyr-hdr-main{background:transparent}
body.vyr-hero-overlay-page .vyr-site-header-v2:not(.is-hero-scrolled) .vyr-hdr-nav{
  background:var(--vyr-hero-top-surface,rgba(15,23,42,.35));
  color:var(--vyr-hero-top-text);border-color:transparent;
  --vyr-hdr-nav-color:var(--vyr-hero-top-text);
  --vyr-hdr-nav-hover:var(--vyr-hero-top-hover);
  --vyr-hdr-nav-hover-bg:var(--vyr-hero-top-hover-bg);
}
/* Scrolled state: selected parts only; colors of normal Header remain intact when Inherit is chosen. */
body.vyr-hero-overlay-page .vyr-site-header-v2.is-hero-scrolled{background:transparent;box-shadow:0 5px 20px rgba(15,23,42,.09)}
body.vyr-hero-overlay-page .vyr-site-header-v2.is-hero-scrolled:not(.hero-keep-top) .vyr-hdr-top,
body.vyr-hero-overlay-page .vyr-site-header-v2.is-hero-scrolled:not(.hero-keep-main) .vyr-hdr-main,
body.vyr-hero-overlay-page .vyr-site-header-v2.is-hero-scrolled:not(.hero-keep-nav) .vyr-hdr-nav{display:none!important}
body.vyr-hero-overlay-page .vyr-site-header-v2.is-hero-scrolled:not(.hero-keep-top):not(.hero-keep-main):not(.hero-keep-nav){visibility:hidden;pointer-events:none}
body.vyr-hero-overlay-page .vyr-site-header-v2.is-hero-scrolled .vyr-hdr-nav{
  background:var(--vyr-hero-scroll-surface,#fff);
  color:var(--vyr-hero-scroll-text);border-color:transparent;
  --vyr-hdr-nav-color:var(--vyr-hero-scroll-text);
  --vyr-hdr-nav-hover:var(--vyr-hero-scroll-hover);
  --vyr-hdr-nav-hover-bg:var(--vyr-hero-scroll-hover-bg);
}
/* Mobile Hero uses a dedicated one-row three-slot bar with independent ordering. */
@media(max-width:980px){
 body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-hdr-top,
 body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-hdr-main{display:none!important}
 body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-hdr-nav-row,
 body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-hdr-nav-row.has-center-logo{display:block!important;padding:0!important;min-height:60px;overflow:visible}
 body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-hdr-nav-row>.vyr-hdr-mobile-toggle,
 body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-hdr-nav-row>.vyr-hdr-nav-menu,
 body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-hdr-nav-row>.vyr-hdr-nav-logo,
 body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-hdr-nav-row>.vyr-hdr-nav-utils{display:none!important}

}
@media(prefers-reduced-motion:reduce){body.vyr-hero-overlay-page .vyr-site-header-v2,body.vyr-hero-overlay-page .vyr-showcase-v2 .vyr-showcase-slide{transition:none!important}}

/* Hero-only: remove text shadows inherited from the previous version's nav styling.
   A blurred menu label must not affect either normal Header or dropdowns. */
body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-hdr-nav,
body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-hdr-nav a,
body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-hdr-nav button,
body.vyr-hero-overlay-page .vyr-site-header-v2 .vyr-submenu{ text-shadow:none!important }

/* Universal scroll-direction behavior uses a single class from header.js. */
body.vyr-hero-overlay-page .vyr-site-header-v2.is-hero-scrolled.is-vyr-scroll-hidden{transform:translateY(calc(-100% - 4px));pointer-events:none}
body.vyr-hero-overlay-page .vyr-site-header-v2{transition:transform .23s ease,background .2s ease,box-shadow .2s ease}

/* Cover motion in Hero must never use the Contain keyframes (scale below 1
   exposed the dark fallback around the image during Ken Burns / Pan / Drift). */
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .is-active .vyr-image-fit-contain.vyr-image-motion-kenburns-in img{animation-name:vyr-img-kenburns-in!important}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .is-active .vyr-image-fit-contain.vyr-image-motion-kenburns-out img{animation-name:vyr-img-kenburns-out!important}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .is-active .vyr-image-fit-contain.vyr-image-motion-pan-left img{animation-name:vyr-img-pan-left!important}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .is-active .vyr-image-fit-contain.vyr-image-motion-pan-right img{animation-name:vyr-img-pan-right!important}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .is-active .vyr-image-fit-contain.vyr-image-motion-pan-up img{animation-name:vyr-img-pan-up!important}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .is-active .vyr-image-fit-contain.vyr-image-motion-pan-down img{animation-name:vyr-img-pan-down!important}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .is-active .vyr-image-fit-contain.vyr-image-motion-drift-left img{animation-name:vyr-img-drift-left!important}
body.vyr-hero-overlay-page .vyr-home-slideshow-full .vyr-showcase-v2 .is-active .vyr-image-fit-contain.vyr-image-motion-drift-right img{animation-name:vyr-img-drift-right!important}