/* Keep the complete masthead artwork at window width, directly below the header. */
.site-nav {
    position: sticky;
}

.masthead {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding: 0;
}

.masthead-art {
    position: relative;
    inset: auto;
    grid-area: 1 / 1;
    align-self: start;
    width: 100%;
    aspect-ratio: 1536 / 863;
    background-size: 100% auto;
    background-position: center top !important;
}

.masthead-copy {
    grid-area: 1 / 1;
    align-self: end;
    padding-block: clamp(2rem, 5vw, 5rem);
}

@media (max-width: 760px) {
    .masthead {
        display: block;
    }

    .masthead-copy {
        padding-block: 2rem;
    }
}