/* A connected, editorial ecosystem. Decorative paths never capture input. */
.universe-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}
.universe-heading p{max-width:300px;color:var(--muted);font-size:16px;margin-bottom:30px}
.universe{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;position:relative}
.universe.is-interactive{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:38px}
.universe-map{position:relative;aspect-ratio:640 / 440;min-width:0}
.universe-map[hidden],.ecosystem-panel[hidden]{display:none}
.universe-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none}
.orbit{stroke:#d3ae6d18;stroke-width:1}.orbit.inner{stroke-dasharray:2 9}
.branch{stroke:#d3ae6d40;stroke-width:1;transition:stroke .45s,stroke-width .45s}
[data-selected="advisory"] .branch-advisory,[data-selected="payments"] .branch-payments,[data-selected="lending"] .branch-lending,[data-selected="technology"] .branch-technology{stroke:var(--gold);stroke-width:1.5}
.universe-center{position:absolute;left:50%;top:50%;translate:-50% -50%;text-align:center;background:#102941;padding:15px 10px}
.universe-center>span{font-size:10px;letter-spacing:2px;color:var(--gold)}
.universe-center p{font-family:'Playfair Display',Georgia,serif;font-size:24px;line-height:1.25;margin:8px 0 0}
.capability{position:absolute;translate:-50% -50%;display:flex;align-items:center;gap:10px;text-align:left;color:#d3dae1;background:#102941;border:1px solid #586473;padding:12px 13px;width:158px;min-height:63px;line-height:1.3;font-size:13px;cursor:pointer;transition:border-color .35s,background .35s,color .35s}
.capability-number{font-size:10px;letter-spacing:1px;color:var(--gold)}
.capability-advisory{left:50%;top:13%}.capability-payments{left:82%;top:50%}.capability-lending{left:50%;top:86%}.capability-technology{left:18%;top:50%}
.capability:hover{background:#1a354d;border-color:var(--gold)}
.capability[aria-pressed="true"]{background:#d3ae6d;color:var(--navy);border-color:#e4c99a}
.capability[aria-pressed="true"] .capability-number{color:#574121}
.selection-mark{display:none}
.universe-hint{position:absolute;bottom:-25px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin:0}
.universe-panels{min-width:0}
.is-interactive .universe-panels{padding:20px 0 20px 36px;border-left:1px solid var(--line);min-height:350px;display:flex;align-items:center}
.ecosystem-panel{padding:15px 0}
.ecosystem-panel h3{font-family:'Playfair Display',Georgia,serif;font-size:34px;line-height:1.2;font-weight:400;letter-spacing:-.7px;margin-bottom:22px}
.panel-kicker{font-size:10px;letter-spacing:1.5px;color:var(--gold);margin-bottom:22px}
.panel-copy{font-size:15px;line-height:1.85;color:#bac4ce}
.connection-tags{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#cbb997;margin:22px 0 12px}
.connection-tags span+span{border-left:1px solid var(--line);padding-left:15px}
.ecosystem-panel .text-link{color:var(--gold)}
.panel-arrive{animation:panel-arrive .4s ease both}
@keyframes panel-arrive{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.ecosystem-spotlight{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;margin-top:75px}
.ecosystem-spotlight>div>h3{font-family:'Playfair Display',Georgia,serif;font-size:38px;line-height:1.25;font-weight:400;letter-spacing:-1px;margin-bottom:22px}
.ecosystem-spotlight>div>p:last-child{color:var(--muted);max-width:360px;font-size:15px}
/* Native scrolling stays untouched. These offsets are deliberately small. */
.hero-art{transform:translate3d(var(--art-x,0px),calc(var(--art-y,0px) + var(--scroll-y,0px)),0) scale(var(--cinema-scale,1.018));transition:transform .7s cubic-bezier(.2,.65,.3,1)}
.chapter-bridge{height:130px;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#826336}
.bridge-track{height:66px;width:1px;background:#d6cbb7;position:relative}
.bridge-track i{position:absolute;inset:0;background:#a78143;transform-origin:top;transform:scaleY(var(--bridge-progress,1));transition:transform .25s linear}
.bridge-caption{font-size:9px;letter-spacing:2px}
.chapter-bridge+.about{padding-top:38px}
.story-reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}
.story-reveal.is-waiting{opacity:0;transform:translateY(16px)}
@media(max-width:1150px){.universe.is-interactive{grid-template-columns:1.3fr 1fr;gap:25px}.capability{width:135px;padding:10px;font-size:12px;gap:7px}.universe-center p{font-size:21px}.universe-center>span{font-size:8px}.is-interactive .universe-panels{padding-left:25px}.ecosystem-panel h3{font-size:30px}}
@media(max-width:900px){.universe.is-interactive{grid-template-columns:1fr}.universe-map{width:100%;max-width:600px;margin:auto}.capability{width:165px;font-size:14px}.universe-center p{font-size:26px}.universe-center>span{font-size:10px}.is-interactive .universe-panels{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;min-height:285px}.ecosystem-panel{max-width:600px}.universe-heading{display:block}.universe-heading p{max-width:420px;margin-bottom:0}.ecosystem-spotlight{gap:35px}.ecosystem-spotlight>div>h3{font-size:32px}}
@media(max-width:600px){.universe-heading{margin-bottom:28px}.universe-heading h2{font-size:36px}.universe{padding:26px 0}.universe-map{aspect-ratio:auto}.universe-lines,.universe-center{display:none}.capability-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.capability{position:relative;inset:auto;translate:none;width:100%;min-height:72px;font-size:13px;padding:13px 10px;gap:8px}.universe-hint{position:static;margin-top:19px;font-size:8px;letter-spacing:1.5px}.selection-mark{left:20px;bottom:-3px}.is-interactive .universe-panels{min-height:340px;padding-top:15px}.ecosystem-panel h3{font-size:32px}.ecosystem-spotlight{grid-template-columns:1fr;margin-top:48px}.ecosystem-spotlight .zonga{max-width:none}.chapter-bridge{height:100px}.bridge-track{height:45px}.chapter-bridge+.about{padding-top:26px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none;transition:none}.story-reveal,.story-reveal.is-waiting{opacity:1;transform:none;transition:none}.panel-arrive{animation:none}.bridge-track i{transform:scaleY(1);transition:none}.branch,.capability{transition:none}}

/* Slow orbital accents; the controls and copy remain completely stationary. */
.orbit-motion{transform-box:view-box;transform-origin:320px 220px;animation:orbit-turn 42s linear infinite;animation-play-state:paused;pointer-events:none}
.orbit-motion-inner{animation-duration:64s;animation-direction:reverse}
.orbit-trail{stroke:#d3ae6d88;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:78 852;stroke-dashoffset:78}
.inner-trail{stroke:#d3ae6d50;stroke-width:1;stroke-dasharray:40 563;stroke-dashoffset:342}
.orbit-satellite{fill:#ead09f;stroke:none}.inner-satellite{fill:#bd9a5b}
.orbit-running .orbit-motion{animation-play-state:running}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
.connection-beam{stroke:#ffe4ac;stroke-width:2;stroke-linecap:round;stroke-dasharray:18 100;opacity:0;pointer-events:none}
.is-connecting[data-selected="advisory"] .beam-advisory,.is-connecting[data-selected="payments"] .beam-payments,.is-connecting[data-selected="lending"] .beam-lending,.is-connecting[data-selected="technology"] .beam-technology{animation:connection-trace .85s cubic-bezier(.3,.1,.4,1) both}
@keyframes connection-trace{0%{stroke-dashoffset:18;opacity:0}15%{opacity:.9}80%{opacity:.7}100%{stroke-dashoffset:-100;opacity:0}}
.universe-tools{position:absolute;bottom:-35px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:18px;min-height:44px}
.universe-tools .universe-hint{position:static;margin:0;font-size:10px;letter-spacing:1px}
.orbit-toggle{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:8px 5px;border:0;background:transparent;color:#cdb47f;font-size:11px;cursor:pointer;white-space:nowrap}
.orbit-toggle[hidden]{display:none}.orbit-toggle:hover{color:#f3dfb6}.orbit-toggle .line-icon{width:15px;height:15px}
.orbit-still .connection-beam{animation:none!important;opacity:0}
@media(max-width:1150px) and (min-width:901px){.universe-tools{gap:8px}.universe-tools .universe-hint{font-size:10px;letter-spacing:.3px}}
@media(max-width:600px){.orbit-motion,.connection-beam,.orbit-toggle{display:none}.universe-tools{position:static;min-height:0;margin-top:19px}.universe-tools .universe-hint{font-size:8px;letter-spacing:1.5px}.is-connecting:not(.orbit-still) .capability[aria-pressed="true"]:after{content:'';position:absolute;bottom:0;left:0;height:1px;width:100%;background:#fff0ca;transform-origin:left;animation:selection-sweep .55s ease-out both}}
@keyframes selection-sweep{from{transform:scaleX(0);opacity:.9}to{transform:scaleX(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.orbit-motion{animation:none}.connection-beam,.capability:after{animation:none!important;opacity:0}.orbit-toggle{display:none}}