.mission-scroll{position:relative;background:#000}
.mission-scroll.is-ready{height:var(--mission-height,300svh)}
.mission-scroll.is-ready .mission--zoom{position:sticky;top:0}
.mission--zoom{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;isolation:isolate;overflow:hidden;background:#000;padding:120px 48px}
.mission-visual{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#000}
.mission-photo{display:block;width:100%;height:100%;object-fit:contain;transform-origin:63% 42%;transform:scale(2);will-change:transform;filter:brightness(var(--photo-brightness,.65))}
.mission--zoom::before{content:"";position:absolute;inset:0;z-index:-1;opacity:var(--shade-opacity,1);background:linear-gradient(180deg,#000 0%,#0006 22%,#000b 50%,#0006 78%,#000 100%)}
.mission--zoom blockquote{color:#f5f7fa;text-shadow:0 2px 22px #000,0 1px 5px #000}
.mission--zoom .who{color:#d5dce5;text-shadow:0 2px 8px #000}
@media(max-width:600px){.mission--zoom{padding:104px 24px}.mission--zoom blockquote{font-size:clamp(1.7rem,7vw,2.4rem)}.mission--zoom .who{font-size:.65rem;letter-spacing:.22em}}

.mission--zoom blockquote,.mission--zoom .who{opacity:var(--copy-opacity,1)}