/* Home hero figure: layout and the city's animated parts. Built by tools/figures/home/city.build.mjs. */
.home-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:24px;align-items:center}
.home-hero .wrap>.rv{grid-column:1}
.home-hero .hero-strip{grid-column:1/-1}
.hh-fig{grid-column:2;grid-row:1;margin:0;position:relative}
.hh-fig .iso-stage{outline:none}
.hh-fig svg{width:100%;height:auto;display:block;overflow:visible}
.hh-read{font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#024C72;text-align:center;min-height:1.4em;margin-top:-6px}
.hh-read a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hh-mod{cursor:pointer;transition:filter .35s ease}
.hh-mod[data-on]{filter:drop-shadow(0 0 7px rgba(8,150,219,.55)) drop-shadow(0 0 2px rgba(8,150,219,.5))}
.hh-blink{fill:#c9d3da;stroke:#26262a;stroke-width:.4}.hh-blink[data-on="1"]{fill:#30A46C}
.hh-orbit{fill:#7C5CFF}
.hh-road{fill:#e9eef1;fill-rule:evenodd;stroke:#c3ccd3;stroke-width:.6}
.fn-fig [data-state="glass"] .tint{--anatomy-top:#e6f4fc;--anatomy-face:#e6f4fc;--anatomy-shade-3:#d3ebf8;--anatomy-shade-2:#bfe1f3;--anatomy-shade-1:#a9d6ee;--anatomy-shade-0:#93cae8;--anatomy-hi:#1f6f99;--anatomy-mid:#0896DB;--anatomy-lo:#6fbde6;--anatomy-faint:#a9d7ef}
.fn-fig [data-state="cloud"] .tint{--anatomy-top:#ffffff;--anatomy-face:#fbfdff;--anatomy-shade-3:#f1f7fb;--anatomy-shade-2:#e6f0f7;--anatomy-shade-1:#dbe9f3;--anatomy-shade-0:#d0e2ef;--anatomy-hi:#5e7d93;--anatomy-mid:#8fb3cb;--anatomy-lo:#b8d0e0;--anatomy-faint:#d6e5ef}
.hh-trend{fill:none;stroke:#FF7900;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.hh-link{fill:none;stroke:#9a8bd6;stroke-width:.7}
.hh-node{fill:#d9cfff;stroke:#3b2a8f;stroke-width:.7}
.hh-pulse{fill:none;stroke:#7C5CFF;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hh-leads,.hh-packets{fill:#FF7900}
.hh-gear{fill:none;stroke:#b25500;stroke-width:1.6;stroke-linecap:round}
.hh-screen{fill:#eef6fb;stroke:#26262a;stroke-width:.5}.hh-ui-bar{fill:#0896DB}.hh-ui-img{fill:#bfe3f5}
.hh-beacon{fill:#f3c3a0}.hh-beacon[data-on="1"]{fill:#FF7900}
.hh-level{fill:none;stroke:#0896DB;stroke-width:1.4;stroke-linecap:round}
@media(max-width:900px){.home-hero .wrap{grid-template-columns:1fr}.hh-fig{grid-column:1;grid-row:auto;margin-top:18px}}
.exp-stage{display:none}
@media(max-width:999px){
.exp-story .exp-stage{display:block;position:sticky;top:68px;z-index:5;margin:28px -4px 18px;padding:6px 4px 8px;background:linear-gradient(#fff 82%,rgba(255,255,255,0))}
.exp-stage .iso-stage{overflow:hidden;border-radius:18px;border:1px solid var(--line,#e7ebee);background:#fbfcfd;height:clamp(150px,42vw,200px)}
.exp-stage .iso-stage svg{width:100%;height:100%;overflow:hidden}
.exp-stage .hh-read{display:none}
.exp-stage .hh-mod{opacity:.32;transition:opacity .5s ease}
.exp-stage .hh-mod[data-on]{opacity:1}
.exp-story .exp.is-on{border-color:var(--bright,#0896DB)}
.exp-story .exp.is-on::before{transform:scaleX(1)}
}
@media(min-width:1000px){
.exp-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;margin-top:54px}
.exp-story .exp-grid{grid-template-columns:1fr;margin-top:0;gap:22px}
.exp-stage{display:block;position:sticky;top:96px}
.exp-stage .hh-fig{margin:0}
.exp-stage .iso-stage{overflow:hidden;border-radius:22px;border:1px solid var(--line,#e7ebee);background:#fbfcfd}
.exp-stage .iso-stage svg{overflow:hidden}
.exp-stage .hh-read{margin-top:14px}
.exp-stage .hh-mod{opacity:.32;transition:opacity .5s ease,filter .35s ease}
.exp-stage .hh-mod[data-on]{opacity:1}
.exp-story .exp{transition:.32s var(--ease),border-color .3s ease}
.exp-story .exp.is-on{border-color:var(--bright,#0896DB);box-shadow:0 24px 54px -32px rgba(2,76,114,.35)}
.exp-story .exp.is-on::before{transform:scaleX(1)}
}