.fabric-story{--fabric-height:max(570px,calc(100svh - 74px));position:relative;background:#d5cbe7;isolation:isolate;color:#192436}
.fabric-story-honeycomb{background:#b8e5df}.fabric-story-ribbons{background:#bbbbe7}.fabric-story-network{background:#eadcde}
.fabric-story-relay-globe{background:#bbbbe7}
.relay-globe-city-labels{position:absolute;inset:0;z-index:2;pointer-events:none}
.relay-globe-city-label{position:absolute;transform:translate(-50%,-50%);font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;color:#edfbff;text-shadow:0 1px 3px #03111c,0 0 9px #03111c;pointer-events:none}
.relay-globe-city-label[hidden]{display:none}
.fabric-stage{position:sticky;top:74px;width:100%;height:var(--fabric-height);min-height:570px;overflow:hidden;z-index:0;isolation:isolate}
.fabric-stage>canvas,.fabric-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.fabric-fallback{background:radial-gradient(ellipse at 70% 55%,#ffffffa8 0,#e8f2fc55 30%,transparent 55%),linear-gradient(130deg,#8965d1,#a1c7ea 55%,#f7f4fc)}
.fabric-story-honeycomb .fabric-fallback{background:radial-gradient(ellipse at 65% 60%,#bbbcf3,transparent 60%),linear-gradient(120deg,#6bd1d0,#cdeee8)}
.fabric-story-network .fabric-fallback{background:radial-gradient(ellipse at 25% 55%,#fbf8f2,transparent 70%),linear-gradient(120deg,#c5b8dc,#e2b4c6)}
.fabric-stage[data-fabric-ready=true] .fabric-fallback{opacity:0}
.fabric-story-content{position:relative;z-index:1;margin-top:calc(-1 * var(--fabric-height));pointer-events:none;padding-bottom:180px}
.fabric-intro{width:min(1210px,84%);min-height:var(--fabric-height);margin-inline:auto;display:flex;align-items:center}
.fabric-copy{width:40%;padding-block:60px;pointer-events:auto;transform:translateY(var(--fabric-copy-y,0px));will-change:transform}
.fabric-story-network .fabric-intro{justify-content:flex-end}
.fabric-copy h1,.fabric-copy h2{margin:0;font-size:clamp(43px,4.2vw,67px);font-weight:600;letter-spacing:-.025em;line-height:1.14;color:#192436}
.fabric-copy h1>span,.fabric-copy h2>span{display:block}
.fabric-story .fabric-eyebrow{font-size:14px;font-weight:600;margin:0 0 24px;letter-spacing:.06em;color:#314457}
.fabric-story .fabric-description{font-size:20px;line-height:1.55;font-weight:500;letter-spacing:-.015em;margin:26px 0 0;max-width:430px;color:#273647}
.fabric-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:#233c49;text-decoration:none;margin-top:26px}
.fabric-link:hover{text-decoration:underline}.fabric-link>span{font-size:23px;font-weight:400}
.fabric-facts{display:flex;gap:35px;margin:28px 0 0;flex-wrap:wrap}.fabric-facts>div{display:flex;flex-direction:column-reverse;gap:7px}.fabric-facts dt{font-size:12px;color:#405162}.fabric-facts dd{font-size:34px;font-weight:600;line-height:1;margin:0;letter-spacing:-.03em}
.fabric-cards{width:min(1060px,82%);margin:90px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 25px;padding-block:160px;pointer-events:none;scroll-margin-top:74px}
.fabric-card{position:relative;width:100%;min-width:0;aspect-ratio:294/195;transform:translateY(var(--fabric-card-y,0px)) scale(var(--fabric-card-scale,1));opacity:1;will-change:transform;transition:box-shadow .3s}
.fabric-card-tag{position:absolute;top:0;right:0;transform:translateY(-100%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.02em;line-height:20px;max-width:75%;padding:0 7px;color:#293440}
.fabric-card-face{position:absolute;inset:0;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:26px 20px 20px;gap:8px;box-shadow:0 14px 40px #3545540d}
.fabric-card-metric{font-size:30px;line-height:1.1;font-weight:600;letter-spacing:-.03em;color:#26344a}.fabric-card-metric small{font-size:12px;font-weight:500;letter-spacing:0;margin-left:5px}.fabric-card-route .fabric-card-face{gap:6px}.fabric-card-route .fabric-card-flag{font-size:24px}.fabric-story-short .fabric-card-route .fabric-card-face>*{opacity:var(--fabric-card-opacity,1)}
.fabric-card-face>strong{font-size:28px}.fabric-card-route .fabric-card-detail{font-size:10px;margin:0}
.fabric-card-face>strong{font-size:29px;font-weight:500;letter-spacing:-.02em;line-height:1.25}.fabric-card-code{font:9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#94a2ac}.fabric-card-detail{font-size:12px;color:#70818d;margin-top:4px}.fabric-card-flag{font-size:31px;line-height:1.1;margin-bottom:2px}.fabric-card-face>img{width:70%;height:55px;object-fit:contain}
.fabric-story-short .fabric-cards{grid-template-columns:repeat(3,minmax(0,1fr));width:min(930px,80%);margin-top:160px;padding-block:180px 120px;gap:55px 35px}
.fabric-story-short .fabric-card-face>strong{font-size:36px}
.fabric-motion{position:absolute;bottom:60px;right:30px;z-index:4;display:grid;place-items:center;width:44px;height:44px;border:1px solid #40536622;border-radius:50%;background:#fff4;backdrop-filter:blur(16px);color:#394b5c;cursor:pointer}
.fabric-motion svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.fabric-motion:focus-visible{outline:2px solid #234d54;outline-offset:4px}.fabric-motion .fabric-play{display:none}.fabric-motion[aria-pressed=true] .fabric-pause{display:none}.fabric-motion[aria-pressed=true] .fabric-play{display:block}
@media(min-width:1800px){.fabric-intro{width:min(1420px,82%)}.fabric-copy h1,.fabric-copy h2{font-size:75px}.fabric-story .fabric-description{font-size:23px;max-width:470px}.fabric-cards{width:1200px}}
@media(max-width:1050px){.fabric-copy{width:43%}.fabric-copy h1,.fabric-copy h2{font-size:45px}.fabric-story .fabric-description{font-size:17px}.fabric-card-face>strong{font-size:24px}.fabric-cards{gap:30px 18px}.fabric-story-short .fabric-card-face>strong{font-size:29px}}
@media(max-width:700px){
 .fabric-story{--fabric-height:max(610px,calc(100svh - 68px))}.fabric-stage{top:68px;min-height:610px}
 .fabric-intro{width:calc(100% - 48px);min-height:var(--fabric-height);align-items:flex-start;padding-top:38px}.fabric-copy{width:100%;padding:0;transform:none!important}.fabric-copy h1,.fabric-copy h2{font-size:40px;line-height:1.12}.fabric-story .fabric-eyebrow{font-size:12px;margin-bottom:15px}.fabric-story .fabric-description{font-size:16px;line-height:1.5;margin-top:18px;max-width:360px;font-weight:400}.fabric-link{font-size:14px;margin-top:16px}.fabric-facts{position:absolute;right:0;top:0;gap:16px;display:none}
 .fabric-cards,.fabric-story-short .fabric-cards{width:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 16px;margin-top:150px;padding-block:130px 60px}
 .fabric-card{aspect-ratio:294/215}.fabric-card-face{border-radius:16px;padding:19px 10px 12px;gap:5px}.fabric-card-face>strong,.fabric-story-short .fabric-card-face>strong{font-size:23px}.fabric-card-tag{font-size:8px;line-height:17px;padding:0 5px}.fabric-card-code{font-size:8px;letter-spacing:.07em}.fabric-card-detail{font-size:10px}.fabric-card-flag{font-size:25px;margin:0}.fabric-card-face>img{width:80%;height:40px}
 .fabric-card-route .fabric-card-face{gap:4px;padding:17px 8px 10px}.fabric-card-route .fabric-card-flag{font-size:18px}.fabric-story-short .fabric-card-route .fabric-card-face>strong{font-size:21px}.fabric-card-metric{font-size:25px}.fabric-card-metric small{font-size:10px}.fabric-card-route .fabric-card-detail{font-size:9px}
 .fabric-story-content{padding-bottom:100px}.fabric-motion{width:38px;height:38px;bottom:58px;right:20px}
}
@media(max-width:339px){.fabric-intro{width:calc(100% - 36px)}.fabric-copy h1,.fabric-copy h2{font-size:34px}.fabric-story .fabric-description{font-size:14px}.fabric-cards,.fabric-story-short .fabric-cards{width:calc(100% - 30px);gap:28px 12px}.fabric-card-face>strong,.fabric-story-short .fabric-card-face>strong{font-size:21px}.fabric-card-route{min-height:118px}}
@media(prefers-reduced-motion:reduce){.fabric-copy,.fabric-card{will-change:auto;transform:none!important;opacity:1!important}}