/* Background-only additions; original project content stays below the hero. */
body.sub-page .project-hero--added {
    height: 80svh;
    min-height: 600px;
    max-height: 1000px;
    padding: 140px max(6vw, 32px) 72px;
    align-items: center;
    background: #0b0b0c;
}
body.sub-page .project-hero--added::before { display: none; }
body.sub-page .project-hero--added .project-hero__bg img {
    filter: none;
    object-position: center;
    transform: none;
}
body.sub-page .project-hero--added .project-hero__bg::after {
    background: linear-gradient(90deg, rgba(6,8,12,.85), rgba(6,8,12,.55) 34%, rgba(6,8,12,.06) 68%), linear-gradient(0deg, #0b0b0c, transparent 23%);
}
body.sub-page .project-hero--added .project-hero__content { width: 46%; max-width: 650px; }
body.sub-page .project-hero--added .detail-header { margin: 0; text-align: left; }
body.sub-page .project-hero--added .detail-title { font-size: clamp(2.4rem, 4.4vw, 4.8rem); line-height: 1.15; }
body.sub-page .project-hero--added .detail-meta { color: rgba(255,255,255,.8); line-height: 1.8; overflow-wrap: anywhere; }
body.sub-page .project-hero--added .c-subtitle { font-size: .4em; color: rgba(255,255,255,.78); }
body.sub-page .project-hero--added .back-btn { margin-bottom: 32px; color: #ddd; }
body.sub-page .project-hero--added + .detail-container:not(.case-shell) { margin-top: 0; padding-top: 60px; }
@media (max-width: 1000px) {
    body.sub-page .project-hero--added { height: auto; min-height: 0; max-height: none; padding: calc(56.25vw + 100px) 24px 40px; }
    body.sub-page .project-hero--added .project-hero__bg img { position: absolute; top: 72px; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
    body.sub-page .project-hero--added .project-hero__bg::after { background: linear-gradient(to bottom, transparent 72px, transparent calc(56.25vw + 20px), #0b0b0c calc(56.25vw + 74px)); }
    body.sub-page .project-hero--added .project-hero__content { width: 100%; max-width: none; }
    body.sub-page .project-hero--added .detail-title { font-size: clamp(2rem, 8vw, 3rem); }
    body.sub-page .project-hero--added .back-btn { margin-bottom: 24px; }
    body.sub-page .project-hero--added + .detail-container:not(.case-shell) { padding-top: 24px; }
}