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

/* 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;
    }
}

/* whyus v17 — bookshelf pill grid (layout/animation only, no colors) */

/* shelf row spacing — ultra-tight external gaps */
.whyus-shelf-pills__shelf {
    position: relative;
}

.whyus-shelf-pills__shelf + .whyus-shelf-pills__shelf {
    margin-top: 0.25rem;
}

.whyus-shelf-pills__shelf--last {
    margin-bottom: 0;
    border-bottom-width: 0;
}

/* pill — magnetic pull toward cursor, driven by JS-set custom properties */
.whyus-shelf-pills__pill {
    --tilt-x: 0;
    --tilt-y: 0;
    will-change: transform;
    transform: translate(calc(var(--tilt-x) * 1px), calc(var(--tilt-y) * 1px));
    transition: transform 150ms ease-out;
}

.whyus-shelf-pills__items {
    display: flex;
    flex-direction: column;
}

.whyus-shelf-pills__pill-body {
    min-width: 0;
}

/* diamond decor shapes */
.whyus-shelf-pills__diamond {
    position: absolute;
    transform: rotate(45deg);
}

.whyus-shelf-pills__diamond--sm {
    width: 0.5rem;
    height: 0.5rem;
}

.whyus-shelf-pills__diamond--md {
    width: 0.875rem;
    height: 0.875rem;
}

.whyus-shelf-pills__diamond--lg {
    width: 1.25rem;
    height: 1.25rem;
}

/* lightning flash — brief full-bleed opacity spike, no color set here */
.whyus-shelf-pills__flash {
    animation: whyus-shelf-pills-flash 7s ease-in-out infinite;
}

@keyframes whyus-shelf-pills-flash {
    0%, 90%, 100% {
        opacity: 0;
    }
    93% {
        opacity: 0.15;
    }
    96% {
        opacity: 0;
    }
}

/* variable font-weight axis animation on the heading */
.whyus-shelf-pills__heading-weight {
    animation: whyus-shelf-pills-weight 5s ease-in-out infinite alternate;
}

@keyframes whyus-shelf-pills-weight {
    from {
        font-weight: 400;
    }
    to {
        font-weight: 800;
    }
}

/* CTA is the only element with an entrance animation */
.whyus-shelf-pills__cta {
    animation: whyus-shelf-pills-cta-in 0.8s ease-out 0.3s both;
}

@keyframes whyus-shelf-pills-cta-in {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.values-orb-card__thumb {
    width: 5rem;
    height: 5rem;
    z-index: 10;
}