/* Reuse the existing audience collage within the continuous navy story. */
.right-audience{background:linear-gradient(to bottom,#03111d 0%,transparent 20%,transparent 78%,#03111d 100%),radial-gradient(ellipse at 88% 45%,#1b124b99,transparent 65%),radial-gradient(ellipse at 33% 60%,#0b35544d,transparent 58%),linear-gradient(110deg,#03090f,#070e20 55%,#100d2c);color:#fff;position:relative;z-index:auto;isolation:auto;overflow:visible;margin-top:0;border-radius:0;box-shadow:none}
.right-audience .ra-container{position:relative;z-index:2;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:center;padding-top:18px;padding-bottom:45px}
.right-audience .ra-copy{grid-column:1;grid-row:1;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:25px;min-width:0}
.right-audience .ra-collage{grid-column:2;grid-row:1}
.right-audience .ra-copy .eyebrow{color:#53c7f5;margin:0 0 -5px}
.right-audience .ra-copy h2{color:#fff;margin:0;line-height:1.06;letter-spacing:-1.7px}
.right-audience .ra-copy>p:not(.eyebrow){color:#c5d5e2;margin:0;line-height:1.45}
.right-audience .ra-copy .pill{background:#fff;color:#081522;margin:0}
.right-audience .ra-members{margin-top:0}
.right-audience .ra-members strong{color:#fff}
.right-audience .ra-members span{color:#b6ccdd}
.right-audience .ra-avatars img{border-color:#03111d}
.right-audience .ra-intent,.right-audience .ra-receptive{box-shadow:0 10px 25px -3px #03111d24,0 3px 9px #03111d10}
@media(min-width:901px){.right-audience .ra-container{padding-top:var(--audience-network-gap,13px)}}
/* The original wave and its blue edge now pass behind the audience's lower cards. */
.activation-audience-wave{margin-top:-140px;z-index:1}
/* Activation retains its cards, copy and journey points on the shared light canvas. */
.connected-activation,.connected-activation.ca-desktop{background:#f7f8fb;color:#061624;z-index:0;isolation:auto}
.connected-activation .ca-pin,.connected-activation.ca-desktop .ca-pin{background:transparent;padding-top:55px}
.connected-activation .ca-heading h2{color:#061624}
.connected-activation .ca-heading>p:not(.eyebrow){color:#586779}
.connected-activation .ca-journey-point strong{color:#18354c}
.connected-activation .ca-journey-point>span:last-child{color:#5e6e82}
.connected-activation .ca-journey-icon{background:#e7f2ff;color:#168be6;box-shadow:none}
.connected-activation .ca-journey-point+.ca-journey-point::before{background:#b8cfdf80}
.connected-activation .ca-explore{background:#03111d;border-color:#03111d;color:#fff}
.connected-activation .ca-explore:hover{background:#14344d}
.connected-activation .ca-pin{padding-bottom:45px}
@media(max-width:1199px){
 .right-audience .ra-container{grid-template-columns:1fr;gap:36px}
 .right-audience .ra-copy{grid-column:1;grid-row:1;max-width:650px;padding:0}
 .right-audience .ra-collage{grid-column:1;grid-row:2;max-width:800px;width:100%;justify-self:center}
}
@media(max-width:900px){.activation-audience-wave{margin-top:-120px}}
@media(max-width:650px){
 .right-audience .ra-container{padding-top:21px;padding-bottom:40px}
 .right-audience .ra-copy{gap:20px}
 .right-audience .ra-copy h2{letter-spacing:-.8px}
 .activation-audience-wave{margin-top:-70px}
 .connected-activation .ca-pin{padding-top:35px}
 .connected-activation .ca-graphic{padding-top:78px}
}

/* Mirror only the activation columns on desktop and laptop. */
@media(min-width:901px){
 .connected-activation .ca-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
 .connected-activation .ca-graphic{grid-column:1;grid-row:1}
 .connected-activation .ca-heading{grid-column:2;grid-row:1;justify-self:end}
}
@media(min-width:901px) and (max-width:1199px){.connected-activation .ca-inner{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}}

/* Short two-line audience headline, without the repeated member metric. */
.right-audience .ra-title-line{display:block;white-space:nowrap}
.right-audience .ra-copy{align-self:start;padding-top:30px}
@media(max-width:1199px){.right-audience .ra-copy{padding-top:0}}
@media(max-width:550px){.right-audience .ra-copy h2{font-size:clamp(27px,7.2vw,36px)!important}}

/* Offset the second activation column and centre the editorial alongside it. */
.connected-activation{--ca-column-stagger:104px}
.connected-activation .ca-inner{align-items:center}
.connected-activation .ca-graphic{padding-bottom:var(--ca-column-stagger);margin-bottom:0}
.connected-activation .ca-position-2,.connected-activation .ca-position-4{transform:translateY(var(--ca-column-stagger))}
.connected-activation .ca-heading{align-self:center;padding-top:0;transform:translateY(calc(var(--ca-column-stagger) / 2))}
@media(min-width:901px) and (max-width:1199px){.connected-activation{--ca-column-stagger:94px}}
@media(max-width:900px){.connected-activation .ca-heading{transform:none;align-self:start}}
@media(max-width:650px){.connected-activation{--ca-column-stagger:0px}.connected-activation .ca-graphic{padding-top:0}}