@layer components{.hero-media{--hero-media-width:100%;--hero-media-max-width:100%;--hero-media-aspect-ratio:var(--aspect-ratio-3-1);--hero-media-display:block;--hero-media-position:relative;--hero-media-padding:0;--hero-media-margin:var(--spacing-between-consecutive-elements-normal) auto;--hero-media-z-index:var(--z-index-content);--hero-media-border-radius:var(--border-radius-default);--hero-media-media-object-fit:cover;--hero-media-media-width:100%;--hero-media-media-height:auto;--hero-media-title-position:absolute;--hero-media-title-top:50%;--hero-media-title-left:50%;--hero-media-title-right:unset;--hero-media-transform:translate(-50%,-50%);--hero-media-title-margin:0;--hero-media-title-color:var(--color-bg);--hero-media-title-padding:var(--spacing-normal);aspect-ratio:var(--hero-media-aspect-ratio);display:var(--hero-media-display);margin:var(--hero-media-margin);max-width:var(--hero-media-max-width);padding:var(--hero-media-padding);position:var(--hero-media-position);width:var(--hero-media-width);z-index:var(--hero-media-z-index)}:is(main,.chapter)>.hero-media{border-radius:var(--hero-media-border-radius);max-width:var(--content-wide-max-width)!important;overflow:hidden;width:var(--hero-media-width)!important}.hero-media:first-child{--hero-media-margin:0}.hero-media[headline-alignment=left]{--hero-media-title-left:var(--spacing-normal);--hero-media-transform:translateY(-50%)}.hero-media[headline-alignment=right]{--hero-media-title-left:unset;--hero-media-title-right:var(--spacing-normal);--hero-media-transform:translateY(-50%)}.hero-media__media{aspect-ratio:var(--hero-media-aspect-ratio);height:var(--hero-media-media-height);-o-object-fit:var(--hero-media-media-object-fit);object-fit:var(--hero-media-media-object-fit);width:var(--hero-media-media-width)}.hero-media__title{color:var(--hero-media-title-color);left:var(--hero-media-title-left);margin:var(--hero-media-title-margin);padding:var(--hero-media-title-padding);position:var(--hero-media-title-position);right:var(--hero-media-title-right);top:var(--hero-media-title-top);transform:var(--hero-media-transform)}a.hero-media:focus-visible{--hero-media-title-color:var(--color-primary)}.hero-media .single-media__video[video-extension=vimeo],.hero-media .single-media__video[video-extension=youtube],.hero-media .video{aspect-ratio:var(--aspect-ratio-3-1);height:auto;width:100%}@media (hover:hover){a.hero-media:hover{--hero-media-title-color:var(--color-primary)}}@container (min-width: 840px){.hero-media{--hero-media-title-padding:var(--spacing-normal) var(--spacing-xl)}}}