.home-hero { padding: 64px 0 0; background: var(--wf-white); }
.home-hero__intro { display: grid; grid-template-columns: minmax(0, 8fr) 3fr; gap: 64px; align-items: start; margin-bottom: 56px; }
.home-hero h1 { max-width: 1000px; margin-bottom: 28px; font-size: clamp(52px, 6vw, 88px); font-weight: 500; line-height: .98; letter-spacing: -.045em; }
.home-hero__intro p { max-width: 720px; margin: 0; }
.home-hero__intro > .button { justify-self: end; margin-top: 8px; }
.home-hero__media { display: block; }
.home-hero__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
@media (max-width: 900px) {
    .home-hero__intro { gap: 32px; grid-template-columns: 1fr; }
    .home-hero__intro > .button { justify-self: start; }
}
@media (max-width: 640px) {
    .home-hero { padding-top: 40px; }
    .home-hero__intro { margin-bottom: 40px; }
    .home-hero h1 { font-size: clamp(44px, 12vw, 58px); }
    .home-hero__media img { aspect-ratio: 4 / 5; }
}

.home-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; padding-top: 8px; }
@media (max-width: 900px) { .home-hero__actions { justify-content: flex-start; } }

.home .home-hero { padding-top: 40px; }
.home .home-hero > .section-shell { display: grid; grid-template-rows: auto minmax(260px, 1fr); height: calc(100svh - 148px); min-height: min-content; }
.home .home-hero__intro { margin-bottom: 32px; }
.home .home-hero__media { min-height: 0; }
.home .home-hero__media img { height: 100%; aspect-ratio: auto; }
@media (max-width: 900px) {
    .home .home-hero__intro { gap: 20px; }
}
@media (max-width: 640px) {
    .home .home-hero { padding-top: 24px; }
    .home .home-hero > .section-shell { height: calc(100svh - 144px); grid-template-rows: auto minmax(200px, 1fr); }
    .home .home-hero h1 { margin-bottom: 20px; }
    .home .home-hero__intro { margin-bottom: 24px; }
}

.home-hero__actions .button--secondary { color: var(--wf-red); border-color: var(--wf-red); background: var(--wf-white); }