.page-header {
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg, var(--ocf-bg-alt), var(--ocf-bg));
    padding-block: clamp(4rem, 8vw, 7rem);
}

.page-header .container-global {
    position: relative;
    z-index: 1;
}

.page-header-content {
    max-width: 760px;
}

.page-header-subtitle {
    margin: 0 0 0.9rem;
    color: var(--ocf-label);
    font-size: var(--text-sm);
    font-weight: 650;
}

.page-header-title {
    margin: 0;
    color: var(--ocf-heading);
    font-family: var(--ocf-font-heading), Georgia, serif;
    font-size: clamp(2.75rem, 6vw, 5.5rem);
    font-weight: 600;
    line-height: 0.98;
}

.page-header-intro {
    max-width: 58ch;
    margin-top: 1rem;
    color: var(--ocf-body);
    font-size: var(--text-lg);
}