/* gallery v18 — hero + three frames.
   Geometry shared by both CSS frameworks (Bootstrap has no grid-template / aspect utilities). */
.gallery-cascade-grid__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.mxw-5xl {
    max-width: 64rem !important;
}

.mxw-2xl {
    max-width: 42rem !important;
}

.gallery-cascade-grid__head {
    margin-bottom: 2.5rem;
}

.gallery-cascade-grid__title {
    font-size: 1.875rem;
    margin-bottom: 0.75rem;
}

.gallery-cascade-grid__lead {
    font-size: 1.125rem;
}

.gallery-cascade-grid__hero {
    aspect-ratio: 16 / 7;
}

.gallery-cascade-grid__thumb {
    aspect-ratio: 1 / 1;
}

.gallery-cascade-grid__img {
    object-fit: cover;
    transition: transform 300ms ease;
}

/* hover zoom — `:where()` keeps specificity at 0-1-0 so Tailwind's hover:scale-105 wins there */
:where(.gallery-cascade-grid__img):hover {
    transform: scale(1.05);
}

/* caption scrim: Bootstrap has no gradient utility, so the flat fill is toned down instead */
.gallery-cascade-grid__caption {
    --bs-bg-opacity: 0.55;
}

.gallery-cascade-grid__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .gallery-cascade-grid__row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .gallery-cascade-grid__title {
        font-size: 2.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    :where(.gallery-cascade-grid__img):hover {
        transform: none;
    }
}

.content-column__body {
    column-gap: 2.5rem;
}

.content-column__body p {
    break-inside: avoid;
}

@media (min-width: 768px) {
    .content-column__body {
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .content-column__body {
        column-count: 3;
    }
}

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

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

.prose-bodycopy__text-panel-inset {
    padding: 4rem;
}

/* our-philosophy — mission ledger: layout, sizes and transforms only (no colors) */
.mission-ledger__eyebrow {
    font-size: 0.875rem;
    letter-spacing: 0.2em;
}

.mission-ledger__heading {
    letter-spacing: -0.025em;
}

.mission-ledger__stage {
    min-height: 26rem;
}

.mission-ledger__cloud {
    filter: blur(2.5rem);
    pointer-events: none;
}

.mission-ledger__cloud--a { width: 14rem; height: 8rem; transform: translate(-3rem, 14rem); }
.mission-ledger__cloud--b { width: 18rem; height: 10rem; transform: translate(12rem, 20rem); }
.mission-ledger__cloud--c { width: 12rem; height: 7rem; transform: translate(20rem, 2rem); }

.mission-ledger__caption {
    font-size: 0.75rem;
    line-height: 1rem;
}

.mission-ledger__skeleton {
    height: 0.5rem;
}

.mission-ledger__skeleton--short {
    width: 70%;
}

.mission-ledger__skeleton--progress {
    width: 60%;
    height: 0.25rem;
}

.mission-ledger__avatar {
    width: 2rem;
    height: 2rem;
    font-size: 0.75rem;
}

.mission-ledger__bars {
    height: 9rem;
}

.mission-ledger__pill {
    font-size: 0.625rem;
    line-height: 1;
    white-space: nowrap;
}

.mission-ledger__bar { min-height: 1.5rem; }
.mission-ledger__bar--h1 { height: 55%; }
.mission-ledger__bar--h2 { height: 80%; }
.mission-ledger__bar--h3 { height: 45%; }
.mission-ledger__bar--h4 { height: 70%; }
.mission-ledger__bar--h5 { height: 50%; }

.mission-ledger__tick {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.625rem;
}

@media (min-width: 640px) {
    .mission-ledger__lift {
        transform: translateY(-2.5rem);
    }
}

.mission-ledger__barcol {
    min-width: 0;
    flex-basis: 0;
}

.mission-ledger__barcol .mission-ledger__pill {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* the badge next to the card footer text wraps instead of running past the card edge */
.mission-ledger__lift :not(.mission-ledger__barcol):has(> .mission-ledger__pill) { flex-wrap: wrap; row-gap: .375rem; }
.mission-ledger__lift :not(.mission-ledger__barcol) > .mission-ledger__pill { white-space: normal; max-width: 100%; }
.mission-ledger__lift :not(.mission-ledger__barcol):has(> .mission-ledger__pill) > :first-child { min-width: 0; }

.content-river__arc {
    width: 18rem;
    height: 18rem;
}

.content-river__node {
    width: 0.75rem;
    height: 0.75rem;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .content-river__copy--right {
        grid-column-start: 2;
    }

    .content-river__copy--left {
        grid-column-start: 1;
        grid-row-start: 1;
    }

    .content-river__spacer--left {
        order: 2;
    }
}

.content-focus-checklist__button {
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    cursor: pointer;
    outline-offset: 0.2rem;
    transition: transform 180ms ease;
}

.content-focus-checklist__button:hover {
    transform: translateY(-0.125rem);
}

.content-focus-checklist__button.is-active {
    transform: translateX(0.25rem);
}

/* values-storybook — zigzag alternation, organic blob shapes, hover motion */
/* Layout/transform/animation only — no colors here, theme colors applied via tw: */

@media (min-width: 768px) {
    .values-storybook__item:nth-child(even) {
        flex-direction: row-reverse;
    }
}

.values-storybook__blob-wrap {
    width: 8rem;
    height: 8rem;
    transition: transform 250ms ease;
}

@media (min-width: 640px) {
    .values-storybook__blob-wrap {
        width: 10rem;
        height: 10rem;
    }
}

.values-storybook__item:hover .values-storybook__blob-wrap {
    transform: scale(1.06);
}

.values-storybook__blob {
    position: absolute;
    inset: 0;
    border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%;
}

.values-storybook__item:nth-child(even) .values-storybook__blob {
    border-radius: 58% 42% 37% 63% / 59% 56% 44% 41%;
}

.values-storybook__list {
    transition: transform 200ms ease;
}