.intro-animated-gradient__root {
    padding-top: clamp(4rem, 12vw, 10rem);
    padding-bottom: clamp(4rem, 12vw, 10rem);
}

@keyframes intro-animated-gradient-spin {
    to {
        transform: rotate(360deg);
    }
}

.intro-animated-gradient__spin--left,
.intro-animated-gradient__spin--right {
    animation-name: intro-animated-gradient-spin;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
}

.intro-animated-gradient__spin--left {
    animation-duration: 48s;
}

.intro-animated-gradient__spin--right {
    animation-duration: 60s;
    animation-direction: reverse;
}

.intro-animated-gradient__area {
    max-width: 48rem;
}

.content-col-grow {
    flex: 1 1 0%;
    min-width: 0;
}

.content-grid-gap {
    gap: 2rem;
}

.content-heading-gap {
    margin-bottom: 2rem;
}

.content-section-pad {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.content-small-height {
    display: block;
    width: 100%;
    height: 12rem;
    min-height: 12rem;
    flex-shrink: 0;
    object-fit: cover;
}


@keyframes matrix-gridview-iconframe-throb-track {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.matrix-gridview__iconframe--throb {
    animation: matrix-gridview-iconframe-throb-track 2s cubic-bezier(.4,0,.6,1) infinite;
}

.steps-bg-timeline__card-col {
    max-width: 28rem;
}

.steps-bg-timeline__badge-circle {
    width: 4rem;
    height: 4rem;
}

.steps-bg-timeline__timeline-line {
    height: 1px;
}