.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-ledger__stem {
    height: 4rem;
    transform: translateX(-50%);
}

.values-hub-glow {
    width: min(100%, 42rem);
    height: 16rem;
    filter: blur(3rem);
}

.values-hub-sq-10 {
    width: 2.5rem;
    height: 2.5rem;
}

.values-hub-sq-11 {
    width: 2.75rem;
    height: 2.75rem;
}

.values-hub-spotlight {
    min-height: 12rem;
}

.values-hub-spotlight__rings {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22rem;
    height: 22rem;
    max-width: 90vw;
    max-height: 90vw;
    pointer-events: none;
}

.values-hub-ring {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--bs-primary, #0d6efd) 22%, transparent);
    pointer-events: none;
}

.values-hub-ring--a {
    width: 100%;
    height: 100%;
    opacity: 0.45;
}

.values-hub-ring--b {
    width: 72%;
    height: 72%;
    border-style: dashed;
    opacity: 0.35;
}

.values-hub-core-logo :is(img, svg) {
    max-height: 2.75rem;
    width: auto;
}

.values-hub-core-bs {
    min-height: 11rem;
    max-width: 13rem;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--bs-body-bg, #fff) 92%, var(--bs-primary, #0d6efd) 8%),
        var(--bs-body-bg, #fff)
    );
}

.values-hub-card-bs {
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.values-hub-card-bs:hover {
    transform: translateY(-0.25rem);
    box-shadow: var(--bs-box-shadow);
    border-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.35) !important;
}

/* content gutter — bracket ticks share width */
.content-gutter__tick {
    width: 1px;
}

/* solo column: span full grid / row when second stack hidden */
.content-gutter__lead--span {
    grid-column: 1 / -1;
}

.content-rail__side {
    flex-shrink: 0;
}

@media (min-width: 1024px) {
    .content-rail__side {
        width: 8rem;
    }

    .content-rail__vertical {
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
}

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

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

/* Layout parity: Bootstrap bs: branch — values match theme/tailwind spacing (see v11 tw:) */
.content-v11-bs--root {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.content-v11-bs--area {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}

.content-v11-bs--row {
    gap: 2rem;
}

@media (min-width: 992px) {
    .content-v11-bs--col-copy {
        max-width: 42rem;
    }
}

.content-v11-bs--panel-mb {
    margin-bottom: 2rem;
}

.content-v11-bs--col-visual {
    position: relative;
}

.content-v11-bs--media-back {
    position: absolute;
    top: 10rem;
    left: 1.25rem;
    width: 80%;
    pointer-events: none;
}

.content-v11-bs--media-front {
    position: relative;
    z-index: 10;
    margin-bottom: 5rem;
    margin-left: 2rem;
    width: 50%;
}


.copy-document__body-stack-gap {
    gap: 4rem;
}

.content-flow-gap {
    gap: 4rem;
}

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

.content-prose-measure {
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.content-article-frame {
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.content-cta__lift { transition: transform 150ms ease; }
.content-cta__lift:hover { transform: translateY(-2px); }

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

.content-img-medium {
    display: block;
    width: 100%;
    height: 22rem;
    min-height: 22rem;
    flex-shrink: 0;
    object-fit: cover;
}
@media (min-width: 768px) {
    .content-img-medium {
        height: 28rem;
        min-height: 28rem;
    }
}

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

.content-flex-min {
    min-width: 0;
}