@charset "utf-8";

#globalNetwork.network-section{
--net-text:#111111;
--net-sub:#888888;
--net-muted:#aaaaaa;
--net-line:#eeeeee;
--net-bg:#ffffff;
padding:100px 0 110px;
background:var(--net-bg);
color:var(--net-text);
font-family:var(--k-font),var(--e-font);
box-sizing:border-box;
}

#globalNetwork .network-inner{
max-width:var(--layout-max,1800px);
margin:0 auto;
padding:0 80px;
display:flex;
flex-direction:column;
gap:56px;
}

#globalNetwork .network-body{
display:grid;
grid-template-columns:minmax(0,1.55fr) minmax(0,0.45fr);
gap:40px;
align-items:start;
}

/* Header */
#globalNetwork .network-header{
text-align:left;
}
#globalNetwork .network-header .label{
margin:0 0 20px;
font-size:13px;
font-weight:600;
letter-spacing:.14em;
color:var(--net-sub);
text-transform:uppercase;
font-family:var(--e-font),var(--k-font);
}
#globalNetwork .network-header h2{
margin:0 0 20px;
font-size:clamp(34px,3.2vw,48px);
font-weight:700;
line-height:1.15;
letter-spacing:-.03em;
color:var(--net-text);
font-family:var(--e-font),var(--k-font);
}
#globalNetwork .network-header .desc{
margin:0;
font-size:15px;
font-weight:400;
line-height:1.7;
color:var(--net-sub);
word-break:keep-all;
}

/* Map */
#globalNetwork .network-map{
width:100%;
min-height:0;
contain:layout style paint;
}
#globalNetwork .network-map-stage{
position:relative;
width:100%;
}
#globalNetwork .network-map-hover{
position:absolute;
inset:0;
width:100%;
height:100%;
pointer-events:none;
}
#globalNetwork .network-map-svg{
display:block;
width:100%;
}
#globalNetwork .network-map-svg svg{
display:block;
width:100%;
height:auto;
}
#globalNetwork .network-map-svg .network-dots{
opacity:0;
transition:opacity 1s ease-out;
}
#globalNetwork.is-revealing .network-map-svg .network-dots{
opacity:1;
transition-delay:.38s;
}
#globalNetwork .network-map-svg .network-arc{
opacity:0;
}
#globalNetwork .network-map-svg .network-marker{
opacity:0;
transform:scale(.5);
transform-origin:center;
transform-box:fill-box;
transition:opacity .5s ease-out,transform .5s cubic-bezier(.16,1,.3,1);
}
#globalNetwork.is-revealing .network-map-svg .network-marker{
opacity:1;
transform:scale(1);
}
#globalNetwork.is-revealing .network-map-svg .network-marker[data-index="0"]{transition-delay:.46s}
#globalNetwork.is-revealing .network-map-svg .network-marker[data-index="1"]{transition-delay:.54s}
#globalNetwork.is-revealing .network-map-svg .network-marker[data-index="2"]{transition-delay:.62s}
#globalNetwork.is-revealing .network-map-svg .network-marker[data-index="3"]{transition-delay:.7s}
#globalNetwork.is-revealing .network-map-svg .network-marker[data-index="4"]{transition-delay:.78s}
#globalNetwork.is-revealing .network-map-svg .network-marker[data-index="5"]{transition-delay:.86s}
#globalNetwork.is-revealing .network-map-svg .network-marker[data-index="6"]{transition-delay:.94s}

/* List column */
#globalNetwork .network-list-wrap{
min-width:0;
max-width:420px;
justify-self:end;
width:100%;
}

/* List */
#globalNetwork .network-list{
list-style:none;
margin:0 0 32px;
padding:0;
border-top:1px solid var(--net-line);
}
#globalNetwork .network-item{
display:grid;
grid-template-columns:36px 1fr auto 16px;
align-items:center;
gap:12px 16px;
padding:18px 0;
border-bottom:1px solid var(--net-line);
cursor:default;
}
#globalNetwork .city-icon{
width:28px;
height:auto;
max-height:32px;
object-fit:contain;
display:block;
}
#globalNetwork .city-name{
font-size:16px;
font-weight:700;
color:var(--net-text);
font-family:var(--e-font),var(--k-font);
}
#globalNetwork .city-region{
font-size:11px;
font-weight:500;
letter-spacing:.08em;
color:var(--net-muted);
text-transform:uppercase;
font-family:var(--e-font),var(--k-font);
text-align:right;
}
#globalNetwork .city-chevron{
font-size:14px;
font-weight:300;
color:#ccc;
text-align:right;
}

/* CTA */
#globalNetwork .network-cta{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
width:100%;
max-width:100%;
padding:18px 32px;
border-radius:999px;
background:#111;
color:#fff;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
text-decoration:none;
text-transform:uppercase;
font-family:var(--e-font),var(--k-font);
transition:background .25s ease,transform .25s ease;
}
#globalNetwork .network-cta:hover{
background:#000;
transform:translateY(-1px);
}
#globalNetwork .network-cta .cta-arrow{
font-size:16px;
line-height:1;
}

/* Scroll reveal */
#globalNetwork .reveal-map,
#globalNetwork .reveal-list{
opacity:0;
transform:translateY(24px);
transition:opacity .9s ease-out,transform .9s ease-out;
}

#globalNetwork .network-header .label,
#globalNetwork .network-header h2,
#globalNetwork .network-header .desc{
opacity:0;
transform:translateY(24px);
transition:opacity .85s ease-out,transform .85s ease-out;
}

#globalNetwork.is-revealing .network-header .label,
#globalNetwork.is-revealing .network-header h2,
#globalNetwork.is-revealing .network-header .desc,
#globalNetwork.is-revealing .reveal-map,
#globalNetwork.is-revealing .reveal-list{
opacity:1;
transform:translateY(0);
}

#globalNetwork.is-revealing .network-header .label{transition-delay:.06s}
#globalNetwork.is-revealing .network-header h2{transition-delay:.14s}
#globalNetwork.is-revealing .network-header .desc{transition-delay:.22s}
#globalNetwork.is-revealing .reveal-map{transition-delay:.34s}
#globalNetwork.is-revealing .reveal-list{transition-delay:.42s}

#globalNetwork .network-item.reveal-item{
opacity:0;
transform:translateY(16px);
transition:opacity .75s ease-out,transform .75s ease-out;
}
#globalNetwork.is-revealing .network-item.reveal-item{
opacity:1;
transform:translateY(0);
}
#globalNetwork .network-item.reveal-item:nth-child(1){transition-delay:.52s}
#globalNetwork .network-item.reveal-item:nth-child(2){transition-delay:.6s}
#globalNetwork .network-item.reveal-item:nth-child(3){transition-delay:.68s}
#globalNetwork .network-item.reveal-item:nth-child(4){transition-delay:.76s}
#globalNetwork .network-item.reveal-item:nth-child(5){transition-delay:.84s}
#globalNetwork .network-item.reveal-item:nth-child(6){transition-delay:.92s}
#globalNetwork .network-item.reveal-item:nth-child(7){transition-delay:1s}
#globalNetwork .network-cta.reveal-item{
opacity:0;
transform:translateY(12px);
transition:opacity .75s ease-out 1.08s,transform .75s ease-out 1.08s,background .25s ease;
}
#globalNetwork.is-revealing .network-cta.reveal-item{
opacity:1;
transform:translateY(0);
}


@media (prefers-reduced-motion:reduce){
#globalNetwork .network-header .label,
#globalNetwork .network-header h2,
#globalNetwork .network-header .desc,
#globalNetwork .reveal-map,
#globalNetwork .reveal-list,
#globalNetwork .network-item.reveal-item,
#globalNetwork .network-cta.reveal-item{opacity:1;transform:none;transition:none}
#globalNetwork .network-arc{animation:none;opacity:1!important;stroke-dashoffset:0!important}
#globalNetwork .network-map-svg .network-dots{opacity:1}
#globalNetwork .network-map-svg .network-marker{opacity:1;transform:none}
#globalNetwork .network-map-hover{display:none}
}

@media (hover:none){
#globalNetwork .network-map-hover{display:none}
}

@media (max-width:1200px){
#globalNetwork{padding:80px 0 90px}
#globalNetwork .network-inner{padding:0 48px;gap:48px}
#globalNetwork .network-body{gap:40px}
}

@media (max-width:1024px){
#globalNetwork .network-body{
grid-template-columns:1fr;
gap:48px;
}
#globalNetwork .network-map{max-width:720px;margin:0 auto}
#globalNetwork .network-list-wrap{max-width:none;justify-self:stretch}
}

@media (max-width:640px){
#globalNetwork{padding:64px 0 72px}
#globalNetwork .network-inner{padding:0 24px}
#globalNetwork .network-header h2{font-size:30px}
#globalNetwork .network-item{
grid-template-columns:32px 1fr auto 12px;
padding:16px 0;
}
#globalNetwork .city-name{font-size:15px}
#globalNetwork .city-region{font-size:10px}
}