/* Full first-screen opening, keeping the existing header and About content. */
body.about-opening-experiment :is(.kdx-about-hero,.kdx-services-hero){height:calc(100svh - var(--about-opening-header,100px));min-height:0;background:transparent}
body.about-opening-experiment .about-opening-visual{position:fixed;top:var(--about-opening-header,100px);left:0;width:100%;height:var(--about-opening-height,calc(100svh - var(--about-opening-header,100px)));overflow:hidden;pointer-events:none;z-index:1}
body.about-opening-experiment .about-opening-visual img{height:calc(100svh - var(--about-opening-header,100px));width:100%;object-fit:cover;transform-origin:center top;transform:scaleY(var(--about-opening-scale,1))}
body.about-opening-experiment>.site-header{background:#fff;z-index:60}
html.energy-saving body.about-opening-experiment>.site-header{background:#000}

@media(min-width:801px){
 body.about-opening-experiment>.site-header{position:fixed!important;inset:0 0 auto;z-index:60;background:transparent!important;color:#fff;transition:background-color 220ms ease,color 220ms ease}
 body.about-opening-experiment>.site-header #kdx-mobile-menu{background:transparent!important}
 body.about-opening-experiment :is(.kdx-about-hero,.kdx-services-hero){height:100svh;margin-top:0}
 body.about-opening-experiment .about-opening-visual{top:0;height:var(--about-opening-height,100svh)}
 body.about-opening-experiment .about-opening-visual img{height:100svh}
 body.about-opening-experiment.about-opening-docked>.site-header{background:#fff!important;color:#111}
 html.energy-saving body.about-opening-experiment.about-opening-docked>.site-header{background:#000!important;color:#fff}
}