.diagnosis-hero-bg {
    background-image: url('../images/diagnosis_hero_bg.png');
    background-size: cover;
    background-position: center;
    opacity: 0.25;
}

.diagnosis-hero {
    min-height: 150px;
}

.diagnosis-hero-inner {
    padding: clamp(0.875rem, 1.6vw, 1.5rem) 0 clamp(1.4rem, 2.2vw, 2.2rem);
}

.diagnosis-hero-title {
    line-height: 1.25;
    text-wrap: balance;
}

.diagnosis-hero-copy {
    line-height: 1.7;
    text-wrap: pretty;
}

.diagnosis-page-wrap {
    background-color: var(--warm-cream, #fdf8f0);
}

@media (max-width: 768px) {
    .diagnosis-hero-inner {
        padding: 1rem 0 2rem;
    }

    .diagnosis-hero-copy {
        font-size: 1rem;
    }
}