/* Network showcase styles are scoped to preserve all neighbouring sections. */
.network-showcase{background:#05101b;color:#fff;overflow:hidden;position:relative}
.network-showcase .ns-container{padding:54px var(--gutter) 34px;max-width:1840px;margin:auto}
.network-showcase .ns-top{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:460px;gap:0}
.network-showcase .ns-copy{position:relative;z-index:2;padding:24px 0 30px}
.network-showcase .ns-copy .eyebrow{color:var(--blue);font-size:12px;letter-spacing:2.3px;margin-bottom:21px}
.network-showcase .ns-copy h2{color:#fff;font-size:clamp(32px,3.4vw,58px);line-height:1.08;letter-spacing:-1.4px;font-weight:500}
.network-showcase .ns-copy>p:not(.eyebrow){color:#b3c0cd;font-size:clamp(15px,1.35vw,22px);line-height:1.5;max-width:520px;margin:23px 0 29px}
.network-showcase .ns-map-region{position:relative;height:450px;isolation:isolate}
.network-showcase .ns-map-region:before{content:'';position:absolute;inset:12% 10%;z-index:-1;background:radial-gradient(ellipse,#183b5a4d,transparent 70%)}
.network-showcase .ns-map{display:block;width:100%;height:100%;overflow:visible;opacity:1;transform:translateY(0);transition:opacity 650ms ease,transform 650ms cubic-bezier(.22,1,.36,1)}
.network-showcase .ns-land{fill:#263e51;stroke:#35536a;stroke-width:.5}
.network-showcase .ns-marker-halo{fill:#2f97f0;opacity:.56;filter:url(#ns-marker-glow)}
.network-showcase .ns-marker-core{fill:#8bd7ff}
.network-showcase .ns-marker{opacity:1;transition:opacity 650ms ease}
.network-showcase .ns-statistics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:35px 0;border-top:1px solid #2b415666;border-bottom:1px solid #2b415666}
.network-showcase .ns-stat{padding:0 20px;text-align:center;border-right:1px solid #3b52655c;opacity:1;transform:translateY(0);transition:opacity 550ms ease,transform 550ms cubic-bezier(.22,1,.36,1)}
.network-showcase .ns-stat:first-child{padding-left:0}.network-showcase .ns-stat:last-child{border:0;padding-right:0}
.network-showcase .ns-stat strong{display:block;font-size:clamp(28px,3vw,50px);font-weight:500;letter-spacing:-1px;line-height:1.1;white-space:nowrap}
.network-showcase .ns-stat span{display:block;margin-top:11px;font-size:clamp(9px,.8vw,13px);letter-spacing:1.5px;color:#a8b6c4;line-height:1.3;white-space:nowrap}
.network-showcase .ns-partners{padding-top:27px}
.network-showcase .ns-partners .eyebrow{color:#91a3b4;font-size:10px;letter-spacing:1.5px;margin-bottom:24px}
.network-showcase .ns-logos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:23px;align-items:center}
.network-showcase .ns-logos img{width:100%;height:38px;object-fit:contain;filter:brightness(0) invert(1);opacity:.84}
.network-showcase.ns-enhanced .ns-top:not(.ns-visible) .ns-map{opacity:.55;transform:translateY(12px)}
.network-showcase.ns-enhanced .ns-top:not(.ns-visible) .ns-marker{opacity:.2}
.network-showcase.ns-enhanced .ns-statistics:not(.ns-visible) .ns-stat{opacity:.5;transform:translateY(10px)}
.network-showcase .ns-marker:nth-of-type(3n){transition-delay:120ms}.network-showcase .ns-marker:nth-of-type(3n+1){transition-delay:220ms}
.network-showcase .ns-stat:nth-child(2){transition-delay:70ms}.network-showcase .ns-stat:nth-child(3){transition-delay:140ms}.network-showcase .ns-stat:nth-child(4){transition-delay:210ms}.network-showcase .ns-stat:nth-child(5){transition-delay:280ms}
@media(max-width:1199px){.network-showcase .ns-container{padding-top:40px}.network-showcase .ns-top{min-height:410px}.network-showcase .ns-map-region{height:390px}.network-showcase .ns-copy h2{font-size:36px}.network-showcase .ns-copy>p:not(.eyebrow){font-size:16px;max-width:420px}.network-showcase .ns-stat strong{font-size:32px}.network-showcase .ns-stat{padding:0 13px}.network-showcase .ns-stat span{font-size:9px;letter-spacing:1px}.network-showcase .ns-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 30px}.network-showcase .ns-logos img{height:36px}}
@media(max-width:900px){.network-showcase .ns-top{grid-template-columns:1fr;min-height:0}.network-showcase .ns-copy{padding:0}.network-showcase .ns-copy h2{font-size:40px}.network-showcase .ns-copy>p:not(.eyebrow){max-width:580px}.network-showcase .ns-map-region{height:430px;max-width:600px;width:100%;margin:15px auto 20px}.network-showcase .ns-statistics{grid-template-columns:repeat(3,1fr);gap:28px 0;padding:30px 0}.network-showcase .ns-stat:nth-child(3){border:0}.network-showcase .ns-stat:nth-child(4){padding-left:0}.network-showcase .ns-stat:last-child{border:0;padding-right:20px}.network-showcase .ns-stat span{font-size:10px}}
@media(max-width:650px){.network-showcase .ns-container{padding:35px 24px 32px}.network-showcase .ns-copy .eyebrow{font-size:10px;margin-bottom:17px}.network-showcase .ns-copy h2{font-size:31px;letter-spacing:-.8px;line-height:1.1}.network-showcase .ns-copy>p:not(.eyebrow){font-size:15px;margin:19px 0 23px;line-height:1.45}.network-showcase .ns-map-region{height:380px;margin:24px auto 20px}.network-showcase .ns-statistics{grid-template-columns:repeat(2,1fr);padding:28px 0;gap:27px 0}.network-showcase .ns-stat{padding:0 12px}.network-showcase .ns-stat:nth-child(2n){border:0}.network-showcase .ns-stat:nth-child(3){border-right:1px solid #3b52655c;padding-left:0}.network-showcase .ns-stat:nth-child(4){padding-left:12px}.network-showcase .ns-stat:last-child{grid-column:1/-1;padding:0;border:0}.network-showcase .ns-stat strong{font-size:29px;letter-spacing:-.6px}.network-showcase .ns-stat span{font-size:9px;letter-spacing:1px;margin-top:9px}.network-showcase .ns-partners{padding-top:24px}.network-showcase .ns-partners .eyebrow{font-size:9px;line-height:1.5;margin-bottom:25px}.network-showcase .ns-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.network-showcase .ns-logos img{height:34px}}
@media(prefers-reduced-motion:reduce){.network-showcase *{transition:none!important;transform:none!important}.network-showcase .ns-map,.network-showcase .ns-marker,.network-showcase .ns-stat{opacity:1!important}}
/* Preserve internal detail in logos with a solid backing shape. */
.network-showcase .ns-logos img[src$="network-logo-(1).svg"],.network-showcase .ns-logos img[src$="network-vendi-glossop-padel-logo.png"]{filter:none}
@media(min-width:901px){}
/* Precision pass: larger composition and static, layered map luminosity. */
.network-showcase{background:radial-gradient(ellipse at 73% 29%,#071e30 0%,#03111d 53%,#03111d 100%)}
.network-showcase .ns-container{padding-top:28px;padding-bottom:38px}
.network-showcase .ns-top{min-height:550px;grid-template-columns:49% 51%}
.network-showcase .ns-copy h2{font-size:clamp(52px,4.15vw,68px);font-weight:600;line-height:1.055;letter-spacing:-2px}
.network-showcase .ns-copy>p:not(.eyebrow){color:#c6d3de;font-size:clamp(17px,1.4vw,22px);max-width:540px;line-height:1.5;margin:24px 0 27px}
.network-showcase .ns-copy .eyebrow{color:#4298ed;margin-bottom:22px}
.network-showcase .ns-map-region{height:550px}
.network-showcase .ns-map-region:before{inset:2% -8%;background:radial-gradient(ellipse at 52% 52%,#0064be20,transparent 66%),radial-gradient(ellipse at 57% 69%,#009fff15,transparent 58%);filter:blur(18px)}
.network-showcase .ns-land{fill:url(#ns-land-light);stroke:#37627c;stroke-width:.35}
.network-showcase .ns-marker-spill{fill:#009fff;opacity:.16;filter:url(#ns-marker-spill)}
.network-showcase .ns-marker-halo{fill:#009fff;opacity:.55;filter:url(#ns-marker-glow)}
.network-showcase .ns-marker-inner{fill:#39bfff;opacity:.96;filter:url(#ns-marker-inner)}
.network-showcase .ns-marker-core{fill:#e8f9ff}
.network-showcase .ns-marker{transition-delay:var(--ns-delay,0ms)}
.network-showcase .ns-statistics{padding:38px 0}
.network-showcase .ns-stat strong{font-size:clamp(32px,3.2vw,54px);font-weight:650;letter-spacing:-1.3px}
.network-showcase .ns-stat span{font-size:clamp(10px,.87vw,14px);color:#b2c3d1;letter-spacing:1.6px;margin-top:13px}
.network-showcase .ns-partners{padding-top:31px}
.network-showcase .ns-partners .eyebrow{font-size:11px;margin-bottom:27px}
.network-showcase .ns-logos{gap:26px}
.network-showcase .ns-logos img{height:48px;opacity:.95}
@media(max-width:1599px){.network-showcase .ns-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 35px}.network-showcase .ns-logos img{height:42px;max-width:145px;justify-self:center}}
@media(max-width:1199px){.network-showcase .ns-top{min-height:470px}.network-showcase .ns-map-region{height:470px}.network-showcase .ns-copy h2{font-size:clamp(37px,4.1vw,49px);letter-spacing:-1.3px}.network-showcase .ns-copy>p:not(.eyebrow){font-size:16px;max-width:420px}.network-showcase .ns-stat strong{font-size:34px}.network-showcase .ns-stat span{font-size:9px;letter-spacing:1px}.network-showcase .ns-statistics{padding:32px 0}}
@media(max-width:900px){.network-showcase .ns-top{grid-template-columns:1fr;min-height:0}.network-showcase .ns-copy h2{font-size:48px}.network-showcase .ns-copy>p:not(.eyebrow){max-width:600px;font-size:17px}.network-showcase .ns-map-region{height:500px;margin:12px auto 22px}.network-showcase .ns-stat strong{font-size:36px}.network-showcase .ns-stat span{font-size:10px}.network-showcase .ns-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.network-showcase .ns-logos img{height:40px}}
@media(max-width:650px){.network-showcase .ns-container{padding:34px 24px 32px}.network-showcase .ns-copy h2{font-size:33px;letter-spacing:-1px;line-height:1.08}.network-showcase .ns-copy>p:not(.eyebrow){font-size:15px;margin:19px 0 23px}.network-showcase .ns-copy .eyebrow{font-size:10px;margin-bottom:17px}.network-showcase .ns-map-region{height:420px;margin:22px auto 16px}.network-showcase .ns-statistics{padding:29px 0}.network-showcase .ns-stat strong{font-size:30px}.network-showcase .ns-stat span{font-size:9px;letter-spacing:1px}.network-showcase .ns-partners .eyebrow{font-size:9px}.network-showcase .ns-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.network-showcase .ns-logos img{height:36px}}
/* Rendered refinement: strengthen local light without increasing halo size. */
.network-showcase .ns-marker-halo{opacity:.62}
.network-showcase .ns-marker-inner{opacity:1}
.network-showcase .ns-map-region:before{background:radial-gradient(ellipse at 52% 52%,#0064be24,transparent 68%),radial-gradient(ellipse at 57% 69%,#009fff12,transparent 60%)}
/* Gym logo rail matches the health-and-wellness rail dimensions and pace. */
.network-showcase .ns-logo-caption{position:relative;padding-right:42px;margin-bottom:18px}
.network-showcase .ns-logo-caption .eyebrow{margin-bottom:0}
.network-showcase .ns-logo-motion{position:absolute;right:0;top:-10px;border:0;border-radius:50%;background:transparent;color:#aabcca;width:38px;height:38px;padding:0;display:grid;place-items:center}
.network-showcase .ns-logo-motion:hover{background:#ffffff10}
.network-showcase .ns-logo-motion svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.network-showcase .ns-play{display:none;fill:currentColor;stroke:none}
.network-showcase .ns-logo-motion[aria-pressed=true] .ns-pause{display:none}
.network-showcase .ns-logo-motion[aria-pressed=true] .ns-play{display:block}
.network-showcase .ns-logo-window{overflow:hidden}
.network-showcase .ns-logo-track{display:flex;width:max-content;animation:nsLogoPassing 70s linear infinite;animation-play-state:paused}
.network-showcase .ns-logo-group{display:flex;align-items:center;flex-shrink:0;gap:64px;padding-right:64px}
.network-showcase .ns-logo-item{display:flex;align-items:center;justify-content:center;flex:0 0 138px;width:138px;height:64px}
.network-showcase .ns-logo-item img{width:89.6px;height:33.6px;max-width:none;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}
.network-showcase .ns-logo-item img[src$="network-logo-(1).svg"],.network-showcase .ns-logo-item img[src$="network-vendi-glossop-padel-logo.png"]{filter:none}
.network-showcase .ns-partners.ns-logos-running .ns-logo-track{animation-play-state:running}
.network-showcase .ns-partners.ns-logos-paused .ns-logo-track,.network-showcase .ns-partners:focus-within .ns-logo-track{animation-play-state:paused}
@keyframes nsLogoPassing{to{transform:translateX(-50%)}}
@media(hover:hover) and (pointer:fine){.network-showcase .ns-partners:hover .ns-logo-track{animation-play-state:paused}}
@media(max-width:760px){.network-showcase .ns-logo-track{animation-duration:60s}.network-showcase .ns-logo-group{gap:36px;padding-right:36px}.network-showcase .ns-logo-item{flex-basis:112px;width:112px;height:54px}.network-showcase .ns-logo-item img{width:73.5px;height:28px}.network-showcase .ns-logo-motion{width:30px;height:30px;top:0}}
@media(prefers-reduced-motion:reduce){.network-showcase .ns-logo-window{overflow-x:auto}.network-showcase .ns-logo-track{animation:none;transform:none}.network-showcase .ns-logo-group[aria-hidden=true],.network-showcase .ns-logo-motion{display:none}}
/* Blend the preceding light activation section into the navy network surface. */
.network-showcase{overflow:visible}
.network-showcase::before{content:'';position:absolute;left:0;right:0;top:-119px;height:120px;background:linear-gradient(to bottom,rgba(3,17,29,0) 0%,rgba(3,17,29,.04) 16%,rgba(3,17,29,.2) 38%,rgba(3,17,29,.54) 66%,#03111d 100%);pointer-events:none;z-index:1}
.network-showcase .ns-container{position:relative;z-index:2}
.connected-activation .ca-pin{padding-bottom:160px}
.connected-activation.ca-desktop .ca-pin{padding-bottom:28px}
.connected-activation.ca-desktop{height:calc(280svh + 120px)}
@media(max-width:650px){.network-showcase::before{top:-79px;height:80px}.connected-activation .ca-pin{padding-bottom:112px}}
.network-showcase{background:linear-gradient(to bottom,#03111d 0%,transparent 180px),radial-gradient(ellipse at 73% 29%,#071e30 0%,#03111d 53%,#03111d 100%)}
.connected-activation.ca-desktop{padding-bottom:120px}
/* Wider, gentler light-to-navy transition. */
.network-showcase::before{top:-279px;height:280px;background:linear-gradient(to bottom,rgba(3,17,29,0) 0%,rgba(3,17,29,.015) 12%,rgba(3,17,29,.06) 25%,rgba(3,17,29,.16) 40%,rgba(3,17,29,.32) 55%,rgba(3,17,29,.53) 70%,rgba(3,17,29,.76) 85%,#03111d 100%)}
.connected-activation .ca-pin{padding-bottom:320px}
.connected-activation.ca-desktop .ca-pin{padding-bottom:28px}
.connected-activation.ca-desktop{height:calc(280svh + 280px);padding-bottom:280px}
@media(max-width:650px){.network-showcase::before{top:-179px;height:180px}.connected-activation .ca-pin{padding-bottom:212px}}
/* Alternate the network composition and carry its atmosphere behind the journey. */
@media(min-width:901px){
 .network-showcase .ns-top{grid-template-columns:51% 49%}
 .network-showcase .ns-map-region{grid-column:1;grid-row:1}
 .network-showcase .ns-copy{grid-column:2;grid-row:1;padding-left:34px}
}
.network-showcase{background:linear-gradient(to bottom,#03111d 0%,transparent 180px),radial-gradient(ellipse at 27% 29%,#071e30 0%,#03111d 53%,#03111d 100%)}
.network-showcase::before{display:none}
.connected-activation{background:linear-gradient(to bottom,#ffffff 0%,#ffffff 35%,#f0f2f4 47%,#dfe4e9 57%,#b8c1ca 68%,#81909e 78%,#405365 88%,#03111d 100%)}
.connected-activation .ca-pin{padding-bottom:160px}
.connected-activation.ca-desktop .ca-pin{padding-bottom:28px}
.connected-activation.ca-desktop{height:calc(280svh + 120px);padding-bottom:120px}
@media(min-width:1200px){
 .connected-activation.ca-desktop .ca-pin{background:linear-gradient(to bottom,#ffffff 0%,#ffffff 36%,#f0f2f4 46%,#e1e6eb 55%,#c0c9d2 64%,#95a3b1 74%,#63788d 84%,#354f68 94%,#243d53 100%)}
 .connected-activation.ca-desktop{background:linear-gradient(to bottom,#243d53 0%,#243d53 calc(100% - 120px),#03111d 100%)}
}
@media(max-width:650px){.connected-activation .ca-pin{padding-bottom:112px}.connected-activation{background:linear-gradient(to bottom,#ffffff 0%,#ffffff 48%,#e4e9ee 64%,#a4b1bf 79%,#4b647c 92%,#03111d 100%)}}
/* Overlap a pixel to prevent fractional-pixel seams at the shared navy edge. */
.network-showcase{margin-top:-1px}
.network-showcase{overflow:hidden}
/* Lift the network story into the shared atmospheric transition. */
@media(min-width:901px){
 .network-showcase .ns-map-region{height:620px;margin-top:-105px;margin-bottom:-45px;position:relative;z-index:3}
 .network-showcase .ns-copy{align-self:start;padding-top:62px}
 .network-showcase .ns-top{min-height:490px}
}
@media(min-width:1200px){
 .network-showcase .ns-map-region{height:650px;margin-top:-125px;margin-bottom:-45px}
 .network-showcase .ns-copy{padding-top:60px}
 .network-showcase .ns-top{min-height:510px}
}
.network-showcase{overflow:visible}
@media(max-width:900px){.network-showcase{overflow:hidden}.network-showcase .ns-map-region{height:520px}}
@media(max-width:650px){.network-showcase .ns-map-region{height:450px}}
/* Increase map height by 20%, retaining the SVG aspect ratio. */
@media(min-width:901px){.network-showcase .ns-map-region{height:744px}}
@media(min-width:1200px){.network-showcase .ns-map-region{height:780px}}
@media(max-width:900px){.network-showcase .ns-map-region{height:624px}}
@media(max-width:650px){.network-showcase .ns-map-region{height:540px}}
/* Curved crossover: keep the editorial copy white and dip into the lower cards. */
.connected-activation{background:#03111d;isolation:isolate}
.connected-activation .ca-pin{position:relative;isolation:isolate;background:transparent}
.connected-activation .ca-pin::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 150% 98% at -17% 0%,#fff 0%,#fff 62%,#f8f9fa 65%,#e8edf1 69%,#bcc8d2 75%,#8296a9 81%,#425e78 89%,#243d53 97%,#243d53 100%)}
.connected-activation .ca-inner{position:relative;z-index:1}
@media(min-width:1200px){
 .connected-activation.ca-desktop{background:linear-gradient(to bottom,#243d53 0%,#243d53 calc(100% - 120px),#03111d 100%)}
 .connected-activation.ca-desktop .ca-pin{background:transparent}
 .connected-activation.ca-desktop .ca-pin::before{background:radial-gradient(ellipse 150% 98% at -17% 0%,#fff 0%,#fff 62%,#f8f9fa 65%,#e8edf1 69%,#bcc8d2 75%,#8296a9 81%,#425e78 89%,#243d53 97%,#243d53 100%)}
}
@media(max-width:1199px){.connected-activation .ca-pin::before{background:radial-gradient(ellipse 190% 82% at -45% 0%,#fff 0%,#fff 58%,#f4f6f8 64%,#d2dce5 73%,#8ca0b3 82%,#415e78 92%,#03111d 100%)}}
.connected-activation .ca-pin::before,.connected-activation.ca-desktop .ca-pin::before{background:#243d53 url('assets/activation-wave.svg') center/100% 100% no-repeat}
@media(max-width:1199px){.connected-activation .ca-pin::before{background:#03111d url('assets/activation-wave.svg') center/100% 100% no-repeat}}