.audience-story{--audience-progress:0;position:relative;height:320svh;background:#f9fafb;color:#111e32;z-index:3}
.audience-stage{position:sticky;top:74px;height:calc(100svh - 74px);min-height:620px;overflow:hidden;display:grid;place-items:center;padding:clamp(28px,4vw,58px) 6%;isolation:isolate}
.audience-wash{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#fff 0,#f8f9fb 42%,#eff2f6 100%);z-index:-2}
.audience-wash:after{content:'';position:absolute;inset:0;opacity:.3;background-image:linear-gradient(#13233b08 1px,transparent 1px),linear-gradient(90deg,#13233b08 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 76%,transparent)}
.audience-intro{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:4;pointer-events:none}
.audience-intro>p{margin:0 0 26px;color:#697588;font-size:9px;font-weight:700;letter-spacing:2.1px;opacity:calc(1 - var(--audience-progress)*2.2)}
.audience-intro h2{display:flex;flex-direction:column;align-items:center;margin:0;font-size:clamp(47px,5.4vw,82px);font-weight:500;line-height:1.06;letter-spacing:-4px;color:#111e32}
.audience-intro h2>span{display:block;will-change:transform,opacity;transform-origin:center;white-space:nowrap}
.audience-head-left{transform:translate3d(calc(var(--audience-left,0)*-1px),calc(var(--audience-rise,0)*-1px),0) scale(var(--audience-scale,1));opacity:var(--audience-head-opacity,1)}
.audience-head-right{color:#315de2;transform:translate3d(calc(var(--audience-right,0)*1px),calc(var(--audience-rise,0)*-1px),0) scale(var(--audience-scale,1));opacity:var(--audience-head-opacity,1)}
.audience-cards{position:absolute;inset:auto 7% clamp(34px,5vh,64px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.1vw,34px);max-width:1220px;margin:auto;z-index:2}
.audience-card{height:min(58svh,570px);min-height:440px;padding:clamp(30px,3vw,47px);border:1px solid #d7dee8;border-radius:3px;background:rgba(255,255,255,.94);box-shadow:0 28px 70px rgba(20,38,65,.09);display:flex;flex-direction:column;opacity:var(--audience-card-opacity,0);filter:blur(calc((1 - var(--audience-card-opacity,0))*8px));will-change:transform,opacity,filter}
.audience-card-left{transform:translate3d(calc((1 - var(--audience-card-opacity,0))*90px),calc((1 - var(--audience-card-opacity,0))*90px),0) scale(calc(.92 + var(--audience-card-opacity,0)*.08))}
.audience-card-right{transform:translate3d(calc((1 - var(--audience-card-opacity,0))*-90px),calc((1 - var(--audience-card-opacity,0))*90px),0) scale(calc(.92 + var(--audience-card-opacity,0)*.08))}
.audience-card:before{content:'';display:block;width:42px;height:3px;margin-bottom:25px;background:#315de2}
.audience-card header>span{color:#687588;font-size:9px;font-weight:700;letter-spacing:1.65px}
.audience-card h3{margin:14px 0 0;font-size:clamp(32px,3.2vw,50px);font-weight:500;line-height:1.08;letter-spacing:-2.2px}
.audience-card ul{list-style:none;margin:auto 0 25px;padding:0;border-top:1px solid #dbe1e9}
.audience-card li{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid #e2e6ec;color:#40506a;font-size:13px}
.audience-card li>span{color:#315de2;font-size:9px;font-weight:700;letter-spacing:.7px}
.audience-card>a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 5px 0 18px;background:#0b1d33;color:#fff;font-size:12px;font-weight:600}
.audience-card>a>span{display:grid;place-items:center;width:40px;height:40px;background:#fff;color:#0b1d33;font-size:17px;transition:transform .25s ease}
.audience-card>a:hover>span{transform:translate(2px,-2px)}
.audience-labels{position:absolute;left:7%;top:clamp(35px,5vh,55px);width:86%;display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.1vw,34px);max-width:1220px;margin:auto;z-index:3;opacity:var(--audience-label-opacity,0)}
.audience-labels span{font-size:10px;font-weight:700;letter-spacing:1.45px;text-transform:uppercase;color:#617087}
.audience-labels span:last-child{text-align:right}
.audience-progress{position:absolute;left:6%;bottom:26px;width:88%;height:1px;background:#d9e0e8;z-index:5;transform:scaleX(var(--audience-progress));transform-origin:left}
.audience-progress i{display:block;width:100%;height:1px;background:#315de2}
@media(max-height:720px) and (min-width:761px){.audience-stage{min-height:540px;padding-top:24px;padding-bottom:24px}.audience-cards{bottom:26px}.audience-card{height:56svh;min-height:370px;padding:28px}.audience-card:before{margin-bottom:16px}.audience-card h3{font-size:34px}.audience-card li{padding:11px 0}.audience-labels{top:24px}.audience-progress{display:none}}
@media(max-width:760px){.audience-story{height:auto;background:#f3f5f8}.audience-stage{position:relative;top:auto;height:auto;min-height:0;display:block;padding:90px 5% 82px;overflow:hidden}.audience-intro{position:relative;display:block;text-align:left;margin-bottom:52px}.audience-intro>p{opacity:1;margin-bottom:20px}.audience-intro h2{display:block;font-size:clamp(42px,12vw,58px);letter-spacing:-2.7px;line-height:1.04}.audience-intro h2>span{white-space:normal;transform:none!important;opacity:1!important}.audience-intro h2>span+span{margin-top:8px;color:#315de2}.audience-cards{position:relative;inset:auto;display:grid;grid-template-columns:1fr;gap:20px}.audience-card{height:auto;min-height:500px;padding:30px 25px;opacity:0;filter:blur(5px);transform:translateY(54px) scale(.97);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .7s ease}.audience-card.mobile-visible{opacity:1;filter:none;transform:none}.audience-card h3{font-size:38px;letter-spacing:-1.8px}.audience-card li{font-size:13px;line-height:1.4}.audience-labels,.audience-progress{display:none}}
@media(prefers-reduced-motion:reduce){.audience-story{height:auto}.audience-stage{position:relative;top:auto;height:auto;min-height:720px}.audience-intro{position:relative;margin-bottom:42px}.audience-intro h2>span{transform:none!important;opacity:1!important}.audience-cards{position:relative;inset:auto}.audience-card{opacity:1!important;filter:none!important;transform:none!important}.audience-labels,.audience-progress{display:none}}

/* The audience sequence is the raised panel in the opening scroll story. */
.audience-handoff{padding:0;--audience-progress:0;overflow:hidden}
.audience-handoff .audience-stage{position:relative;top:auto;width:100%;height:100%;min-height:0;padding:clamp(28px,4vw,58px) 6%}
.audience-handoff .audience-intro>p{opacity:1}
.audience-handoff .audience-intro h2{font-size:clamp(47px,5.4vw,82px);line-height:1.06;letter-spacing:-4px}
.audience-handoff .statement-line{overflow:visible}
@media(max-width:760px){.audience-handoff{min-height:auto;padding:0}.audience-handoff .audience-stage{height:auto;min-height:0;padding:90px 5% 82px;overflow:visible}.audience-handoff .audience-intro{position:relative;inset:auto;display:block;margin-bottom:52px}.audience-handoff .audience-intro h2{font-size:clamp(40px,10.5vw,56px);letter-spacing:-2.2px}.audience-handoff .audience-cards{position:relative;inset:auto}.audience-handoff .audience-card{opacity:1;filter:none;transform:none}.audience-handoff .audience-card.reveal-pending{opacity:0;filter:blur(3px);transform:translateY(34px) scale(.975)}.audience-handoff .audience-card.reveal-pending.is-visible{opacity:1;filter:none;transform:none}.audience-handoff .audience-labels,.audience-handoff .audience-progress{display:none}}

/* Final composition: generous proportions, restrained depth, one mirrored motion. */
.audience-handoff{box-shadow:0 -4px 12px rgba(6,19,38,.13),0 -28px 65px rgba(6,19,38,.22),0 -65px 130px rgba(6,19,38,.10);border-top:1px solid rgba(255,255,255,.95)}
.audience-wash{background:#f6f7f9}
.audience-wash:after{display:none}
.audience-progress{display:none}
.audience-card{background:#fff;border-color:#dde2e9;border-radius:8px;box-shadow:0 3px 7px #14264104,0 16px 40px #14264108;filter:none;will-change:transform,opacity}
.audience-card:before{height:2px;width:30px;margin-bottom:23px}
.audience-card-left{transform:translate3d(calc((1 - var(--audience-card-opacity,0))*64px),calc((1 - var(--audience-card-opacity,0))*58px),0) scale(calc(.975 + var(--audience-card-opacity,0)*.025))}
.audience-card-right{transform:translate3d(calc((1 - var(--audience-card-opacity,0))*-64px),calc((1 - var(--audience-card-opacity,0))*58px),0) scale(calc(.975 + var(--audience-card-opacity,0)*.025))}
.audience-card li{font-size:14px;color:#526077}
.audience-card>a{border-radius:3px;transition:background .25s ease}
.audience-card>a:hover{background:#213d62}
@media(min-width:761px){
 .audience-cards{inset:50% 7% auto;transform:translateY(-44%);max-width:1120px;gap:30px}
 .audience-card{height:min(62svh,530px);min-height:390px;padding:clamp(28px,3vw,44px)}
 .audience-labels{inset:calc(50% - min(62svh,530px)*.44 - 38px) 7% auto;width:auto;max-width:1120px;gap:30px}
 .audience-labels span:last-child{text-align:left}
 .audience-labels span{font-size:10px;letter-spacing:1.3px}
 .audience-handoff .audience-intro{visibility:visible}
 .audience-card h3{font-size:clamp(32px,3.2vw,46px)}
}
@media(min-width:761px) and (max-height:720px){.audience-card{height:390px;min-height:390px;padding:25px}.audience-card li{padding:10px 0;font-size:12px}.audience-card h3{font-size:32px}.audience-labels{top:calc(50% - 210px)}}
@media(max-width:760px){.audience-handoff .audience-card{transform:none;filter:none}.audience-card li{font-size:13px}}
@media(prefers-reduced-motion:reduce),(max-height:510px){
 .scroll-story:not(.scroll-story-ready) .audience-stage{height:auto;display:block;padding:70px 6%}
 .scroll-story:not(.scroll-story-ready) .audience-intro{position:relative;margin-bottom:48px}
 .scroll-story:not(.scroll-story-ready) .audience-cards{position:relative;inset:auto;transform:none}
 .scroll-story:not(.scroll-story-ready) .audience-card{opacity:1;transform:none;filter:none}
 .scroll-story:not(.scroll-story-ready) .audience-labels{display:none}
}