/* @group @variables */

@media (width < 48em) { /* 0 -> 767px */

[class*="o-hero-root"] {
--hero-root-padding-top: 4.5rem;
}

}

@media (width >= 48em) { /* 768px -> * */

[class*="o-hero-root"] {
--hero-root-padding-top: 2.25rem;
}

}

/* @end @variables */

/* @group @o-hero-root */

[class*="o-hero-root"] {
padding-top: var(--hero-root-padding-top);
margin-right: var(--x-padding-left);
margin-left: var(--x-padding-right);
}

[class*="o-hero-root"] [class*="splide__list"],
[class*="o-hero-root"] [class*="splide__list"] li,
[class*="o-hero-root"] img {
aspect-ratio: 1920 / 708;/* fixed layout shift */
}

[class*="o-hero-root"] img {
width: 100%;
}

/* @end @o-hero-root */