/* Our Story — uses the established Our Vision editorial system. */
.story-vision-page .inner-hero__eyebrow {
    color: rgba(251, 250, 246, .78);
}

.story-vision-page .inner-hero__description {
    color: rgba(251, 250, 246, .86);
    text-shadow: 0 1px 1.25rem rgba(0, 0, 0, .28);
}

.story-vision-page__label {
    display: inline-block;
    padding: .4rem .8rem;
    border: 1px solid rgba(251, 250, 246, .5);
    border-radius: 999px;
    color: var(--warm-white);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.story-vision-page__copy {
    min-width: 0;
    max-width: 38rem;
}

.story-vision-page__copy p {
    max-width: 38rem;
}

.story-vision-gallery__note {
    align-self: end;
    padding-inline-start: clamp(0rem, 4vw, 4rem);
}

.story-vision-gallery__note .eyebrow {
    margin: 0 0 .75rem;
    color: var(--clay);
}

.story-vision-gallery__note span {
    color: var(--taupe);
    font-family: var(--font-serif);
    font-size: clamp(1rem, 1.3vw, 1.2rem);
    line-height: 1.55;
}

.story-vision-gallery__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(17rem, .75fr);
    gap: clamp(1rem, 2.2vw, 2rem);
    align-items: end;
    min-width: 0;
}

.story-vision-gallery__main,
.story-vision-gallery__portrait {
    width: 100%;
    min-width: 0;
}

.story-vision-gallery__portrait {
    margin-bottom: clamp(1rem, 5vw, 5rem);
}

.story-vision-page .vision-closing {
    padding-top: clamp(1rem, 3vw, 2.5rem);
}

/* Keep story content available even when a visitor jumps past a reveal trigger. */
body.is-intro-ready .story-vision-page [data-reveal] {
    opacity: 1;
    transform: none;
}

body.is-intro-ready .story-vision-page [data-reveal-image] .vision-figure__img,
body.is-intro-ready .story-vision-page [data-reveal-image] img {
    transform: none;
}

.js .story-vision-page [data-reveal-image] {
    clip-path: inset(0);
    opacity: 1;
}

[dir='rtl'] .story-vision-gallery__note {
    padding-inline-start: clamp(0rem, 4vw, 4rem);
}

@media (max-width: 900px) {
    .story-vision-gallery__grid {
        grid-template-columns: minmax(0, 1.35fr) minmax(14rem, .65fr);
    }
}

@media (max-width: 768px) {
    .story-vision-gallery__note {
        padding-inline-start: 0;
    }

    .story-vision-gallery__grid {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }

    .story-vision-gallery__portrait {
        width: min(82%, 28rem);
        margin: 0 0 0 auto;
    }

    [dir='rtl'] .story-vision-gallery__portrait {
        margin-inline: 0 auto;
    }
}

@media (max-width: 520px) {
    .story-vision-gallery__portrait {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .story-vision-page *,
    .story-vision-page *::before,
    .story-vision-page *::after {
        transition: none !important;
    }
}