/* No snap: normal document scrolling clips viewport-fixed photographs. */
.about-scroll-panel {
  position:relative;
  height:100svh;
  min-height:640px;
  overflow:hidden;
  isolation:isolate;
  clip-path:inset(0);
  background:#c6ddf7;
}
.about-scroll-panel > .about-parallax-image {
  position:fixed;
  inset:0;
  width:100%;
  height:100lvh;
  max-width:none;
  object-fit:cover;
  object-position:center;
  z-index:-1;
}
.about-system-copy {
  position:absolute;
  left:0;
  right:0;
  top:50%;
  transform:translateY(-50%);
  text-align:center;
  color:#fff;
  padding:36px max(24px,8vw);
  isolation:isolate;
}
.about-system-copy::before {content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,28,131,.40);transform-origin:left center;}
.about-system-screen.is-visible .about-system-copy::before {animation:aboutBandEnter 1.1s cubic-bezier(.22,1,.36,1) both;}
.about-system-screen.is-visible .about-system-copy > * {animation:aboutCopyEnter 1s .16s cubic-bezier(.22,1,.36,1) both;}
.about-motion-ready .about-system-screen:not(.is-visible) .about-system-copy {visibility:hidden;}
@keyframes aboutBandEnter {from {transform:scaleX(0);} to {transform:scaleX(1);}}
@keyframes aboutCopyEnter {from {opacity:0;transform:translateY(72px);} to {opacity:1;transform:translateY(0);}}
.about-system-copy .display {font-size:clamp(32px,3.1vw,54px);line-height:1.5;color:#fff;margin-left:auto;margin-right:auto;}
.about-system-copy .section-lead {max-width:900px;margin:30px auto 0;font-size:clamp(16px,1.2vw,20px);line-height:1.95;color:#fff;text-align:center;}
@media(max-width:760px) {
  .about-scroll-panel {min-height:680px;}
  .about-system-screen > .about-parallax-image {object-position:center;}
  .about-system-copy {padding:28px 24px;}
  .about-system-copy .display {font-size:clamp(26px,6vw,36px);}
  .about-system-copy .section-lead {font-size:15px;line-height:1.85;margin-top:24px;}
}
@media(prefers-reduced-motion:reduce) {
  .about-scroll-panel > .about-parallax-image {position:absolute;height:100%;}
  .about-system-screen.is-visible .about-system-copy::before,
  .about-system-screen.is-visible .about-system-copy > * {animation:none;}
}