/* Signal Atlas — editorial, tactile and route-specific presentation layer. */
:root{--paper:#f5f1e8;--paper-warm:#ebe4d7;--ink:#102b32;--ink-soft:#456066;--night:#0b1f27;--night-2:#102f39;--water:#147980;--cyan:#61ddd3;--amber:#c88a3b;--coral:#c7644f;--line:rgba(16,43,50,.18);--sans:'Be Vietnam Pro',sans-serif;--mono:'DM Mono',monospace;--serif:'Literata',serif}
html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font:400 16px/1.72 var(--sans)}body:before{display:none}.shell{width:min(1240px,calc(100% - 72px))}.signal-header{border-color:rgba(16,43,50,.13);background:rgba(245,241,232,.86);backdrop-filter:blur(18px) saturate(1.05)}.header-inner{min-height:82px}.signal-brand{color:var(--ink);font:800 17px/1 var(--sans);letter-spacing:-.095em}.signal-brand i{color:var(--water)}.site-nav{gap:27px}.site-nav a{color:#375158;font:500 10px var(--mono);letter-spacing:.035em}.site-nav a:hover,.site-nav .is-current{color:var(--ink)}.site-nav a:after{background:var(--amber)}.signal-kicker,.record-meta{color:var(--water);font:500 10px var(--mono);letter-spacing:.1em}.signal-kicker span{color:var(--amber)}.signal-lede{color:var(--ink-soft);font-size:17px;line-height:1.78}.atlas-home{min-height:calc(100vh - 82px);padding:clamp(4.5rem,9vw,9rem) 0 0;background:linear-gradient(112deg,var(--paper) 0%,var(--paper) 49%,rgba(233,228,215,.58) 100%)}.atlas-home:after{display:none}.signal-noise{opacity:.48;background-image:linear-gradient(rgba(16,43,50,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,43,50,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,transparent 85%)}.signal-beam{opacity:.3}.beam-one{top:-31vw;right:-14vw;border-color:rgba(20,121,128,.55);box-shadow:0 0 0 85px rgba(20,121,128,.035),0 0 0 170px rgba(20,121,128,.02)}.beam-two{bottom:-46vw;left:-21vw;border-color:rgba(200,138,59,.5);box-shadow:0 0 90px 60px rgba(200,138,59,.05)}.signal-home-grid{grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr);gap:clamp(32px,5vw,78px)}.signal-home-copy{position:relative;z-index:2}.signal-home-copy h1{max-width:11ch;margin:19px 0 26px;color:var(--ink);font:600 clamp(3.65rem,6.5vw,7.2rem)/.92 var(--serif);letter-spacing:-.068em}.signal-home-copy h1 em{color:var(--water);font-style:italic}.signal-actions{margin-top:36px;gap:13px}.signal-actions a{border-color:rgba(16,43,50,.25);padding:14px 18px;color:var(--ink);font:500 10px var(--mono);letter-spacing:.03em}.signal-actions a:first-child{border-color:var(--night);background:var(--night);color:#f4f1e8}.signal-actions a:hover{border-color:var(--amber);background:var(--amber);color:#fffaf1;transform:translateY(-3px)}.atlas-art{position:relative;margin:0}.atlas-art:before{position:absolute;z-index:0;top:8%;right:0;width:73%;height:83%;border:1px solid rgba(20,121,128,.24);border-radius:50%;content:''}.atlas-art img{position:relative;z-index:1;display:block;width:100%;min-height:460px;object-fit:cover;clip-path:polygon(0 9%,95% 0,100% 90%,8% 100%);filter:contrast(1.04) saturate(.9);box-shadow:27px 33px 0 rgba(16,43,50,.08)}.atlas-art figcaption{position:relative;z-index:2;margin:-18px 0 0 23px;color:var(--ink-soft);font:500 9px var(--mono);letter-spacing:.1em}.atlas-art figcaption span{color:var(--amber);font-size:18px}.signal-marquee{margin-top:clamp(3.5rem,7vw,7rem);color:var(--ink);font:600 clamp(1.2rem,2.2vw,2.1rem)/1 var(--serif);letter-spacing:-.045em;animation:none}.signal-marquee i{color:var(--amber)}

.signal-routes{padding:clamp(6rem,12vw,12rem) 0;background:var(--paper)}.route-intro{grid-template-columns:.85fr 1.15fr .75fr;gap:38px}.route-intro h2,.manifesto-copy h2,.stream-head h2{color:var(--ink);font:600 clamp(2.65rem,5vw,5.35rem)/.98 var(--serif);letter-spacing:-.062em}.route-intro h2 em,.manifesto-copy h2 em,.stream-head h2 em{color:var(--water);font-style:italic}.route-intro>p,.stream-head>p{color:var(--ink-soft);font-size:14px}.route-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.route-card{min-height:430px;padding:25px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--ink);isolation:isolate;transition:background .4s,transform .4s}.route-card:after{display:none}.route-card:hover{background:#e4ddd0;transform:none}.route-card span{color:var(--water);font:500 10px var(--mono);letter-spacing:.09em}.route-card b{margin-top:58px;font:600 clamp(2rem,3.1vw,3.15rem)/.9 var(--serif);letter-spacing:-.065em}.route-card p{max-width:22ch;color:var(--ink-soft);font-size:13px}.route-card em{position:absolute;right:24px;bottom:22px;color:var(--amber);font:400 29px/1 var(--serif);font-style:normal}.route-visual{position:absolute;right:19px;bottom:70px;width:44%;height:112px;overflow:hidden;opacity:.9}.route-visual i{position:absolute;display:block;border:1px solid currentColor}.route-coral{color:#a35143}.route-lilac{color:#5b6c8a}.route-mint{color:#31756c}.route-blue{color:#376d89}.visual-radar i{border-radius:50%}.visual-radar i:nth-child(1){width:124px;height:124px;right:-29px;bottom:-48px}.visual-radar i:nth-child(2){width:78px;height:78px;right:-5px;bottom:-25px}.visual-radar i:nth-child(3){width:10px;height:10px;right:51px;bottom:29px;background:currentColor}.visual-guide i:nth-child(1){top:18px;left:2px;width:136px;height:76px;transform:rotate(-8deg)}.visual-guide i:nth-child(2){top:34px;left:20px;width:136px;height:76px;transform:rotate(9deg);background:rgba(255,255,255,.25)}.visual-guide i:nth-child(3){top:59px;left:41px;width:76px;border:0;border-top:2px solid currentColor}.visual-tools i:nth-child(1){bottom:6px;left:8px;width:134px;height:9px;border-radius:10px;background:currentColor}.visual-tools i:nth-child(2){bottom:6px;left:36px;width:48px;height:48px;border-radius:50%;background:var(--paper)}.visual-tools i:nth-child(3){bottom:21px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:-61px -37px 0 0 currentColor,-14px -71px 0 0 currentColor}.visual-build i:nth-child(1){inset:11px 22px 11px 8px;border-left:0;transform:skewY(-16deg)}.visual-build i:nth-child(2){top:34px;left:24px;width:105px;border:0;border-top:2px solid currentColor;transform:rotate(-11deg)}.visual-build i:nth-child(3){top:16px;right:8px;width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:-45px 56px 0 0 var(--amber)}

.signal-manifesto{padding:clamp(6rem,13vw,12rem) 0;background:var(--night);color:#f7f2e8}.manifesto-copy .signal-kicker{color:var(--cyan)}.manifesto-copy h2{color:#f7f2e8}.manifesto-copy h2 em{color:#e4ad62}.manifesto-steps>div{border-color:rgba(247,242,232,.22)}.manifesto-steps span{color:var(--cyan)}.manifesto-steps p{color:#ecede5;font:500 clamp(1.05rem,1.6vw,1.4rem)/1.36 var(--sans);letter-spacing:-.035em}.manifesto-steps a{color:#edbd77}.manifesto-steps i{color:var(--cyan)}

/* Collection and article pages use white space, large editorial type, and illustrations as evidence. */
.collection-signal,.story-hero{padding:clamp(5rem,10vw,9rem) 0;background:var(--paper);overflow:hidden}.collection-signal:before,.story-hero:before{background:linear-gradient(90deg,rgba(20,121,128,.09) 1px,transparent 1px);background-size:150px 100%;mask-image:linear-gradient(90deg,#000,transparent 74%)}.collection-copy h1,.story-hero-copy h1{max-width:11ch;margin:18px 0 23px;color:var(--ink);font:600 clamp(3.2rem,6.1vw,6.2rem)/.97 var(--serif);letter-spacing:-.065em}.collection-purpose{border-color:var(--line);color:var(--ink-soft)}.collection-purpose b{color:var(--water)}.collection-art,.story-hero-art{filter:drop-shadow(0 28px 20px rgba(16,43,50,.1))}.signal-diagram figcaption,.story-scene figcaption{color:var(--ink-soft);font:500 10px var(--mono)}.signal-screen{fill:#e5ece9;stroke:#74979b;stroke-width:1}.signal-grid{stroke:rgba(16,43,50,.1)}.signal-aurora{animation:none}.signal-orbit ellipse{stroke:rgba(20,121,128,.38);animation:none}.signal-thread path{stroke:var(--water)}.signal-thread path+path{stroke:var(--amber)}.signal-core circle:first-child{fill:#e8efeb;stroke:#214750}.signal-core circle:nth-child(2){fill:#d49a4e;stroke:#fff9ef}.signal-core path{stroke:#17353c}.signal-core text{fill:#17353c}.signal-note rect{fill:#f9f5eb;stroke:rgba(16,43,50,.3)}.signal-note text{fill:#284a50}.signal-note path{stroke:var(--water)}.signal-note-b path{stroke:var(--amber)}.signal-markers circle{fill:var(--water);stroke:#fff}.signal-caption{fill:#557077}.collection-stream{padding:clamp(6rem,12vw,11rem) 0;background:#fcfaf5}.stream-list{border-color:var(--line)}.stream-card{grid-template-columns:68px 1.16fr .92fr .62fr;border-color:var(--line);padding:40px 0}.stream-card>span,.stream-card footer a{color:var(--water)}.stream-card div>p{color:#798c8d}.stream-card h2{font:600 clamp(1.7rem,2.6vw,2.85rem)/1.02 var(--serif);letter-spacing:-.055em}.stream-card h2 a{color:var(--ink);transition:color .2s}.stream-card h2 a:hover{color:var(--water)}.stream-card>p,.stream-card footer{color:var(--ink-soft)}.collection-notes{background:var(--paper-warm);padding:clamp(5rem,9vw,8rem) 0}.note-grid{background:var(--line)}.note-grid>div{background:var(--paper-warm)}.note-grid h2{color:var(--ink);font:600 clamp(2rem,3vw,3.25rem)/.98 var(--serif);letter-spacing:-.06em}.note-grid p:not(.signal-kicker){color:var(--ink-soft)}

.story-meta{border-color:var(--line);background:#e9e2d6}.story-meta .shell{color:#587176;font:500 10px var(--mono)}.story-sequence{gap:clamp(3rem,7vw,8rem);padding-top:clamp(5rem,10vw,10rem);padding-bottom:clamp(5rem,10vw,10rem)}.story-stage-inner{border:1px solid rgba(20,121,128,.25);border-radius:0;background:linear-gradient(145deg,#173a42,#081c24 70%);box-shadow:20px 24px 0 rgba(200,138,59,.18),0 25px 70px rgba(16,43,50,.18)}.story-stage-inner:before{border-color:rgba(246,241,232,.2);border-radius:0}.stage-count{color:#b6c7c4}.stage-count span{color:var(--cyan)}.stage-count i{color:#edbf79}.stage-sheen{border-color:rgba(97,221,211,.26)}.story-chapter h2{color:var(--ink);font:600 clamp(2.3rem,4.35vw,4.65rem)/.96 var(--serif);letter-spacing:-.065em}.chapter-mark{color:var(--water)}.chapter-mark i{color:var(--amber)}.story-chapter>div>p:not(.chapter-mark){color:var(--ink-soft);font-size:16px}.story-chapter li{color:#2f4d52}.story-chapter li:before{background:var(--amber);box-shadow:none}.block-scene{background:radial-gradient(circle at 20% 20%,rgba(235,185,106,.2),transparent 29%),radial-gradient(circle at 85% 75%,rgba(97,221,211,.25),transparent 41%),linear-gradient(145deg,#163943,#091c24)}.story-close{padding-top:0}.story-boundary{border:0;border-radius:0;background:var(--night);box-shadow:19px 20px 0 rgba(200,138,59,.24)}.story-boundary:after{border-color:rgba(231,238,225,.26)}.story-boundary .signal-kicker{color:var(--cyan)}.story-boundary h2,.story-sources h2{color:#f7f2e8;font:600 clamp(2.5rem,4.6vw,5rem)/.94 var(--serif);letter-spacing:-.06em}.story-boundary h2 em{color:#e8b66f}.story-boundary>p{color:#c7d8d5}.story-sources{border-color:var(--line)}.story-sources h2{color:var(--ink)}.story-sources li{border-color:var(--line)}.story-sources a{color:var(--water)}.story-sources p{color:var(--ink-soft)}.story-related a{border-color:var(--line);background:#e9e1d4;color:var(--ink)}.story-related a:hover{background:#ded3c2;transform:translateY(-5px)}.story-related span{color:var(--water)}.story-related b{font:600 27px/1.06 var(--serif);letter-spacing:-.05em}.story-related i{color:var(--amber)}

.page-hero,.article-hero{padding:clamp(5rem,9vw,9rem) 0;background:var(--paper-warm)}.page-hero h1,.article-hero h1{color:var(--ink);font:600 clamp(3.2rem,6vw,6.2rem)/.96 var(--serif);letter-spacing:-.065em}.section{background:#fcfaf5;padding:clamp(5rem,9vw,9rem) 0}.section-tint{background:var(--paper-warm)}.section-heading h2{color:var(--ink);font-family:var(--serif);letter-spacing:-.06em}.section-heading>p,.standard p{color:var(--ink-soft)}.standard-list,.standard{border-color:var(--line)}.standard>b{color:var(--water)}.standard h2{color:var(--ink);font-family:var(--serif)}.record-card,.search-record,.diagnostic{background:#fffdf8;color:var(--ink)}.search-page .lede{color:var(--ink-soft)}.search-form input{border-color:var(--line);background:#fffdf8;color:var(--ink)}.search-form .button{background:var(--night);color:#fffdf8}.search-record{border-color:var(--line)!important;box-shadow:none!important}.search-record h2 a{color:var(--ink)}.search-record p{color:var(--ink-soft)}.search-open{color:var(--water)}.signal-footer,.app-footer{background:#091f27;border-color:rgba(255,255,255,.1)}.signal-footer p{color:#a7bfbb}.footer-links{color:#e8efe8}.footer-links span{color:#96aaa8}.signal-footer .signal-brand{color:#f5f1e8}.signal-footer .signal-brand i{color:var(--cyan)}

@media(max-width:800px){.shell{width:min(100% - 32px,1240px)}.signal-header{background:rgba(245,241,232,.94)}.menu-button{color:var(--ink)}.site-nav{background:#f7f3ea;border-color:var(--line)}.signal-home-grid{grid-template-columns:1fr;gap:34px}.atlas-home{min-height:auto;padding-top:4.4rem}.signal-home-copy h1{font-size:clamp(3.4rem,15vw,4.9rem)}.signal-home-art{margin-top:0}.atlas-art img{min-height:300px;clip-path:polygon(0 6%,100% 0,100% 94%,4% 100%)}.route-grid{grid-template-columns:1fr}.route-card{min-height:245px}.route-card b{margin-top:28px}.route-visual{right:16px;bottom:42px;width:34%}.route-card em{bottom:16px}.route-intro,.stream-head{gap:18px}.collection-copy h1,.story-hero-copy h1{font-size:clamp(3rem,13vw,4.5rem)}.collection-signal,.story-hero{padding-top:4.6rem}.stream-card{grid-template-columns:38px 1fr;padding:29px 0}.story-stage-inner{box-shadow:12px 14px 0 rgba(200,138,59,.18)}.story-boundary{box-shadow:12px 14px 0 rgba(200,138,59,.22)}.story-chapter h2{font-size:clamp(2.4rem,11vw,3.35rem)}.signal-marquee{margin-top:3.2rem}}
@media(prefers-reduced-motion:reduce){.atlas-art img{transform:none!important}.signal-marquee{animation:none!important}}

/* A diagram changes with the promise of the block: source, brief, decision, test, corpus, trace or boundary. */
.atlas-diagram{position:relative;width:100%;margin:0;color:#173d45}.atlas-diagram:before{position:absolute;z-index:-1;top:12%;right:4%;width:66%;aspect-ratio:1;border:1px solid rgba(20,121,128,.2);border-radius:50%;content:''}.atlas-diagram svg{display:block;width:100%;height:auto;overflow:visible}.atlas-diagram figcaption{margin:9px 0 0;color:var(--ink-soft);font:500 10px/1.5 var(--mono)}.atlas-diagram text{fill:#1a4b54;font:500 11px var(--mono);letter-spacing:.07em}.atlas-grid{fill:none;stroke:rgba(17,60,67,.11);stroke-width:1}.atlas-paper,.atlas-test-card{fill:#fffaf0;stroke:#285b63;stroke-width:1.5}.atlas-paper.p-b{fill:#e4ece7}.atlas-paper.p-c{fill:#efe4d2}.atlas-fold,.atlas-lines{fill:none;stroke:#537a7d;stroke-opacity:.68;stroke-width:2}.atlas-fold{stroke-width:1.5}.atlas-route{fill:none;stroke:#16858a;stroke-width:4;stroke-linecap:round}.atlas-route.amber-line{stroke:#ce9149}.atlas-scope{fill:#dce9e5;stroke:#35747a;stroke-width:2}.atlas-scope-core{fill:#cb8d43;stroke:#fff8ef;stroke-width:3}.atlas-tick{fill:none;stroke:#0e3540;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.atlas-node{fill:#16858a;stroke:#fffaf0;stroke-width:4}.atlas-node.amber{fill:#c9893d}.atlas-wave{fill:none;stroke:#16858a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.atlas-wave.faint{stroke:#b98643;stroke-width:2;opacity:.78}.atlas-decision path:first-child{fill:#153840;stroke:#65c9c0;stroke-width:1.6}.atlas-decision text{fill:#e9f4ef}.atlas-decision .atlas-tick{stroke:#e6b36a}.atlas-tag{fill:#d9e8e4;stroke:#38717a;stroke-width:1.5}.atlas-stamp circle{fill:#e9e0d0;stroke:#b77838;stroke-width:2}.atlas-stamp .atlas-tick{stroke:#b77838}.atlas-rail{fill:none;stroke:#315c63;stroke-width:12;stroke-linecap:round}.atlas-scale{fill:none;stroke:#315c63;stroke-width:3;stroke-linejoin:round}.atlas-files path{fill:#c9ddda;stroke:#467980;stroke-width:1.3}.atlas-shelf{fill:none;stroke:#315c63;stroke-width:3}.atlas-time,.atlas-time-mark{fill:none;stroke:#315c63;stroke-width:2}.atlas-time{stroke-width:4}.atlas-gate{fill:#dce8e4;stroke:#315c63;stroke-width:3}.atlas-gate-line,.atlas-key{fill:none;stroke:#315c63;stroke-width:3}.atlas-lock{fill:#c9893d;stroke:#fffaf0;stroke-width:3}.atlas-caption{fill:#668087!important;font-size:9px!important}
/* Cinematic depth and event-driven movement. */
.atlas-art{perspective:1300px;transform-style:preserve-3d;will-change:transform}.atlas-art:after{position:absolute;z-index:0;right:4%;bottom:3%;width:70%;height:42%;background:radial-gradient(ellipse,rgba(200,138,59,.32),transparent 67%);filter:blur(25px);content:''}.atlas-art img{transform:translateZ(28px);transition:filter .5s ease;will-change:transform}.atlas-art:hover img{filter:contrast(1.08) saturate(1.04)}.atlas-orbit{position:absolute;z-index:0;display:block;border:1px solid rgba(20,121,128,.33);border-radius:50%;pointer-events:none}.orbit-a{top:5%;right:-2%;width:67%;height:75%;transform:translateZ(-20px) rotate(-13deg)}.orbit-b{right:18%;bottom:4%;width:42%;height:42%;border-color:rgba(200,138,59,.38);transform:translateZ(-10px)}.atlas-light{position:absolute;z-index:2;right:10%;bottom:16%;width:53%;height:12%;background:linear-gradient(100deg,transparent,rgba(102,231,218,.17),transparent);filter:blur(12px);transform:rotate(-9deg);pointer-events:none}.atlas-art figcaption{transform:translateZ(45px)}
.route-card{perspective:900px;transform-style:preserve-3d}.route-card:before{position:absolute;z-index:-1;right:7%;bottom:12%;width:57%;height:37%;border:1px solid currentColor;content:'';opacity:.14;transform:translateZ(-24px) rotate(-13deg);transition:transform .6s cubic-bezier(.18,.8,.2,1),opacity .5s}.route-card:hover:before{opacity:.34;transform:translateZ(-24px) rotate(-6deg) scale(1.18)}.route-card b,.route-card p,.route-card span,.route-card em{transform:translateZ(24px)}.route-visual{transform-style:preserve-3d;filter:drop-shadow(0 18px 12px rgba(16,43,50,.14))}.route-visual i:nth-child(1){transform:translateZ(8px)}.route-visual i:nth-child(2){transform:translateZ(22px)}.route-visual i:nth-child(3){transform:translateZ(42px)}.route-card:hover .route-visual{transform:translate3d(-5px,-11px,36px) rotateX(8deg) rotateY(-10deg);transition:transform .65s cubic-bezier(.16,1,.3,1)}.route-card:hover em{transform:translateZ(30px) translate(3px,-4px);transition:transform .35s ease}.route-card:hover b{color:var(--night);transition:color .35s ease}
.atlas-diagram{perspective:1100px;transform-style:preserve-3d}.atlas-diagram svg{transform:rotateX(1deg) rotateY(-2deg);filter:drop-shadow(0 23px 18px rgba(16,43,50,.12));transition:transform .7s cubic-bezier(.18,.8,.2,1),filter .7s}.atlas-diagram:hover svg{transform:rotateX(-3deg) rotateY(5deg) translateY(-7px);filter:drop-shadow(0 34px 23px rgba(16,43,50,.17))}.atlas-diagram:after{position:absolute;z-index:-1;right:3%;bottom:9%;width:61%;height:22%;background:radial-gradient(ellipse,rgba(20,121,128,.14),transparent 70%);filter:blur(17px);content:''}.stream-card{position:relative;transition:padding-left .45s ease,background .45s ease}.stream-card:before{position:absolute;top:24%;bottom:24%;left:0;width:2px;background:var(--amber);content:'';transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.18,.8,.2,1)}.stream-card:hover{padding-left:18px;background:linear-gradient(90deg,rgba(20,121,128,.055),transparent 58%)}.stream-card:hover:before{transform:scaleY(1)}.stream-card h2 a{display:inline;background:linear-gradient(120deg,transparent 0 70%,rgba(200,138,59,.14) 70%);background-size:0 100%;background-repeat:no-repeat;transition:background-size .6s cubic-bezier(.18,.8,.2,1),color .3s}.stream-card:hover h2 a{background-size:100% 100%;color:var(--water)}
.story-stage-inner{perspective:1200px;transform-style:preserve-3d}.story-stage-inner:after{position:absolute;z-index:0;top:13%;right:9%;width:46%;height:63%;background:radial-gradient(ellipse,rgba(97,221,211,.18),transparent 65%);filter:blur(20px);content:''}.story-frame{z-index:1;transform:translateZ(36px)}.story-chapter{position:relative}.story-chapter:before{position:absolute;top:50%;left:-40px;width:23px;height:1px;background:var(--amber);content:'';transform:scaleX(0);transform-origin:left;transition:transform .6s ease}.story-chapter:hover:before{transform:scaleX(1)}
@media(max-width:800px){.atlas-art,.atlas-diagram,.route-card{perspective:none}.atlas-art img{transform:none!important}.atlas-art:after{opacity:.55}.atlas-diagram svg{transform:none!important}.route-card:hover .route-visual{transform:translateY(-5px)}.route-card:before{display:none}.stream-card:hover{padding-left:8px}.story-chapter:before{display:none}}
@media(prefers-reduced-motion:reduce){.atlas-art img,.atlas-diagram svg,.route-card:hover .route-visual{transform:none!important}.route-card:before,.story-chapter:before{transition:none}.stream-card{transition:none}}

@keyframes atlas-orbit-one{0%,100%{transform:translateZ(-20px) rotate(-13deg) scale(.97)}50%{transform:translateZ(-20px) rotate(12deg) scale(1.05)}}
@keyframes atlas-orbit-two{0%,100%{transform:translateZ(-10px) rotate(0deg) translateY(0)}50%{transform:translateZ(-10px) rotate(-17deg) translateY(-11px)}}
@keyframes atlas-light-pass{0%,16%{opacity:0;transform:translateX(-38px) rotate(-9deg)}42%,68%{opacity:1}100%{opacity:0;transform:translateX(53px) rotate(-9deg)}}
@keyframes route-drift{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0)}50%{transform:translate3d(-4px,-8px,24px) rotateX(4deg) rotateY(-5deg)}}
@keyframes atlas-signal{0%,18%{stroke-dashoffset:880;opacity:.24}45%,72%{opacity:1}100%{stroke-dashoffset:0;opacity:.72}}
html.has-motion .orbit-a{animation:atlas-orbit-one 14s ease-in-out infinite}html.has-motion .orbit-b{animation:atlas-orbit-two 11s ease-in-out 1s infinite}html.has-motion .atlas-light{animation:atlas-light-pass 7s cubic-bezier(.33,.05,.2,1) 1s infinite}html.has-motion .route-card:hover .route-visual{animation:route-drift 3.8s ease-in-out infinite}html.has-motion .atlas-diagram .atlas-route{stroke-dasharray:880;animation:atlas-signal 5.5s cubic-bezier(.3,.1,.2,1) 1 both}
@media(prefers-reduced-motion:reduce){html.has-motion .orbit-a,html.has-motion .orbit-b,html.has-motion .atlas-light,html.has-motion .route-card:hover .route-visual,html.has-motion .atlas-diagram .atlas-route{animation:none!important}}

/* Four destinations are physical markers in one field, not four interchangeable UI tiles. */
.route-grid{position:relative;gap:18px;border:0;background:linear-gradient(90deg,transparent 0 3%,rgba(20,121,128,.25) 3.1% 3.2%,transparent 3.3% 96%,rgba(200,138,59,.32) 96.1% 96.2%,transparent 96.3%)}.route-grid:before{position:absolute;z-index:0;top:52%;right:7%;left:7%;height:1px;background:linear-gradient(90deg,transparent,var(--water),var(--amber),transparent);content:'';transform:rotate(-3deg);opacity:.55}.route-card{z-index:1;min-height:465px;border:0!important;background:transparent!important;overflow:visible}.route-card:after{position:absolute;z-index:-2;display:block;right:5%;bottom:3%;width:94%;height:73%;border:0!important;border-radius:0!important;background:#e8dfd0;content:'';opacity:1;transform:rotate(-4deg)!important;transition:transform .6s cubic-bezier(.18,.8,.2,1),filter .6s}.route-card:nth-child(2){margin-top:39px}.route-card:nth-child(3){margin-top:11px}.route-card:nth-child(4){margin-top:58px}.route-card:nth-child(1):after{background:linear-gradient(135deg,#ead7cd,#e8e1d3 68%);clip-path:polygon(0 11%,94% 0,100% 88%,8% 100%)}.route-card:nth-child(2):after{background:linear-gradient(135deg,#d9dee6,#e9e1d5 69%);clip-path:polygon(5% 0,100% 10%,92% 100%,0 86%)}.route-card:nth-child(3):after{background:linear-gradient(135deg,#d2e5dc,#e7dfd0 72%);clip-path:polygon(0 0,91% 7%,100% 89%,8% 100%)}.route-card:nth-child(4):after{background:linear-gradient(135deg,#d2e0e7,#e8dfd0 73%);clip-path:polygon(6% 4%,100% 0,94% 94%,0 100%)}.route-card:hover:after{filter:brightness(1.035) saturate(1.15);transform:rotate(-1deg) translateY(-9px)!important}.route-card:nth-child(even):hover:after{transform:rotate(2deg) translateY(-9px)!important}.route-card b{margin-top:78px}.route-card:nth-child(2) b,.route-card:nth-child(4) b{margin-top:66px}.route-card p{padding-right:13px}.route-card .route-visual{right:11%;bottom:84px;width:51%}.route-card:nth-child(2) .route-visual{bottom:68px}.route-card:nth-child(4) .route-visual{bottom:101px}.route-card em{right:11%;bottom:40px}
@media(max-width:800px){.route-grid{gap:22px;background:none}.route-grid:before{display:none}.route-card,.route-card:nth-child(n){margin-top:0;min-height:270px}.route-card:after{width:100%;height:100%;right:0;bottom:0}.route-card b,.route-card:nth-child(n) b{margin-top:35px}.route-card .route-visual,.route-card:nth-child(n) .route-visual{right:8%;bottom:54px;width:35%}.route-card em{bottom:23px}}

/* A destination is a whole scene with a purpose-specific instrument, never a reusable card skin. */
.route-chapters{position:relative;margin-top:clamp(4rem,8vw,8rem);border-top:1px solid var(--line)}
.route-chapter{position:relative;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(420px,1.28fr);align-items:center;gap:clamp(2rem,8vw,9rem);min-height:clamp(440px,52vw,620px);padding:clamp(3.5rem,7vw,7.2rem) clamp(1rem,5vw,5rem);border-bottom:1px solid var(--line);color:var(--ink);isolation:isolate;overflow:hidden}
.route-chapter:before{position:absolute;z-index:-2;inset:12% 1.5%;background:linear-gradient(120deg,#e9e2d6,rgba(233,226,214,.3));content:'';clip-path:polygon(0 9%,96% 0,100% 88%,4% 100%);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .6s}
.route-chapter:after{position:absolute;z-index:-1;top:17%;right:9%;width:37%;aspect-ratio:1;background:radial-gradient(circle,rgba(20,121,128,.18),transparent 67%);filter:blur(28px);content:'';transition:transform .8s cubic-bezier(.16,1,.3,1)}
.route-chapter:nth-child(even){grid-template-columns:minmax(420px,1.28fr) minmax(240px,.72fr)}.route-chapter:nth-child(even) .route-chapter-copy{grid-column:2}.route-chapter:nth-child(even) .route-scene{grid-column:1;grid-row:1}.route-chapter:nth-child(even):before{clip-path:polygon(5% 0,100% 10%,93% 100%,0 89%)}.route-chapter:nth-child(even):after{right:auto;left:9%;background:radial-gradient(circle,rgba(200,138,59,.17),transparent 67%)}
.chapter-radar{color:#235e63}.chapter-guide{color:#4d6480}.chapter-tools{color:#306e65}.chapter-build{color:#315a75}.chapter-radar:before{background:linear-gradient(120deg,#e9d9ce,#e9e1d4 66%,#d6e6e0)}.chapter-guide:before{background:linear-gradient(120deg,#dfe3ea,#eee5d7 72%)}.chapter-tools:before{background:linear-gradient(120deg,#d4e5de,#ebe1d1 72%)}.chapter-build:before{background:linear-gradient(120deg,#d8e2e6,#eee2d3 72%)}
.route-chapter:hover:before{transform:translateY(-9px) rotate(.7deg) scale(1.012);filter:saturate(1.09)}.route-chapter:hover:after{transform:scale(1.2)}
.route-chapter-copy{position:relative;z-index:2}.route-chapter-copy>span{display:block;color:currentColor;font:500 10px var(--mono);letter-spacing:.12em}.route-chapter-copy>b{display:block;margin:24px 0 22px;font:600 clamp(3.3rem,5.4vw,6.4rem)/.88 var(--serif);letter-spacing:-.075em}.route-chapter-copy>p{max-width:32ch;margin:0;color:var(--ink-soft);font-size:16px;line-height:1.72}.route-chapter-copy>em{display:inline-flex;gap:10px;align-items:center;margin-top:32px;border-bottom:1px solid currentColor;padding-bottom:5px;font:500 10px var(--mono);font-style:normal;letter-spacing:.08em}.route-chapter-copy>em i{font:18px/1 var(--sans);font-style:normal;transition:transform .35s ease}.route-chapter:hover .route-chapter-copy>em i{transform:translate(4px,-4px)}
.route-scene{position:relative;z-index:1;width:min(100%,640px);margin:0;color:currentColor;justify-self:end;filter:drop-shadow(0 28px 20px rgba(16,43,50,.13));transition:transform .75s cubic-bezier(.16,1,.3,1),filter .75s}.route-chapter:nth-child(even) .route-scene{justify-self:start}.route-scene:before{position:absolute;z-index:-1;right:4%;bottom:11%;width:75%;height:28%;background:radial-gradient(ellipse,rgba(16,43,50,.16),transparent 70%);filter:blur(17px);content:''}.route-scene svg{display:block;width:100%;height:auto;overflow:visible}.route-scene figcaption{margin-top:5px;color:var(--ink-soft);font:500 9px var(--mono);letter-spacing:.09em}.route-chapter:hover .route-scene{transform:translateY(-12px) rotateX(2deg) rotateY(-3deg);filter:drop-shadow(0 39px 25px rgba(16,43,50,.2))}.route-chapter:nth-child(even):hover .route-scene{transform:translateY(-12px) rotateX(2deg) rotateY(3deg)}
.route-scene text{fill:currentColor;font:600 12px var(--mono);letter-spacing:.06em}.route-scene .route-tiny{fill:#637a7c;font:500 9px var(--mono);letter-spacing:.11em}.route-scene .route-caption{font-size:18px;letter-spacing:.16em}.route-gridline{fill:none;stroke:currentColor;stroke-width:1;opacity:.12}.route-radar-ring{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.48}.route-sweep{fill:currentColor;opacity:.16}.route-signal,.route-flow,.route-trace{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.route-flow{stroke-dasharray:8 9}.route-baseline{fill:none;stroke:currentColor;stroke-width:4;opacity:.2}.route-ping,.route-node,.route-step,.route-core{fill:currentColor;stroke:#fcfaf5;stroke-width:4}.route-amber{fill:var(--amber)}.route-note path,.route-paper,.route-specimen,.route-status path{fill:#fffaf0;stroke:currentColor;stroke-width:1.7}.route-note text{font-size:10px}.route-paper-back{fill:#d6e3df}.route-paper-lines{fill:none;stroke:currentColor;stroke-width:2;stroke-opacity:.45}.route-tag path{fill:currentColor;stroke:currentColor}.route-tag text{fill:#fffaf0;font-size:10px}.route-bench,.route-score{fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round}.route-balance{fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round}.route-status circle{fill:#55bda3}.route-status text{font-size:9px}.route-chapter .route-scene{perspective:1100px;transform-style:preserve-3d}
@keyframes route-radar-sweep{to{transform:rotate(360deg)}}@keyframes route-ping-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.22)}}@keyframes route-draw{to{stroke-dashoffset:0}}@keyframes route-paper-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
html.has-motion .route-scene-radar .route-sweep{transform-origin:363px 224px;animation:route-radar-sweep 11s linear infinite}html.has-motion .route-scene .route-ping,html.has-motion .route-scene .route-node{transform-box:fill-box;transform-origin:center;animation:route-ping-pulse 2.8s ease-in-out infinite}html.has-motion .route-scene .route-ping:nth-of-type(2),html.has-motion .route-scene .route-node:nth-of-type(2){animation-delay:.7s}html.has-motion .route-scene .route-signal,html.has-motion .route-scene .route-flow,html.has-motion .route-scene .route-trace{stroke-dasharray:880;stroke-dashoffset:880;animation:route-draw 4.6s cubic-bezier(.3,.1,.2,1) .5s both}html.has-motion .route-scene-guide .route-paper{animation:route-paper-breathe 5s ease-in-out infinite}.route-chapter:hover .route-scene-guide .route-paper{animation-duration:2.8s}
@media(max-width:800px){.route-chapters{margin-top:3rem}.route-chapter,.route-chapter:nth-child(even){grid-template-columns:1fr;gap:26px;min-height:0;padding:3.8rem 1.25rem}.route-chapter:nth-child(even) .route-chapter-copy{grid-column:auto}.route-chapter:nth-child(even) .route-scene{grid-column:auto;grid-row:auto}.route-chapter:before{inset:7% 0}.route-chapter-copy>b{font-size:clamp(3.1rem,14vw,4.5rem)}.route-scene,.route-chapter:nth-child(even) .route-scene{justify-self:center}.route-chapter:nth-child(even) .route-scene{order:2}.route-chapter:hover .route-scene,.route-chapter:nth-child(even):hover .route-scene{transform:translateY(-5px)}.route-scene figcaption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.route-chapter:hover:before,.route-chapter:hover:after,.route-chapter:hover .route-scene{transform:none!important}.route-scene .route-sweep,.route-scene .route-ping,.route-scene .route-node,.route-scene .route-signal,.route-scene .route-flow,.route-scene .route-trace,.route-scene-guide .route-paper{animation:none!important}}

/* Each walkthrough phase owns a semantic instrument instead of a repeated abstract symbol. */
.story-scene .scene-ink>*{stroke:#dff0eb;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.story-scene .scene-ink path:not(.scene-route):not(.scene-trace):not(.scene-baseline):not(.scene-paper):not(.scene-card):not(.scene-decision):not(.scene-shelf):not(.scene-files):not(.scene-gate):not(.scene-key):not(.scene-tick):not(.scene-stamp):not(.scene-stamp-ring):not(.scene-score):not(.scene-balance){fill:none}.story-scene .scene-paper,.story-scene .scene-card{fill:#e9f1ee;stroke:#cfe1db;stroke-width:1.5;filter:drop-shadow(0 13px 8px rgba(0,0,0,.17))}.story-scene .scene-paper-back{fill:#90b9af;opacity:.78}.story-scene .scene-route,.story-scene .scene-trace{fill:none;stroke:#72dfd0;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.story-scene .scene-baseline{fill:none;stroke:#dff0eb;stroke-width:4;opacity:.27}.story-scene .scene-scope{fill:rgba(111,197,184,.2);stroke:#bce6dd;stroke-width:2}.story-scene .scene-tick,.story-scene .scene-stamp{fill:none;stroke:#e6b56d;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.story-scene .scene-stamp-ring{fill:rgba(230,181,109,.09);stroke:#e6b56d;stroke-width:2}.story-scene .scene-decision{fill:#17404a;stroke:#88dfd2;stroke-width:2}.story-scene .scene-balance,.story-scene .scene-gate,.story-scene .scene-key{fill:none;stroke:#dff0eb;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.story-scene .scene-shelf{fill:none;stroke:#dff0eb;stroke-width:3}.story-scene .scene-files{fill:#8bbcb2;stroke:#dff0eb;stroke-width:1.2}.story-scene .scene-score{stroke:#e6b56d;stroke-width:8;stroke-linecap:round}.story-scene text{fill:#e1f0ec;font:600 10px var(--mono);letter-spacing:.08em}.story-scene .story-scene-label{fill:#bcd3cf;font:500 10px var(--mono);letter-spacing:.12em}
@keyframes scene-route-draw{to{stroke-dashoffset:0}}@keyframes scene-tint-breathe{0%,100%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes scene-sheet-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.8deg)}}
html.has-motion .story-scene .scene-route,html.has-motion .story-scene .scene-trace{stroke-dasharray:900;stroke-dashoffset:900;animation:scene-route-draw 4.5s cubic-bezier(.3,.1,.2,1) .3s both}html.has-motion .story-scene .scene-tint{transform-box:fill-box;transform-origin:center;animation:scene-tint-breathe 3.2s ease-in-out infinite}html.has-motion .story-scene .scene-paper,html.has-motion .story-scene .scene-card{animation:scene-sheet-float 5.2s ease-in-out infinite}.story-scene-stage-1 .scene-paper,.story-scene-stage-1 .scene-card{animation-delay:.7s!important}@media(prefers-reduced-motion:reduce){html.has-motion .story-scene .scene-route,html.has-motion .story-scene .scene-trace,html.has-motion .story-scene .scene-tint,html.has-motion .story-scene .scene-paper,html.has-motion .story-scene .scene-card{animation:none!important}}