/* -------------------------------------------------------- */

/* @group @variables */

[class*="o-hero"] {
--font-size: clamp(2.25rem, 2.036rem + 1.07vw, 3rem);/* 36 to 48 / 320 > 1440 */
--font-weight: 700;
--color: hsl(0deg 0% 100%);
--text-align: center;
}

/* @end @variables */

/* @group @o-hero */

[class*="o-hero"] {
position: relative;
overflow: hidden;
display: grid;
align-items: center;
min-height: 9rem;
padding: 6rem var(--x-padding-right) 3rem var(--x-padding-left);
}

/* @end @o-hero */

/* -------------------------------------------------------- */

/* @group @a-root-hero-background */

[class*="a-root-hero-background"] {
position: absolute;
z-index: -2;
inset: 0;
}

:where([class*="a-root-hero-background"]) img {
display: grid;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}

/* @end @a-root-hero-background */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-mutual-header-watch"] {
--header-watch-height: 20rem;
}

@media (width >= 62em) { /* 992px -> * */

[class*="a-mutual-header-watch"] {
--header-watch-height: 24rem;
}

}

/* @end @variables */

/* @group @a-mutual-header-watch */

[class*="a-mutual-header-watch"] {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 1px;
height: var(--header-watch-height);
pointer-events: none;
}

/* @end @a-mutual-header-watch */