/* Page Hero Section */
.page-hero {
    background-color: var(--c-dark);
    color: var(--c-white);
    overflow: hidden;
    position: relative;
}

.page-hero__goat {
    height: 134vh;
    max-width: none;
    opacity: 0.28;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -14vh;
    user-select: none;
    width: auto;
}

.page-hero__screen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    min-height: 100svh;
    padding: clamp(80px, 12vh, 160px) var(--header-x-right) clamp(48px, 8vh, 96px) var(--header-x-left);
    position: relative;
}

.page-hero__title {
    color: var(--c-white);
    font-size: clamp(52px, 10.4vw, 200px);
    font-weight: 600;
    letter-spacing: 0.005em;
    line-height: 1.08;
    margin: 0;
}

.page-hero .page-hero__lead {
    color: var(--c-white);
    font-size: clamp(26px, 5.2vw, 96px);
    font-weight: 500;
    line-height: 1.32;
    margin: 0;
    max-width: 15.5em;
}

.page-hero__lead .word,
.page-hero__title .word {
    display: inline-block;
}

.page-hero .word--accent {
    color: var(--c-accent);
}

@media (max-width: 767.98px) {
    .page-hero__goat {
        height: auto;
        top: -6vh;
        width: 92vw;
    }
    
    .page-hero__title {
        font-size: clamp(44px, 12vw, 72px);
    }
    
    .page-hero .page-hero__lead {
        font-size: clamp(28px, 8vw, 44px);
        line-height: 1.28;
    }
    
    .page-hero__screen--title {
        min-height: 0;
    }
    
    .page-hero__screen--lead {
        min-height: 64svh;
    }
}