/* process studio — services grid, CTA ring, card drift animations */
.process-studio__cta {
    width: 7.5rem;
    height: 7.5rem;
    line-height: 1.25;
    padding: 1rem;
    transition: transform 220ms ease, border-color 220ms ease, background-color 220ms ease, color 220ms ease;
}

.process-studio__cta:hover {
    transform: scale(1.04);
}

.process-studio__card-icon {
    width: 3.5rem;
    height: 3.5rem;
    flex-shrink: 0;
}

.process-studio__drift {
    animation: process-studio-drift 4.5s ease-in-out infinite;
}

.process-studio__drift--a {
    animation-delay: 0s;
}

.process-studio__drift--b {
    animation-delay: 0.5s;
}

.process-studio__drift--c {
    animation-delay: 1s;
}

.process-studio__card--1 .process-studio__drift {
    animation-duration: 4.5s;
}

.process-studio__card--2 .process-studio__drift {
    animation-duration: 5s;
}

.process-studio__card--3 .process-studio__drift {
    animation-duration: 4s;
}

.process-studio__card--4 .process-studio__drift {
    animation-duration: 5.5s;
}

.process-studio__card--5 .process-studio__drift {
    animation-duration: 4.2s;
}

.process-studio__card--6 .process-studio__drift {
    animation-duration: 4.8s;
}

@keyframes process-studio-drift {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-0.2rem);
    }
}

@media (min-width: 768px) {
    .process-studio__cta {
        width: 8.5rem;
        height: 8.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .process-studio__drift {
        animation: none;
    }

    .process-studio__cta:hover {
        transform: none;
    }
}


.splitview-scorecard__region--mb-2xl {
    margin-bottom: 4rem;
}

.splitview-scorecard__label--p-2xl {
    padding: 4rem;
}

.splitview-scorecard__column--p-2xl {
    padding: 4rem;
}

.splitview-scorecard__cell--p-2xl {
    padding: 4rem;
}

.perks-spotlight-split__main-thumb {
    width: 5rem;
    height: 5rem;
}

.perks-spotlight-split__feat-thumb {
    width: 2rem;
    height: 2rem;
}

.perks-spotlight-split__row-thumb {
    width: 3rem;
    height: 3rem;
}

.perks-spotlight-split__feat,
.perks-spotlight-split__row {
    transition: transform 0.2s ease;
}

@media (min-width: 640px) {
    .perks-spotlight-split__feat:hover {
        transform: scale(1.05);
    }

    .perks-spotlight-split__row:hover {
        transform: scale(1.05);
    }
}

/* Лише hover scale — розміри в @sem (tw) та width/height на img (bs) */
.quote-author-media-hover {
  transition: transform 0.3s ease;
}

.quote-author-media-hover:hover {
  transform: scale(1.05);
}