.network-story{background:#0b1c48;color:#ececec;position:relative}.network-stage{position:relative;min-height:calc(100svh - 102px);overflow:hidden;background:radial-gradient(ellipse at 90% 30%,#263962 0,transparent 65%),#0b1c48;--journey-progress:0;--field-scale:.74}.network-ready:not(.network-still){height:340svh}.network-ready:not(.network-still) .network-stage{position:sticky;top:102px;height:calc(100svh - 102px)}.network-topline{display:flex;justify-content:space-between;align-items:center;padding-top:28px}.network-topline p{font-size:10px;font-weight:700;letter-spacing:.12em;color:#c3cadd}.network-motion{background:transparent;color:#c3cadd;border:0;border-bottom:1px solid #6b7895;padding:6px 0;font-size:10px}.network-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:calc(100svh - 280px);gap:25px}.network-copy{position:relative;z-index:2;padding:40px 0}.network-copy h1{font-size:clamp(48px,5.6vw,84px);font-weight:500;letter-spacing:-.045em;line-height:1.07;min-height:3.3em}.network-copy h1 em{color:#ff8a84;font-style:normal}.network-copy>p{font-size:15px;line-height:1.85;color:#d1d8e5;max-width:440px;min-height:110px;margin:25px 0 27px}.network-field{position:relative;width:calc(100% + 100px);aspect-ratio:1000/800;margin-left:-25px}.network-map{position:absolute;width:100%;height:auto;top:0;left:0;transform:scale(var(--field-scale));transform-origin:50% 49%;transition:opacity .5s}.network-orbits ellipse{fill:none;stroke:#a8b4ce;stroke-width:1;stroke-dasharray:9 12;opacity:.2}.network-threads line{stroke:#a9b8d5;stroke-width:1;opacity:calc(.025 + var(--journey-progress)*.22);transition:opacity .6s}.network-person{fill:#ececec;transition:opacity .7s,fill .7s;opacity:.12}.network-person:nth-child(3n){fill:#ff8a84}.network-labels{font:500 17px 'Merriweather Sans',sans-serif;letter-spacing:3px;fill:#e4e7ee;opacity:0;transition:opacity .7s}.network-centre{position:absolute;width:150px;height:150px;top:calc(43.75% - 75px);left:calc(50% - 75px)}.network-centre img{width:150px;height:150px;max-width:none}.network-centre span{position:absolute;top:calc(100% + 15px);left:0;width:100%;text-align:center;letter-spacing:.16em;font-size:9px;color:#c5ccdb}#network-note{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#bbc6da;font-size:10px;line-height:1.7;margin:0;padding:0 30px}.network-bottom{padding-bottom:26px;position:relative}.network-bottom nav{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #586480}.network-bottom nav button{display:flex;gap:13px;border:0;border-top:3px solid transparent;color:#b9c4da;padding:18px 0 12px;background:none;text-align:left;font-size:12px;margin-top:-1px}.network-bottom nav button>span{font-size:9px;color:#bac5db}.network-bottom nav button[aria-current=step]{border-color:#ff8a84;color:white}.network-bottom>p{font-size:9px;color:#a4b0ca;position:absolute;right:0;bottom:3px}.network-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#526184}.network-progress span{display:block;height:100%;background:#ff8a84;width:calc(var(--journey-progress)*100%)}[data-chapter="1"] .network-person.inner,[data-chapter="2"] .network-person,[data-chapter="3"] .network-person{opacity:1}[data-chapter="2"] .network-labels,[data-chapter="3"] .network-labels{opacity:1}[data-chapter="3"] .network-orbits ellipse{stroke:#ff8a84;opacity:.6}.network-still .network-stage{min-height:calc(100svh - 102px)}.network-still .network-map{transform:none}
@media(min-width:1600px){.network-field{width:calc(100% + 170px);margin-left:-40px}.network-copy h1{font-size:84px}}
@media(max-width:1050px){.network-ready:not(.network-still) .network-stage{top:84px;height:calc(100svh - 84px)}.network-stage{min-height:calc(100svh - 84px)}.network-layout{min-height:calc(100svh - 250px)}.network-copy h1{font-size:5.6vw}.network-copy>p{font-size:13px}.network-centre{width:110px;height:110px;top:calc(43.75% - 55px);left:calc(50% - 55px)}.network-centre img{width:110px;height:110px}}
@media(max-width:720px){.network-ready:not(.network-still){height:300svh}.network-ready:not(.network-still) .network-stage{top:78px;height:calc(100svh - 78px);min-height:650px}.network-stage{min-height:650px}.network-topline{padding-top:20px;gap:15px}.network-topline p{font-size:7px;letter-spacing:.09em;max-width:180px}.network-motion{font-size:8px;white-space:nowrap}.network-layout{display:block;position:relative;min-height:0}.network-copy{padding:35px 0 0;min-height:340px}.network-copy h1{font-size:clamp(35px,10.2vw,52px);min-height:3.3em;letter-spacing:-.045em}.network-copy>p{font-size:12px;line-height:1.75;margin:18px 0 20px;min-height:85px;max-width:360px}.network-copy .button{font-size:12px;padding:16px 24px;min-height:48px}.network-field{height:215px;aspect-ratio:auto;width:100%;margin:0}.network-map{height:245px;width:100%;top:-25px;object-fit:contain}.network-centre{width:75px;height:75px;top:47px;left:calc(50% - 37.5px)}.network-centre img{width:75px;height:75px}.network-centre span{font-size:7px;top:calc(100% + 9px)}#network-note{font-size:8px;bottom:5px;padding:0 15px}.network-bottom{padding-bottom:21px}.network-bottom nav{gap:8px}.network-bottom nav button{display:block;font-size:9px;padding:12px 0}.network-bottom nav button>span{display:block;font-size:7px;margin-bottom:5px}.network-bottom>p{font-size:7px;bottom:0}.network-labels{font-size:21px;letter-spacing:1px}.network-stage{display:flex;flex-direction:column}.network-bottom{margin-top:auto}.network-still .network-stage{min-height:650px}}
@media(max-height:760px) and (min-width:721px){.network-copy h1{font-size:4.6vw}.network-copy>p{font-size:13px;margin:15px 0;min-height:100px}.network-layout{min-height:calc(100svh - 245px)}.network-field{max-height:420px}.network-copy{padding:25px 0}}
@media(prefers-reduced-motion:reduce){.network-story.network-ready{height:auto}.network-ready:not(.network-still) .network-stage{position:relative;top:0;height:auto}.network-map,.network-person,.network-labels{transition:none!important}}