.hero-page__image .caption-image{height:100%;display:flex;justify-content:center}.hero-page__image img{aspect-ratio:1}body:has(.hero-primary:first-child) .site__header{transition:background-color .5s}body:has(.hero-primary:first-child) .site__header #site-logo{transition:filter .5s}body:has(.hero-primary:first-child) .site__header .menu-primary-navigation>.menu-item{transition:color .5s}body:has(.hero-primary:first-child) .site__header .toggle-open path{transition:fill .5s}body:has(.hero-primary:first-child) .site__header .menu-primary-navigation .menu-item-has-children:after{transition:background-color .5s}body:has(.hero-primary:first-child) .site__header .menu-primary-navigation .svg__icon__search path{transition:fill .5s}body:has(.hero-primary:first-child):not(.search-open):not(.open-mobile) .site__header:not(.force-white){background-color:transparent}body:has(.hero-primary:first-child):not(.search-open):not(.open-mobile) .site__header:not(.force-white) #site-logo{filter:brightness(0) invert(1)}body:has(.hero-primary:first-child):not(.search-open):not(.open-mobile) .site__header:not(.force-white) .menu-primary-navigation>.menu-item>a{color:#fff}body:has(.hero-primary:first-child):not(.search-open):not(.open-mobile) .site__header:not(.force-white) .menu-primary-navigation .menu-item-has-children:after{background-color:#fff}body:has(.hero-primary:first-child):not(.search-open):not(.open-mobile) .site__header:not(.force-white) .menu-primary-navigation .menu-item-has-children .sub-menu li a{transition:color .2s}body:has(.hero-primary:first-child):not(.search-open):not(.open-mobile) .site__header:not(.force-white) .toggle-open path,body:has(.hero-primary:first-child):not(.search-open):not(.open-mobile) .site__header:not(.force-white) .svg__icon__search path{fill:#fff}body:has(.hero-primary:first-child) .hero-primary{margin-top:calc(-1 * var(--height-navbar))}body:has(.hero-primary:first-child) .hero-primary .caption-image:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(180deg,#0003,#0000 20%)}@media(min-width:36rem){.hero-page__image img{aspect-ratio:87/44.375}}@media(min-width:48rem){.hero-primary{height:calc(100dvh - var(--height-admin-bar))}}