.rva-hero { position: relative; isolation: isolate; min-block-size: min(70svh, 680px); max-block-size: 720px; overflow: hidden; color: var(--rva-white); background: var(--rva-ink); }
.rva-hero__slide { position: absolute; z-index: -2; inset: 0; margin: 0; opacity: 0; transition: opacity .45s ease; }
.rva-hero__slide[aria-hidden="false"] { opacity: 1; }
.rva-hero__slide::after { content: ""; position: absolute; inset: 0; background: rgba(8,22,36,.42); }
.rva-hero__slide picture, .rva-hero__slide img { display: block; width: 100%; height: 100%; }
.rva-hero__slide img { object-fit: cover; object-position: var(--rva-focal-mobile); }
.rva-hero__content { display: grid; align-content: center; min-block-size: min(70svh, 680px); padding-block: 4rem 6rem; max-inline-size: 46rem; }
.rva-hero h1 { max-inline-size: 18ch; margin: .25rem 0 1rem; font-size: clamp(2.25rem, 8vw, 5rem); line-height: 1.02; overflow-wrap: anywhere; }
.rva-hero__content > p:not(.rva-eyebrow) { max-inline-size: 38rem; font-size: 1.1rem; }
.rva-hero .rva-eyebrow { color: var(--rva-white); }
.rva-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.rva-hero__actions .rva-button:last-child { color: var(--rva-ink); background: var(--rva-white); }
.rva-hero__controls { position: absolute; z-index: 1; inset-inline: 0; bottom: 1rem; display: flex; gap: .5rem; }
.rva-hero__controls button { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.7); border-radius: var(--rva-radius-card); color: var(--rva-white); background: rgba(8,22,36,.6); }
.rva-next-band { padding-block: 3.5rem; background: var(--rva-white); }
@media (min-width: 700px) { .rva-hero__slide img { object-position: var(--rva-focal-desktop); } }
@media (prefers-reduced-motion: reduce) { .rva-hero__slide { transition: none; } }