/* Shared cinematic language: a quiet editorial interface around one explanatory visual per block. */
:root{--night:#071013;--night-soft:#0d1b1e;--paper:#f1eee6;--ink:#102022;--mist:#c6d1cb;--aqua:#98ebe2;--rule:rgba(230,238,232,.2)}
.signal-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.signal-brand{font-size:15px;letter-spacing:-.075em}.signal-brand i{font-style:normal;color:var(--aqua)}
.site-nav a{font:600 11px/1.2 'Be Vietnam Pro',sans-serif;letter-spacing:-.015em}.site-nav a::after{height:1px;background:var(--aqua)}
.signal-footer{position:relative;overflow:hidden;padding:0!important;background:var(--night)!important;border-top:1px solid var(--rule)!important;color:#edf0e9}.signal-footer::before{position:absolute;inset:-55% -25% auto;width:65%;height:220px;transform:rotate(-13deg);background:radial-gradient(ellipse,rgba(126,238,224,.16),transparent 70%);content:'';pointer-events:none;animation:footer-light 10s ease-in-out infinite}.footer-grid{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:10vw!important;padding:clamp(68px,9vw,125px) 0 45px!important}.footer-grid>div:first-child{max-width:535px}.footer-grid>div:first-child::after{display:block;width:min(100%,420px);height:1px;margin-top:29px;background:linear-gradient(90deg,var(--aqua),transparent);content:''}.footer-grid>div:first-child>p{max-width:480px;margin-top:20px!important;font-size:15px!important;line-height:1.72!important;color:#c0cbc5!important}.footer-links{display:grid!important;grid-template-columns:1fr 1fr;align-content:start;gap:15px 30px!important}.footer-links a{font:600 15px/1.3 'Be Vietnam Pro',sans-serif!important;color:#eef3eb!important;letter-spacing:-.025em}.footer-links a::after{content:'↗';margin-left:8px;color:var(--aqua);font-size:12px}.footer-links span{grid-column:1/-1;max-width:430px;margin-top:20px;padding-top:20px;border-top:1px solid var(--rule);font:400 12px/1.65 'Be Vietnam Pro',sans-serif!important;letter-spacing:0!important;color:#aebdb7!important}

.collection-signal-grid{grid-template-columns:minmax(0,1fr) minmax(285px,.58fr)!important;gap:clamp(50px,8vw,130px)!important}.collection-cinematic--guide .collection-copy,.collection-cinematic--build .collection-copy{grid-column:auto!important;justify-self:auto!important}.collection-cinematic--guide .collection-cue,.collection-cinematic--build .collection-cue{grid-column:auto!important;grid-row:auto!important}.collection-copy .signal-kicker,.collection-cinematic .signal-kicker,.story-cinematic .story-hero-copy .signal-kicker,.story-cinematic .story-close .signal-kicker{font-family:'Be Vietnam Pro',sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none}.collection-purpose b{font-family:'Be Vietnam Pro',sans-serif!important;font-size:12px!important;letter-spacing:0!important}.collection-depth{position:relative;align-self:end;width:min(100%,455px);margin:0 0 8px auto;filter:drop-shadow(0 32px 35px rgba(0,0,0,.34));transform:perspective(1300px) rotateY(-8deg) rotateX(3deg);transform-style:preserve-3d}.collection-depth svg{display:block;width:100%;overflow:visible}.collection-depth figcaption{position:absolute;right:22px;bottom:21px;margin:0;color:#d6e7e1;font:500 10px/1.2 'Be Vietnam Pro',sans-serif;letter-spacing:.02em}.depth-panel{fill:rgba(7,16,19,.55);stroke:rgba(206,244,237,.24);stroke-width:1.2}.depth-grid{fill:none;stroke:rgba(204,239,233,.09);stroke-width:1}.depth-sheet{fill:#d9e9e3;stroke:#f5fbf8;stroke-width:1.25}.depth-sheet-back{fill:#83aaa1;opacity:.6}.depth-line{fill:none;stroke:#17444c;stroke-width:4;stroke-linecap:round}.depth-ring{fill:rgba(137,224,213,.08);stroke:#d8f6ee;stroke-width:2}.depth-ring-small{stroke-dasharray:5 8}.depth-route,.depth-trace{fill:none;stroke:#9ee9df;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.depth-card{fill:rgba(221,243,237,.12);stroke:#d8f4ec;stroke-width:1.4}.depth-bench,.depth-balance,.depth-baseline,.depth-gate{fill:none;stroke:#d8f2eb;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.collection-depth .depth-node{transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 8px currentColor)}
.collection-explainer figure{transform:perspective(1200px) rotateY(-3deg);transform-style:preserve-3d}.collection-explainer figure::before{position:absolute;z-index:2;inset:10px;transform:translateZ(24px);border:1px solid rgba(184,245,235,.25);content:'';pointer-events:none}.collection-explainer figcaption{font-family:'Be Vietnam Pro',sans-serif!important;letter-spacing:0!important}.stream-head .signal-kicker,.note-grid .signal-kicker{font-family:'Be Vietnam Pro',sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important}.stream-card>span{display:none}.stream-card{grid-template-columns:minmax(260px,1.35fr) minmax(220px,1fr) auto!important;position:relative;transition:background .28s,padding .28s,transform .28s!important}.stream-card::before{position:absolute;top:0;bottom:0;left:0;width:4px;transform:scaleY(0);transform-origin:center;background:var(--water,#087574);content:'';transition:transform .28s}.stream-card:hover{padding-left:28px!important;padding-right:28px!important;transform:translateX(6px)}.stream-card:hover::before{transform:scaleY(1)}.stream-card footer a{font-family:'Be Vietnam Pro',sans-serif!important;letter-spacing:0!important}.stream-card footer a i{font-style:normal}.note-grid{border-top-color:var(--rule)!important}.note-grid>div+div{border-left-color:var(--rule)!important}.note-grid h2 em,.stream-head h2 em,.collection-explainer-copy h2 em{font-family:'Be Vietnam Pro',sans-serif!important;font-style:normal;color:inherit!important}

.story-cinematic .story-hero{position:relative;isolation:isolate;overflow:hidden}.story-cinematic .story-hero::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,transparent 46%,rgba(115,231,217,.11),transparent 72%);content:'';transform:translateX(-45%);animation:story-light 11s ease-in-out infinite}.story-cinematic .story-hero-art{transform:perspective(1300px) rotateY(-5deg)!important}.story-cinematic .atlas-diagram{position:relative}.story-cinematic .atlas-diagram::after{position:absolute;inset:9px;border:1px solid rgba(169,240,230,.22);content:'';pointer-events:none}.story-cinematic .story-facts span{font-family:'Be Vietnam Pro',sans-serif!important;font-size:11px!important;letter-spacing:0!important}.story-cinematic .story-meta .shell{display:flex;gap:28px;flex-wrap:wrap;font-family:'Be Vietnam Pro',sans-serif!important;font-size:12px!important;letter-spacing:0!important}.story-cinematic .chapter-mark{font-family:'Be Vietnam Pro',sans-serif!important;font-size:12px!important;letter-spacing:0!important}.story-cinematic .chapter-visual figcaption{font-family:'Be Vietnam Pro',sans-serif!important;font-size:11px!important;letter-spacing:0!important}.story-cinematic .story-boundary h2 em{font-family:'Be Vietnam Pro',sans-serif!important;font-style:normal;color:inherit!important}

.page-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--night)!important}.page-hero::before{position:absolute;z-index:-1;inset:-22% -8%;background:radial-gradient(ellipse at 75% 35%,rgba(111,210,198,.22),transparent 31%),radial-gradient(ellipse at 30% 105%,rgba(227,174,107,.14),transparent 35%);content:'';animation:utility-atmosphere 13s ease-in-out infinite}.page-hero .eyebrow,.section .eyebrow{font-family:'Be Vietnam Pro',sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none}.page-hero h1{max-width:880px}.page-hero .atlas-diagram,.page-hero .block-illustration{transform:perspective(1300px) rotateY(-5deg);box-shadow:0 30px 82px rgba(0,0,0,.34)}.section-tint{background:#e8e4dc!important}.section-heading h2 em{font-family:'Be Vietnam Pro',sans-serif!important;font-style:normal;color:inherit!important}
@keyframes footer-light{0%,100%{transform:translate3d(-12%,0,0) rotate(-13deg);opacity:.4}50%{transform:translate3d(32%,8%,0) rotate(-13deg);opacity:1}}@keyframes story-light{0%,100%{transform:translateX(-45%);opacity:.2}52%{transform:translateX(45%);opacity:1}}@keyframes utility-atmosphere{0%,100%{transform:scale(.96) translate3d(-1%,0,0)}50%{transform:scale(1.05) translate3d(2%,-1%,0)}}
html.has-motion .collection-depth .depth-route,html.has-motion .collection-depth .depth-trace{stroke-dasharray:760;stroke-dashoffset:760;animation:depth-route 2.5s cubic-bezier(.25,.7,.25,1) .45s forwards}html.has-motion .collection-depth .depth-node{animation:depth-node 2.8s ease-in-out infinite}.collection-depth--guide .depth-sheet,.collection-depth--update .depth-sheet{transform-box:fill-box;transform-origin:center;animation:depth-sheet 5.5s ease-in-out infinite}.collection-depth--build .depth-node:nth-of-type(2n){animation-delay:.55s}.collection-depth--tool .depth-balance{transform-box:fill-box;transform-origin:center;animation:depth-balance 5.5s ease-in-out infinite}@keyframes depth-route{to{stroke-dashoffset:0}}@keyframes depth-node{0%,100%{opacity:.72;transform:scale(.86)}50%{opacity:1;transform:scale(1.14)}}@keyframes depth-sheet{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-8px,20px) rotate(.7deg)}}@keyframes depth-balance{0%,100%{transform:rotate(0)}50%{transform:rotate(2deg)}}
@media(max-width:800px){.footer-grid{grid-template-columns:1fr;gap:40px!important;padding:64px 0 38px!important}.footer-links{max-width:420px}.collection-signal-grid{display:block!important}.collection-depth{width:min(100%,360px);margin:42px 0 0 auto;transform:perspective(1000px) rotateY(-4deg)}.collection-signal{padding-bottom:54px!important}.collection-copy h1{max-width:620px}.collection-explainer-grid{display:flex!important;flex-direction:column;align-items:stretch}.collection-explainer figure{width:100%;transform:none}.stream-card{grid-template-columns:1fr!important;gap:16px!important}.stream-card>p,.stream-card footer{grid-column:auto!important}.stream-card footer{justify-items:start!important}.story-cinematic .story-hero-art,.page-hero .atlas-diagram,.page-hero .block-illustration{transform:none!important}.story-cinematic .story-meta .shell{gap:10px 17px}.story-cinematic .story-meta .shell span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.signal-footer::before,.story-cinematic .story-hero::before,.page-hero::before,.collection-depth .depth-route,.collection-depth .depth-trace,.collection-depth .depth-node,.collection-depth--guide .depth-sheet,.collection-depth--update .depth-sheet,.collection-depth--tool .depth-balance{animation:none!important}.collection-depth,.collection-explainer figure{transform:none!important}}