.about-section {
  --about-intro:0;
  --about-copy-in:0;
  --about-image-x:18px;
  --about-image-y:8px;
  --about-image-scale:1.04;
  --about-route-draw:1;
  --about-route-opacity:0;
  --about-closing-in:0;
  --about-wave-height:clamp(72px,7vw,96px);
  --about-route-gap:36px;
  position:relative;
  height:auto;
  min-height:0;
  padding-bottom:clamp(36px,4vw,56px);
  overflow:visible;
  color:#031b2b;
  background:#fff;
}
.about-section__stage { position:relative; min-height:0; overflow:visible; isolation:isolate; background:#fff; }
.about-section__layout { width:min(calc(100% - (var(--page-gutter) * 2)),var(--page-max-width)); margin-inline:auto; padding-top:clamp(112px,13vh,142px); }
.about-section__editorial { position:relative; z-index:5; width:min(75%,980px); }
.about-section__eyebrow { margin:0 0 var(--section-heading-gap); color:#031b2b; font:var(--weight-medium) var(--type-label)/1 var(--font-body); letter-spacing:var(--tracking-label); opacity:var(--about-intro); transform:translate3d(0,calc((1 - var(--about-intro)) * 10px),0); }
.about-title { margin:0; color:#031b2b; font:var(--weight-medium) var(--section-title-size)/var(--section-title-line-height) var(--font-heading); letter-spacing:var(--section-title-letter-spacing); }
.about-mask { display:block; overflow:hidden; padding-bottom:.06em; }
.about-mask>span { display:block; transform:translate3d(0,calc((1 - var(--about-intro)) * 108%),0); }
.about-section__copy { width:min(100%,980px); margin:var(--section-copy-gap) 0 0; color:rgba(3,27,43,.72); font:var(--weight-regular) var(--type-body-lg)/var(--leading-body) var(--font-body); opacity:var(--about-copy-in); transform:translate3d(0,calc((1 - var(--about-copy-in)) * 14px),0); }
.about-section__window { position:relative; z-index:2; width:100%; aspect-ratio:16/7; margin:clamp(34px,4.5vh,48px) 0 calc(var(--about-route-gap) + 24px); overflow:visible; border-radius:20px 20px 0 0; background:transparent; }
.about-section__window picture { position:absolute; z-index:0; inset:0; display:block; overflow:hidden; border-radius:20px 20px 0 0; background:#031222; }
.about-section__window img { position:absolute; inset:-3%; display:block; width:106%; height:106%; object-fit:cover; object-position:54% 50%; transform:translate3d(var(--about-image-x),var(--about-image-y),0) scale(var(--about-image-scale)); transform-origin:center; }
.about-section__video { position:absolute; z-index:1; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; border:0; border-radius:20px 20px 0 0; background:transparent; opacity:0; pointer-events:none; transition:opacity .2s ease; }
.about-section__video.is-ready { opacity:1; }
.about-section__media-gradient { position:absolute; z-index:2; inset:0; border-radius:20px 20px 0 0; pointer-events:none; background:linear-gradient(to top,rgba(2,18,34,.62),rgba(2,18,34,.12) 42%,transparent 70%); }
.about-section__wave-surface,.about-wave-route { position:absolute; left:0; width:100%; height:var(--about-wave-height); overflow:visible; pointer-events:none; }
.about-section__wave-surface { z-index:3; bottom:-1px; }
.about-section__wave-surface use { fill:#fff; }
.about-wave-route { z-index:6; bottom:calc((var(--about-wave-height) * -1) + var(--about-route-gap)); fill:none; stroke:#28c8dd; stroke-width:1.25; stroke-linecap:round; vector-effect:non-scaling-stroke; opacity:calc(var(--about-route-opacity) * .72); }
.about-wave-route use { fill:none; stroke-dasharray:1; stroke-dashoffset:var(--about-route-draw); }
.about-section__closing { position:absolute; z-index:5; left:50%; top:50%; width:min(82%,760px); margin:0; color:#fff; font:var(--weight-medium) var(--type-display-sm)/var(--leading-heading) var(--font-heading); letter-spacing:-.035em; text-align:center; text-shadow:0 2px 18px rgba(2,18,34,.22); opacity:var(--about-closing-in); transform:translate(-50%,-50%); }
.about-section__closing span { display:block; }
.about-section__closing strong { color:#79e4ef; font-weight:inherit; }
.about-section.is-about-active .about-mask>span,.about-section.is-about-active .about-section__eyebrow,.about-section.is-about-active .about-section__copy,.about-section.is-about-active .about-section__window img,.about-section.is-about-active .about-wave-route { will-change:transform,opacity; }
@media (max-width:900px) {
  .about-section { --about-route-gap:28px; }
  .about-section__layout { padding-top:clamp(104px,12vh,126px); }
  .about-section__editorial { width:min(88%,820px); }
  .about-section__window { margin-top:36px; }
}
@media (max-width:640px) {
  .about-section { padding-bottom:12px; --about-wave-height:clamp(44px,13vw,58px); --about-route-gap:20px; }
  .about-section__layout { padding-top:96px; }
  .about-section__editorial { width:100%; }
  .about-mask>span { white-space:normal; }
  .about-section__copy { width:100%; }
  .about-section__window { height:clamp(380px,58svh,500px); aspect-ratio:auto; margin-top:32px; }
  .about-section__window,.about-section__window picture,.about-section__video,.about-section__media-gradient { border-radius:16px 16px 0 0; }
  .about-section__window img { object-position:54% 50%; }
  .about-section__closing { --type-display-sm:clamp(27px,8vw,36px); width:calc(100% - 48px); }
}
@media (prefers-reduced-motion:reduce) {
  .about-section { --about-intro:1; --about-copy-in:1; --about-image-x:0px; --about-image-y:0px; --about-image-scale:1.02; --about-route-draw:0; --about-route-opacity:1; --about-closing-in:1; }
  .about-section__layout { padding-top:clamp(112px,13vh,142px); }
  .about-section__video { display:none; }
}