.mpx-hero{--mpx-hero-title-size:clamp(4rem, -4.2117rem + 13.1387vw, 6.25rem);--mpx-hero-media-inset:calc(var(--mpx-hero-title-size) * 0.65)}.mpx-hero__panel--left .mpx-hero__media{top:var(--mpx-hero-media-inset);bottom:0}.mpx-hero__panel--right .mpx-hero__media{top:0;bottom:var(--mpx-hero-media-inset)}.mpx-hero__image{opacity:0;transition:opacity 1s ease-in-out}.mpx-hero__image.is-active{opacity:1;z-index:1}.mpx-hero__title{position:absolute;z-index:2;left:50%;width:max-content;max-width:calc(100% - 2rem);margin:0;font-family:var(--font-heading);font-size:var(--mpx-hero-title-size);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--color-white);text-align:center;text-shadow:0 2px 24px rgb(0 0 0 / .35);pointer-events:none}.mpx-hero__title--top{top:var(--mpx-hero-media-inset);transform:translate(-50%,-50%)}.mpx-hero__title--bottom{bottom:var(--mpx-hero-media-inset);transform:translate(-50%,50%)}.mpx-hero__title--placeholder{opacity:.45}@media (width>=64rem){.mpx-hero__panel{max-height:calc(100svh - var(--site-chrome-height, 5.5rem) - 2 * var(--spacing-clamp-block, 48px));z-index:1;transition:transform 0.8s ease;will-change:transform}}@media (width>=64rem) and (hover:hover) and (pointer:fine){.mpx-hero__panel:hover{z-index:5;transform:scale(1.08)}}@media (width>=64rem) and (height <=900px){.mpx-hero{--mpx-hero-title-size:clamp(3rem, -2rem + 8vw, 4.5rem)}}@media (prefers-reduced-motion:reduce){.mpx-hero__panel{transition:none;transform:none!important}.mpx-hero__image{transition:none}}