/* ── Dark BG Page Template ── */

.bsb-dark-bg-hero {
    position:        relative;
    width:           100%;
    min-height:      45vh;
    min-height:      300px;
    padding: 30px 0;
    background:      #000000;
    display:         flex;
    align-items:     center;
    overflow:        hidden;
}

.bsb-dark-bg-hero .bsb-container {
    display:         flex;
    align-items:     center;
    justify-content: center;
}

.bsb-dark-bg-heading {
    font-family:    var(--bsb-font-display);
    font-size:      clamp(1.5rem, 3.5vw, 3rem);
    font-weight:    700;
    color:          #ffffff;
    text-align:     center;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    line-height:    1;
    margin:         0;
}

/* Slide-up reveal — JS drives bsb-title-line-inner to y:0 */
.bsb-dark-bg-heading .bsb-title-line-inner {
    display:   inline-block;
    transform: translateY(110%);
}

@media (max-width: 768px) {
    .bsb-dark-bg-hero {
        min-height: 35vh;
    }
}