.intro-subtitle-content {
    max-width: 56rem;
}

/* steps v23 - scroll progress fill driven by a JS-set --progress custom property */

.steps-scroll-timeline__fill {
    --progress: 0%;
    height: var(--progress);
    transition: height 120ms linear;
}

.whyus-scattered__subtitle-max {
    max-width: 48rem;
}

.whyus-scattered__grid {
    max-width: 64rem;
    margin-top: 60px;
}

/* Bootstrap: вертикальные промежутки как gap-16 / md:gap-20 в Tailwind */
.whyus-scattered__bs-stack {
    gap: 4rem;
}

@media (min-width: 768px) {
    .whyus-scattered__bs-stack {
        gap: 5rem;
    }
}

/* Смещения как md:-ml-20 / md:ml-16 / md:-ml-8 и mt (только md+) */
@media (min-width: 768px) {
    .whyus-scattered__item--0 {
        margin-left: -5rem;
        margin-top: -2rem;
    }

    .whyus-scattered__item--1 {
        margin-left: 4rem;
        margin-top: -3rem;
    }

    .whyus-scattered__item--2 {
        margin-left: -2rem;
        margin-top: 1rem;
    }
}

.whyus-scattered__thumb {
    width: 6rem;
    height: 6rem;
    flex-shrink: 0;
}