.page-hero {
    position: relative;
    padding: var(--space-8) 0;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--color-cloud-cream);
    overflow: hidden;
}

@media (min-width: 768px) {
    .page-hero {
        min-height: 400px;
    }
}

.page-hero-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(231, 168, 160, 0.2), rgba(201, 184, 174, 0.4));
    z-index: 1;
}

.page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 0 var(--space-3);
}

.page-hero-title {
    margin-bottom: var(--space-2);
}

.page-hero-subtitle {
    font-size: var(--text-lg);
    color: var(--color-warm-taupe);
}