/* Block: hero - loaded only on pages that use it (see blocks/_section.html.twig) */
@layer blocks {
.block--hero .hero { display: grid; gap: var(--maw-space-7); align-items: center; }
.block--hero .hero--split { grid-template-columns: 1.05fr 1fr; }
.block--hero .hero--centered { text-align: center; }
.block--hero .hero--centered .button-row { justify-content: center; }
.block--hero .hero__content > * + * { margin-top: var(--maw-space-4); }
.block--hero .hero__title { font-size: var(--maw-text-4xl); letter-spacing: -0.035em; }
.block--hero .hero__text { max-width: 40rem; }
.block--hero .hero--centered .hero__text { margin-inline: auto; }
.block--hero .hero--background { grid-template-columns: 1fr; position: relative; min-height: min(80vh, 44rem); }
.block--hero .hero--background .hero__media { position: absolute; inset: 0; z-index: 0; }
.block--hero .hero--background .hero__media img { width: 100%; height: 100%; object-fit: cover; }
.block--hero .hero--background .hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(2 6 23 / 0.75), rgb(2 6 23 / 0.2)); }
.block--hero .hero--background .hero__content { position: relative; z-index: 1; color: #fff; max-width: 42rem; --maw-text-muted: rgb(255 255 255 / 0.85); }
.block--hero:has(.hero--background) { padding: 0; }
.block--hero:has(.hero--background) .container { width: 100%; max-width: none; }
.block--hero:has(.hero--background) .hero__content { margin-left: max(var(--maw-gutter), calc((100vw - var(--maw-container)) / 2)); padding-block: var(--maw-section-lg); }
.block--hero .hero__video { aspect-ratio: 16 / 9; border-radius: var(--maw-radius-lg); overflow: hidden; background: #000; box-shadow: var(--maw-shadow-lg); }
.block--hero .hero__video iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 860px) { .block--hero .hero--split { grid-template-columns: 1fr; } }
}