@layer modules{.hero{--bg-color: var(--bg-color-dark);--text-color: var(--text-color-light);--padding-inline: max( var(--standard-section-padding-x-vw), var(--spacing-xl) );position:relative;color:var(--text-color);padding-inline:var(--padding-inline);padding-block:var(--spacing-2xl);min-height:35vw;display:grid;container-type:inline-size}.hero:has(>.inner>.link-cards){padding-bottom:var(--spacing-lg)}.hero::before{content:"";display:block;position:absolute;inset:var(--spacing-2xs);background-color:var(--bg-color);z-index:-1;border-radius:var(--radius-md)}.hero .inner{display:grid;gap:var(--spacing-md) var(--spacing-2xl);grid-template-columns:[main-start media-start linkCards-start] 1fr [main-end media-end linkCards-end]}.hero .breadcrumbs ul{list-style:none;padding-inline:0}.hero .breadcrumbs ul li{display:inline-block}.hero .breadcrumbs ul li:not(:last-child)::after{content:" > "}.hero .breadcrumbs a{text-decoration-color:rgba(0,0,0,0);transition-property:text-decoration-color,text-underline-offset}.hero .breadcrumbs a:hover{text-decoration-color:currentColor}.hero .breadcrumbs .more-breadcrumbs-wrapper{position:relative}.hero .breadcrumbs .more-breadcrumbs-wrapper #more-breadcrumbs{position:absolute;width:25rem;left:0;background-color:var(--text-color);color:var(--bg-color);padding:var(--spacing-xs);border-radius:var(--radius-sm);display:block;grid-auto-rows:1fr auto;gap:inherit;overflow:hidden;opacity:1;transition-property:height,opacity;transition-duration:var(--transition-duration-fast);transition-timing-function:var(--transition-timing-function)}.hero .breadcrumbs .more-breadcrumbs-wrapper #more-breadcrumbs[hidden]{opacity:0;pointer-events:none}.hero .breadcrumbs .more-breadcrumbs-wrapper #more-breadcrumbs li{display:block}.hero .breadcrumbs .more-breadcrumbs-wrapper #more-breadcrumbs li::after{content:none}.hero .breadcrumbs .more-breadcrumbs-wrapper #more-breadcrumbs li:not(:last-child){margin-bottom:.5em}.hero .main-content{display:grid;gap:var(--spacing-xs);align-self:center;padding-block:var(--spacing-md)}.hero .link-cards{grid-area:linkCards}@media(min-width: 75rem){.hero .inner{grid-template-columns:[main-start linkCards-start] 1fr [main-end media-start] 1fr [media-end linkCards-end]}}}/*# sourceMappingURL=hero.css.map */