.home-hero.home-hero-archive {
    min-height: 680px;
    position: relative;
    display: flex;
    align-items: center;
    max-width: none;
    margin: 0;
    padding: 82px max(5vw, 30px);
    background-image: var(--hero-image);
    background-size: cover;
    background-position: center;
}

.home-hero-archive .home-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(247,243,233,.98) 0%, rgba(247,243,233,.91) 30%, rgba(247,243,233,.45) 56%, rgba(17,25,20,.08) 100%);
}

.home-hero-archive .home-hero-copy {
    position: relative;
    z-index: 1;
    max-width: 640px;
    padding: 38px 40px;
    border: 1px solid rgba(255,255,255,.58);
    border-radius: 20px;
    background: rgba(250,247,239,.78);
    box-shadow: 0 24px 70px rgba(26,35,29,.16);
    backdrop-filter: blur(5px);
}

@media (max-width: 650px) {
    .home-hero.home-hero-archive {
        min-height: 610px;
        padding: 42px 20px;
        background-position: 60% center;
    }

    .home-hero-archive .home-hero-overlay {
        background: rgba(247,243,233,.72);
    }

    .home-hero-archive .home-hero-copy {
        padding: 30px 24px;
        background: rgba(250,247,239,.88);
    }
}