.nav-liquid-indicator{transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),opacity .2s}
/* Every chapter shares its own background with its diminishing-dot edge. */
.chapter-shell{position:relative;isolation:isolate;background:var(--next-tone,transparent)}
.chapter-surface{position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--chapter-color,#f5f8fc);background-image:linear-gradient(var(--chapter-tone) 0px,transparent 64px),var(--chapter-image,none);-webkit-mask-image:linear-gradient(#000 calc(100% - 145px),#000a calc(100% - 90px),#0002 98%,transparent);mask-image:linear-gradient(#000 calc(100% - 145px),#000a calc(100% - 90px),#0002 98%,transparent)}
.chapter-shell.is-bridge-ready>section{background:none}
footer{border-top:0;background-image:linear-gradient(#111b2b,transparent 64px),linear-gradient(135deg,#111b2b,#0a111d)}
.hero-shell{position:relative;isolation:isolate;margin-top:-84px}
.hero-shell>.brand-hero{margin-top:0}
.hero-surface{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 0%,#1c3c61b0,transparent 63%),linear-gradient(108deg,#f2f7ff 12%,#e5effe 47%,#263b57 77%,#0d1728 100%);clip-path:url(#orda-bridge-contour);-webkit-mask-image:linear-gradient(#000 calc(100% - 145px),#000a calc(100% - 90px),#0002 98%,transparent);mask-image:linear-gradient(#000 calc(100% - 145px),#000a calc(100% - 90px),#0002 98%,transparent)}
.hero-shell.is-bridge-ready>.brand-hero{background:none}
.chapter-base{-webkit-mask-image:none;mask-image:none}
.chapter-edge{contain:strict}
.chapter-bridge{height:clamp(170px,17vw,220px);position:relative;pointer-events:none;overflow:clip;background:transparent;contain:layout paint}
.bridge-field{position:absolute;inset:0}
.bridge-definitions{position:absolute;width:0;height:0;overflow:hidden}
.chapter-bridge+.collection-section,.hero-shell+.collection-section,.hero-shell+.chapter-shell>.collection-section{padding-top:clamp(28px,4vw,54px)}
.hero-playback-control{display:none;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;margin-top:16px;border:1px solid #517dad60;border-radius:24px;background:#ffffff7a;color:#214f7c;font-size:11px;backdrop-filter:blur(16px);cursor:pointer}
.needs-playback-gesture .hero-playback-control{display:inline-flex}
.hero-playback-control:focus-visible{outline:2px solid #28639b;outline-offset:3px}
/* Embedded phone browsers avoid continuously sampling the moving page through glass. */
@media(max-width:700px){
 .site-header,.site-header.is-scrolled{background:linear-gradient(125deg,#101722,#18293c 65%,#101c2b);backdrop-filter:none;-webkit-backdrop-filter:none}
 .brand-hero:not(.motion-in-view) .ambient-scene *{animation-play-state:paused}
 .ambient-light{filter:none;will-change:auto}.signature-line{animation:none;stroke-dashoffset:0}
 .hero-playback-control,.site-sound,.showcase-switcher{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(max-width:760px){.hero-shell{margin-top:-80px}.hero-surface{background:radial-gradient(ellipse at 100% 5%,#a6cbff4a,transparent 65%),linear-gradient(180deg,#edf5ff 0%,#e0edff 42%,#223955 65%,#0d1728 100%)}.chapter-bridge{height:154px}.hero-shell+.collection-section,.hero-shell+.chapter-shell>.collection-section{padding-top:28px}.hero-playback-control{display:inline-flex}}
