/* Hidden Roots – Inner-page header */

.page-header {
    position:   relative;
    overflow:   hidden;
    background: var(--color-linen);
    padding-block: var(--space-2xl);

    @media (min-width: 992px) {
        padding-block: var(--space-3xl) var(--space-2xl);
    }
}

.page-header__inner {
    position:    relative;
    z-index:     1;
    display:     grid;
    gap:         var(--space-xl);
    align-items: center;

    .has-image & {
        @media (min-width: 992px) {
            grid-template-columns: 1.2fr 1fr;
            gap: var(--space-2xl);
        }
    }
}

.page-header__title {
    margin-bottom: var(--space-md);
}

.page-header__intro {
    max-width: 560px;

    p:last-child {
        margin-bottom: 0;
    }
}

.page-header__media {
    width:        min(100%, 460px);
    justify-self: center;
    border-radius: var(--radius-arch);
}

.page-header__branches {
    color: var(--color-oak);
}

.page-header__branches--right {
    right:   -60px;
    bottom:  -30px;
    width:   min(75vw, 960px);
    opacity: .34;
}

.page-header__branches--left {
    left:    -60px;
    bottom:  -30px;
    width:   min(40vw, 540px);
    opacity: .2;
}

@media (max-width: 991px) {
    .page-header__branches--right {
        right:   -20vw;
        width:   110vw;
        opacity: .26;
    }

    .page-header__branches--left {
        left:    -20vw;
        width:   80vw;
        opacity: .16;
    }
}