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

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

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

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

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

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

.content-trio-showcase__image {
    display: block;
    width: 100%;
    height: 10rem;
    object-fit: cover;
}

.content-trio-showcase__image--tall {
    height: 14rem;
}

.content-trio-showcase__image--short {
    height: 8rem;
}

.content-trio-showcase__card-lift {
    transition: transform 180ms ease;
}

.content-trio-showcase__card-lift:hover {
    transform: translateY(-0.25rem);
}

.content-trio-showcase__float {
    animation: content-trio-showcase-float 7s ease-in-out infinite;
}

.content-trio-showcase__rail {
    width: 100%;
    height: 0.25rem;
}

.content-trio-showcase__thumb {
    width: 7rem;
    height: 5rem;
}

.content-trio-showcase__badge {
    width: 2.5rem;
    height: 2.5rem;
}

@media (min-width: 768px) {
    .content-trio-showcase__rail {
        width: 0.25rem;
        height: auto;
    }
}

@keyframes content-trio-showcase-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(0.5rem); }
}

.content-trio-showcase__dot {
    width: 0.5rem;
    height: 0.5rem;
}

.content-trio-showcase__float {
    width: 6rem;
    height: 6rem;
}

@media (min-width: 768px) {
    .content-trio-showcase__offset {
        margin-top: 2.5rem;
    }
}

/* glossary ledger — icon tile sizes, footnote icon size, hover motion (matches stats-style sections) */
.glossary-ledger__icon-cell,
.glossary-ledger__index {
    width: 3.25rem;
    height: 3.25rem;
}

.glossary-ledger__index {
    min-width: 3.25rem;
}

.glossary-ledger__icon-fa {
    font-size: 1.25rem;
    line-height: 1;
}

.glossary-ledger__note-wrap {
    width: 3.5rem;
    height: 3.5rem;
}

.glossary-ledger__note-icon {
    font-size: 1.35rem;
    line-height: 1;
}

.glossary-ledger__accent {
    height: 0.28rem;
}

.glossary-ledger__card {
    transition: transform 0.28s ease;
}

.glossary-ledger__card:hover .glossary-ledger__accent {
    transform: scaleX(1);
}

.glossary-ledger .glossary-ledger__accent {
    transform: scaleX(0.88);
    transform-origin: left center;
    transition: transform 0.3s ease;
}

.tips-cards__card {
    max-width: 24rem;
}