/* Shared opening rhythm for all four project detail pages. */
.case-main {
    padding-top: 82px;
}

.hero {
    padding-top: clamp(60px, 6.8vw, 108px);
    padding-bottom: clamp(68px, 7vw, 112px);
}

.hero-grid {
    align-items: end;
}

.hero-side {
    padding-bottom: 8px;
}

.hero-intro {
    margin-bottom: 0;
}

.story {
    padding-top: clamp(78px, 7.6vw, 122px);
}

@media (max-width: 720px) {
    .case-main {
        padding-top: 70px;
    }

    .hero {
        padding-top: 48px;
    }

    .story {
        padding-top: 64px;
    }
}