.block-hero { position: relative; display: grid; align-items: end; min-height: clamp(60vh, 40vh + 20vw, 90vh); overflow: hidden; isolation: isolate; }
.block-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.block-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; }
.block-hero--dark { color: var(--color-white); }
.block-hero--dark::after { background: linear-gradient(180deg, rgba(29,29,27,.1), rgba(29,29,27,.7)); }
.block-hero--light { color: var(--color-ink); }
.block-hero__inner { padding-block: clamp(2rem, 1rem + 5vw, 6rem); }
.block-hero__eyebrow { margin: 0 0 1rem; font-size: .8rem; font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: .18em; color: var(--color-accent); }
.block-hero__heading { font-size: var(--fs-h1); font-weight: var(--fw-bold); max-width: 20ch; }
.block-hero__sub { margin-top: 1rem; font-size: var(--fs-h3); max-width: 48ch; }
.block-hero__inner .btn-arrow { display: inline-block; margin-top: 2rem; padding: .9rem 1.6rem; background: var(--color-accent); color: var(--color-white); font-weight: var(--fw-semibold); }