/* A brand-led transition using the association's original waterdrop outline. */
.intro{--spa-intro-top-gap:clamp(112px,9vh,160px);position:relative;padding:0;background:var(--paper);color:var(--ink)}
.intro-scene-stage{position:relative;padding:var(--spa-intro-top-gap) var(--section-right) 48px var(--page-left);background:var(--paper)}
.intro-statement{max-width:1040px}
.intro h2.intro-title{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.18}
.intro-scene-visual{position:relative;width:clamp(240px,28vw,360px);aspect-ratio:1;margin:36px auto 0}
.intro-scene-media{position:absolute;inset:0;-webkit-mask-image:url('../logos/waterdrop-reveal-mask.svg?v=20260915-complete-1');mask-image:url('../logos/waterdrop-reveal-mask.svg?v=20260915-complete-1');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.intro-scene-picture,.intro-photo-drift{position:absolute;inset:0;overflow:hidden}
.intro-photo-drift img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% 40%}
.intro-video-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.intro-video-layer video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:55% 40%;opacity:0;pointer-events:none}
.intro-video-layer video.is-playing{opacity:1}
.intro-media-toggle{position:absolute;z-index:3;right:16px;bottom:16px;min-height:40px;padding:8px 14px;border:1px solid rgba(255,255,255,.65);border-radius:24px;background:rgba(0,0,0,.72);color:#fff;font:inherit;font-size:14px;cursor:pointer}
.intro-media-toggle[hidden]{display:none}
.intro-media-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.intro-scene-curtain{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.intro-scene-visual.is-in-view .intro-photo-drift{animation:intro-photo-drift 4.5s ease-out both}
.intro-scene-visual .intro-photo-drift.has-intro-video{animation:none;transform:none}
@keyframes intro-photo-drift{from{transform:scale(1.035) translate3d(-.5%,0,0)}to{transform:scale(1.075) translate3d(.5%,-.5%,0)}}

/* Only the controller opts a roomy desktop viewport into the short pin. */
.intro.is-intro-scene-active{height:var(--intro-scene-length);padding:0;z-index:0}
.is-intro-scene-active .intro-scene-stage{height:var(--intro-scene-height);padding:0;overflow:hidden;transform:translate3d(0,var(--intro-scene-pin,0px),0);will-change:transform}
.is-intro-scene-active .intro-layout{position:absolute;z-index:2;top:calc(var(--intro-copy-clearance,0px) + var(--spa-intro-top-gap));left:var(--page-left);right:var(--section-right);opacity:var(--intro-copy-opacity,1);visibility:var(--intro-copy-visibility,visible);transform:translate3d(0,var(--intro-copy-y,0px),0)}
.is-intro-scene-active .intro-actions{margin-top:24px}
.is-intro-scene-active .intro-scene-visual{position:absolute;inset:0;width:auto;height:auto;aspect-ratio:auto;margin:0}
.is-intro-scene-active .intro-scene-media{-webkit-mask-image:none;mask-image:none}
.is-intro-scene-active .intro-scene-curtain{display:block}
.is-intro-scene-active.is-intro-photo-full .intro-scene-curtain{visibility:hidden}
.is-intro-scene-active .intro-scene-picture{inset:var(--intro-picture-top) var(--intro-picture-right) var(--intro-picture-bottom) var(--intro-picture-left)}
/* The incoming paper stays bright; only the photo behind it recedes. */
.is-intro-scene-active .intro-scene-picture::after{content:"";position:absolute;z-index:1;inset:0;background:#000;opacity:var(--intro-photo-shade,0);pointer-events:none}

/* The next paper section travels over the full-size photograph in normal flow. */
.industry-exchange{position:relative;z-index:1;padding-top:clamp(56px,5vw,88px)}

.intro.is-intro-scene-editor .intro-photo-drift{animation:none}
@media(max-width:1024px),(pointer:coarse){
  .intro{--spa-intro-top-gap:88px;padding:0}
  .intro-scene-stage{padding:var(--spa-intro-top-gap) 24px 48px}
  .intro-scene-visual{width:min(320px,80%);margin-top:32px}
  .industry-exchange{padding-top:48px}
}
@media(prefers-reduced-motion:reduce){.intro-scene-visual .intro-photo-drift{animation:none!important;transform:none!important}}