.content-v40-thumb-wrap {
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .content-v40-thumb-wrap {
        width: 50rem;
        max-width: 50rem;
    }
}

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

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

.folio-bodycopy__figure--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

.folio-bodycopy__action--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

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

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

/* Decor geometry (layout only; colors stay in Blade / @sem) */
.leaflet-document__decor-1 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 0;
    left: 0;
    transform: translate(-4rem, -4rem);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__decor-2 {
    position: absolute;
    width: 12rem;
    height: 12rem;
    bottom: 0;
    right: 0;
    transform: translate(6rem, 6rem);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__decor-3 {
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 50%;
    right: 0;
    transform: translate(3rem, -50%);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__decor-4 {
    position: absolute;
    width: 4rem;
    height: 4rem;
    left: 25%;
    bottom: 25%;
    transform: translate(-50%, 50%);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__divider-bar {
    height: 0.25rem;
}

.leaflet-document__title-trail { margin-bottom: 2rem; }

.leaflet-document__rule-trail { margin-bottom: 3rem; }

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

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

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

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

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

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

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

/* image stagger — sm:translate-y-3 / sm:-translate-y-3 have no BS utility */
@media (min-width: 640px) {
    .content-stagger__img-up   { transform: translateY(0.75rem); }
    .content-stagger__img-down { transform: translateY(-0.75rem); }
}

/* dashed border — not a native BS utility */
.content-panel__dashed { border-style: dashed; }

/* decor line — fixed width to match w-16 */
.content-decor__line { width: 4rem; height: 0; display: block; }

/* CTA hover — transform/transition have no BS utility */
.content-cta__lift { transition: transform 150ms ease; }
.content-cta__lift:hover { transform: translateY(-2px); }

.backdrop-grid-min-h { min-height: 30vh; }

.backdrop-sq-12 { width: 3rem; height: 3rem; flex-shrink: 0; }

.backdrop-card-hover {
    transition: transform 0.3s ease;
}

.backdrop-card-hover:hover {
    transform: scale(1.05);
}

.about-overview-v4__media {
    min-width: 0;
    overflow: hidden;
}

.overview-image-hover {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.overview-image-hover:hover {
    transform: scale(1.05);
}

.context-card-hover {
    transition: transform 0.3s ease;
}

.context-card-hover:hover {
    transform: scale(1.05);
}

.context-border-w-4 {
    border-left-width: 4px !important;
}

@keyframes perks-stats-stack-rotate-kf {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.perks-stats-stack__square {
    animation: perks-stats-stack-rotate-kf 30s linear infinite;
}

.perks-stats-stack__square--slow {
    animation-duration: 36s;
}

.perks-stats-stack__feat-thumb {
    width: 2rem;
    height: 2rem;
}

.perks-stats-stack__row-thumb {
    width: 3rem;
    height: 3rem;
}

.perks-stats-stack__feat,
.perks-stats-stack__row {
    transition: transform 0.2s ease;
}

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

    .perks-stats-stack__row:hover {
        transform: scale(1.05);
    }
}