/* Энтелехия — плавный скролл и производительность */

html {
    scroll-padding-top: calc(var(--header-h, 72px) + 16px);
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }

    .btn,
    .nav-link,
    .bento-card,
    .process-step,
    .innovation-card,
    .work-card__trigger,
    .services-tabs__btn,
    .footer__links a {
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    }
}

.depth-section,
.page-main > section,
.services-tabs__panel,
.work-cards-stage {
    content-visibility: auto;
    contain-intrinsic-size: auto 420px;
}

.hero,
.page-hero,
.services-tabs,
.services-tabs__media,
.work-cards-stage .work-card.is-expanded {
    content-visibility: visible;
}

@media (min-width: 769px) {
    html {
        scrollbar-width: thin;
        scrollbar-color: rgba(74, 143, 224, 0.45) rgba(255, 255, 255, 0.06);
    }

    ::-webkit-scrollbar {
        width: 8px;
    }

    ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.04);
    }

    ::-webkit-scrollbar-thumb {
        background: rgba(74, 143, 224, 0.4);
        border-radius: 8px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(74, 143, 224, 0.65);
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}