/* What We Do Section */
#what-we-do {
    background-color: #000;
}

.what-we-do-video-container {
    grid-column: 1;  /* Band 1 only */
    grid-row: 1 / -1;
    position: relative;
    overflow: hidden;
}

.what-we-do-video-container .background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.what-we-do-text-wrapper {
    grid-column: 2 / 5;  /* Bands 2 + 3 + nav strip */
    grid-row: 1 / -1;
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.what-we-do-text-box {
    width: 100%;
    height: 100%;
    padding: var(--gutter);
    padding-right: calc(3.2vw + var(--gutter)); /* Nav strip width + gutter */
    color: #000;
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    pointer-events: auto; /* Ensure it captures mouse events for zone-based scrolling */
}

.what-we-do-text-box::-webkit-scrollbar {
    display: none; /* Chrome/Safari/Opera */
}

.typing-content {
    font-size: var(--font-what-we-do);
    line-height: var(--font-what-we-do-line-height);
    letter-spacing: var(--font-what-we-do-letter-spacing);
    white-space: pre-wrap;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
}