:root{--ink:#0b0f14;--paper:#f5f1ea;--terra:#e46444;--brass:#b89a5b;--stone:#484b52;--pad:clamp(20px,4vw,64px);--sans:Arial,"Helvetica Neue",sans-serif;--serif:Georgia,"Times New Roman",serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--line:rgba(245,241,234,.16);--darkline:rgba(11,15,20,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip{position:fixed;top:-70px;left:16px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 16px}.skip:focus{top:16px}:focus-visible{outline:2px solid var(--terra);outline-offset:4px}
.topbar{height:74px;padding:0 var(--pad);display:flex;align-items:center;background:rgba(245,241,234,.97);color:var(--ink);border-bottom:1px solid var(--darkline);position:relative;z-index:30}.brand{display:flex;align-items:center;font-size:24px;font-weight:800;letter-spacing:.13em}.brand>i{width:23px;height:23px;margin:0 3px;display:grid;place-items:center;background:var(--ink);border-radius:50%}.brand>i b{width:13px;height:13px;background:var(--paper);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}nav{margin-left:auto;display:flex;gap:28px;align-items:center;font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em}nav a{border-bottom:1px solid transparent;padding-bottom:4px}nav a:hover{border-color:currentColor}.tools{display:flex;align-items:center;gap:10px;margin-left:25px}.languages{display:flex;border:1px solid var(--darkline);padding:3px;border-radius:99px}.languages button{border:0;background:none;min-width:32px;min-height:28px;border-radius:99px;font:10px var(--mono);cursor:pointer}.languages button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.menu{display:none;border:0;background:none;align-items:center;gap:10px}.menu>i{width:21px;height:9px;border-top:1px solid;border-bottom:1px solid}
.hero{height:calc(100svh - 74px);min-height:780px;max-height:980px;position:relative;overflow:hidden;background:var(--ink)}.hero-copy{position:absolute;z-index:5;left:0;top:0;bottom:74px;width:47%;padding:clamp(52px,7vh,86px) var(--pad) 38px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(90deg,var(--ink) 0 72%,rgba(11,15,20,.72) 88%,transparent);animation:quietIn .8s .65s both}.discipline{display:flex;flex-direction:column;margin:0;gap:4px;font:10px var(--mono);letter-spacing:.12em;color:rgba(245,241,234,.63)}h1,.chapter h2,.final-map h2{margin:0;font-size:clamp(60px,6.2vw,104px);line-height:.88;letter-spacing:-.065em}h1{margin-top:clamp(50px,7vh,75px)}h1 em,.chapter h2 em,.final-map h2 em{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--terra)}.intro{margin:auto 0 28px;max-width:510px;font-size:16px;color:rgba(245,241,234,.72)}.actions{display:flex;gap:12px}.actions a,.final-copy>a{min-width:210px;padding:15px 17px;border:1px solid rgba(245,241,234,.45);display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.actions .primary{background:var(--terra);border-color:var(--terra);color:#fff}.actions a:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.sky-map{position:absolute;inset:0 0 74px 30%;overflow:hidden}.sky-map svg{position:absolute;width:min(80vw,1100px);height:auto;right:-3vw;top:50%;transform:translate(var(--mx,0),var(--my,0)) translateY(-50%);transition:transform .7s cubic-bezier(.2,.7,.3,1)}.ambient-stars circle{fill:var(--paper);opacity:0;animation:dotIn .8s forwards}.rings circle,.rings path{fill:none;stroke:rgba(245,241,234,.065);stroke-width:1;stroke-dasharray:2 8}.possibilities path{fill:none;stroke:rgba(245,241,234,.15);stroke-width:1;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 1s .8s forwards,dim .6s 2.1s forwards}.final-path{fill:none;stroke:var(--terra);stroke-width:2;stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 1.25s 1.7s forwards}.main-nodes circle{fill:var(--brass);opacity:0;animation:dotIn .5s 1.7s forwards}.final-star{transform:translate(850px,535px);transform-box:view-box;opacity:0;animation:dotIn .6s 2.65s forwards;filter:drop-shadow(0 0 10px rgba(184,154,91,.4))}.final-star circle{fill:var(--ink);stroke:var(--brass)}.final-star path{fill:var(--paper)}.map-meta{position:absolute;z-index:2;top:23px;left:28%;right:25px;display:flex;justify-content:space-between;font:10px var(--mono);color:rgba(245,241,234,.36);letter-spacing:.07em}.map-caption{position:absolute;right:var(--pad);bottom:25px;display:flex;align-items:center;gap:14px;font:10px var(--mono);text-transform:uppercase;color:rgba(245,241,234,.4)}.map-caption i{width:70px;border-top:1px dashed}.map-caption b{color:var(--brass);font-weight:400}.scroll-cue{position:absolute;z-index:7;left:0;right:0;bottom:0;height:74px;padding:0 var(--pad);display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.scroll-cue i{flex:1;border-top:1px solid var(--line)}
.chapter{min-height:110vh;padding:clamp(110px,13vw,200px) var(--pad);position:relative;overflow:hidden}.chapter-copy{position:relative;z-index:3;width:43%;display:flex;flex-direction:column}.step{margin:0 0 60px;font:10px var(--mono);color:var(--terra);letter-spacing:.1em}.chapter h2{font-size:clamp(55px,6vw,96px)}.chapter-copy>p:last-child{max-width:480px;margin:48px 0 0;font-size:17px;color:rgba(245,241,234,.67)}.margin-note{position:absolute;z-index:3;right:var(--pad);bottom:55px;margin:0;font:10px/1.55 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--brass)}.observe{background:var(--ink)}.point-field{position:absolute;inset:0 0 0 42%;background-image:radial-gradient(circle,rgba(245,241,234,.45) 0 1px,transparent 1.4px);background-size:31px 33px;mask-image:radial-gradient(circle at 65% 47%,#000,transparent 72%);opacity:.52}.point-field:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(184,154,91,.7) 0 2px,transparent 2.6px);background-size:137px 113px}.connect,.build{background:var(--paper);color:var(--ink)}.connect .chapter-copy>p:last-child,.build .chapter-copy>p:last-child{color:rgba(11,15,20,.65)}.connect .margin-note,.build .margin-note{color:#7b6334}.network-drawing,.branch-drawing{position:absolute;width:min(62vw,920px);right:-2vw;top:50%;transform:translateY(-50%)}.network-lines path{fill:none;stroke:rgba(11,15,20,.3);stroke-width:1}.network-dots circle{fill:var(--paper);stroke:var(--ink);stroke-width:2}.network-dots circle:nth-child(4),.network-dots circle:nth-child(10){fill:var(--terra);stroke:var(--terra)}
.bat-interlude{height:min(86vw,900px);min-height:720px;position:relative;background:var(--ink);overflow:hidden}.bat-interlude figure{position:absolute;inset:0;margin:0}.bat-interlude img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.05)}.bat-interlude figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,15,20,.62),transparent 43%),linear-gradient(0deg,rgba(11,15,20,.55),transparent 36%)}.bat-interlude figcaption{position:absolute;z-index:2;left:var(--pad);top:35px;padding:8px 10px;border:1px solid rgba(245,241,234,.35);font:10px var(--mono)}.dialogue{position:absolute;z-index:3;left:var(--pad);bottom:55px;width:min(390px,38vw)}.dialogue>p{background:var(--paper);color:var(--ink);padding:20px 22px;margin:0 0 13px;font-family:var(--serif);font-style:italic;font-size:22px;box-shadow:6px 7px 0 var(--terra)}.dialogue>p:nth-child(2){margin-left:55px;background:var(--ink);color:var(--paper);border:1px solid var(--brass);box-shadow:none;font-style:normal}.dialogue span{display:block;margin-bottom:8px;font:10px var(--mono);color:var(--brass)}.dialogue b{font-weight:400}
.experiment,.impact{background:var(--ink)}.branch-drawing path{fill:none;stroke-width:2}.branch-drawing .trunk{stroke:var(--terra)}.branch-drawing .dead{stroke:var(--stone);stroke-dasharray:7 6}.branch-drawing circle{fill:var(--brass)}.branch-drawing .stop{fill:var(--ink);stroke:var(--terra);stroke-width:3}.architecture{position:absolute;right:5vw;top:14%;width:47vw;height:51vw;max-width:700px;max-height:700px;border:1px solid var(--darkline);background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(11,15,20,.07) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(11,15,20,.07) 40px)}.architecture span{position:absolute;border:1px solid}.architecture span:nth-child(1){inset:8% 13% 52% 9%}.architecture span:nth-child(2){inset:37% 7% 25% 31%;border-color:var(--terra)}.architecture span:nth-child(3){inset:63% 47% 8% 12%}.architecture span:nth-child(4){width:22%;height:22%;right:12%;bottom:8%;border-radius:50%;border-color:var(--brass)}.architecture b{position:absolute;left:51%;top:43%;width:17px;height:17px;background:var(--terra);transform:rotate(45deg)}.collections{position:relative;z-index:4;width:100%;margin-top:180px;border-top:1px solid var(--darkline)}.collections>a{min-height:150px;display:grid;grid-template-columns:100px 1fr 50px;align-items:center;border-bottom:1px solid var(--darkline);transition:padding .25s,background .25s}.collections>a:hover{padding-left:12px;background:#ebe5db}.collection-mark{width:62px;height:62px;position:relative}.scroll-mark{border:1px solid;border-radius:50%;box-shadow:inset 12px 0 0 var(--paper),inset 14px 0 0 var(--terra)}.signals-mark{background:radial-gradient(circle,var(--terra) 0 5%,transparent 6% 22%,var(--brass) 23% 25%,transparent 26% 42%,var(--ink) 43% 45%,transparent 46%)}.lens-mark{border:1px solid;border-radius:100% 0 100% 0;transform:rotate(45deg) scale(.76)}.collections small{font:10px var(--mono);color:#9d3c28}.collections h3{font-size:34px;margin:6px 0}.collections p{margin:0;color:rgba(11,15,20,.62)}.collections>a>b{font-size:22px;font-weight:400}.impact-constellation{position:absolute;right:5vw;top:17%;width:min(49vw,700px);aspect-ratio:1;border:1px solid rgba(245,241,234,.12);border-radius:50%;background:radial-gradient(circle,transparent 0 23%,rgba(245,241,234,.13) 23.3% 23.6%,transparent 24% 42%,rgba(184,154,91,.25) 42.3% 42.6%,transparent 43%)}.impact-constellation i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 6px var(--ink)}.impact-constellation i:nth-child(1){left:18%;top:38%}.impact-constellation i:nth-child(2){left:36%;top:20%}.impact-constellation i:nth-child(3){left:51%;top:47%;background:var(--brass)}.impact-constellation i:nth-child(4){right:20%;top:25%}.impact-constellation i:nth-child(5){right:13%;bottom:28%}.impact-constellation i:nth-child(6){left:35%;bottom:14%}.impact-constellation i:nth-child(7){left:13%;bottom:29%}.impact-constellation:before,.impact-constellation:after{content:"";position:absolute;left:12%;right:12%;top:50%;height:1px;background:var(--terra);transform:rotate(27deg)}.impact-constellation:after{transform:rotate(-34deg)}.impact-constellation b{position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;background:var(--paper);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.final-map{height:92vh;min-height:780px;position:relative;overflow:hidden;background:var(--ink)}.final-sky{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(245,241,234,.46) 0 1px,transparent 1.4px);background-size:37px 43px;mask-image:radial-gradient(ellipse at center,#000,transparent 78%)}.final-sky:after{content:"";position:absolute;inset:12%;border:1px solid rgba(184,154,91,.24);border-radius:50%;box-shadow:0 0 0 9vw rgba(184,154,91,.025),0 0 0 18vw rgba(184,154,91,.018)}.final-copy{position:absolute;z-index:2;left:var(--pad);top:15%;right:var(--pad)}.final-map h2{font-size:clamp(58px,7.5vw,122px)}.final-copy>a{margin-top:70px;width:250px;background:var(--paper);color:var(--ink)}.footer-pig{position:absolute;z-index:3;right:var(--pad);bottom:42px;display:flex;align-items:end;gap:10px}.footer-pig img{width:90px;height:90px;object-fit:contain;opacity:.7}.footer-pig p{margin:0 0 10px;padding:9px 11px;background:var(--paper);color:var(--ink);font:10px var(--mono);transform:rotate(-1deg)}footer{height:70px;padding:0 var(--pad);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font:10px var(--mono);text-transform:uppercase}.reveal{opacity:0;transform:translateY(22px);transition:.8s}.reveal.visible{opacity:1;transform:none}
@keyframes dotIn{to{opacity:.6}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes dim{to{stroke:rgba(245,241,234,.07)}}@keyframes quietIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy,.ambient-stars circle,.possibilities path,.final-path,.main-nodes circle,.final-star{animation:none!important;opacity:1;stroke-dashoffset:0}.sky-map svg{transition:none}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){nav{gap:13px}.hero-copy{width:54%}.chapter-copy{width:48%}.network-drawing,.branch-drawing{right:-15vw}.architecture{right:-8vw}}
@media(max-width:760px){.topbar{height:68px;padding:0 20px}.brand{font-size:21px}.brand>i{width:21px;height:21px}nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px;background:var(--paper);flex-direction:column;align-items:stretch;font-size:13px;border-bottom:1px solid}nav.open{display:flex}.tools{margin-left:auto}.menu{display:flex;padding:8px 0}.hero{height:auto;min-height:0}.hero-copy{position:relative;width:100%;height:auto;min-height:650px;padding:48px 20px 35px;background:var(--ink);animation-delay:.35s}.discipline{font-size:10px}h1{font-size:56px;margin-top:45px}.intro{margin:70px 0 28px;font-size:15px}.actions{width:100%;flex-direction:column}.actions a{width:100%}.sky-map{position:relative;inset:auto;height:430px}.sky-map svg{width:650px;right:-205px}.map-meta{left:20px;right:20px;font-size:10px}.map-caption{left:20px;right:auto;font-size:10px}.scroll-cue{position:relative;height:70px;padding:0 20px}.chapter{min-height:900px;padding:90px 20px}.chapter-copy{width:100%}.step{margin-bottom:42px}.chapter h2{font-size:50px}.chapter-copy>p:last-child{font-size:16px;margin-top:35px}.margin-note{left:20px;right:auto;bottom:28px}.point-field{inset:42% 0 0}.network-drawing,.branch-drawing{width:610px;right:-280px;top:70%}.bat-interlude{height:780px;min-height:0}.bat-interlude img{object-position:64% center}.bat-interlude figure:after{background:linear-gradient(0deg,rgba(11,15,20,.8),transparent 56%)}.bat-interlude figcaption{left:15px;top:16px}.dialogue{left:20px;right:20px;bottom:30px;width:auto}.dialogue>p{font-size:18px}.dialogue>p:nth-child(2){margin-left:35px}.architecture{top:43%;right:-32%;width:100vw;height:100vw}.collections{margin-top:420px}.collections>a{grid-template-columns:78px 1fr 25px;min-height:145px}.collection-mark{width:52px;height:52px}.collections h3{font-size:26px}.collections p{font-size:14px}.impact-constellation{top:48%;right:-24%;width:105vw}.final-map{min-height:780px;height:90vh}.final-map h2{font-size:56px}.final-copy>a{width:100%;margin-top:55px}.footer-pig{right:15px;bottom:25px}.footer-pig img{width:65px;height:65px}.footer-pig p{font-size:10px;max-width:240px}footer{height:auto;min-height:105px;padding:25px 20px;gap:18px;flex-wrap:wrap}footer span:first-child{width:100%}}

/* V5.14 — illustrated observatory */
.hero-plate{position:absolute;inset:0 0 74px 32%;margin:0;overflow:hidden;background:var(--ink)}
.hero-plate>img{width:100%;height:100%;display:block;object-fit:cover;object-position:58% center;transform:translate(var(--px,0),var(--py,0)) scale(1.025);transition:transform .7s cubic-bezier(.2,.7,.3,1);filter:saturate(.9) contrast(1.05)}
.hero-plate:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0,rgba(11,15,20,.9) 14%,rgba(11,15,20,.38) 43%,transparent 68%),linear-gradient(0deg,rgba(11,15,20,.28),transparent 35%)}
.hero-plate figcaption{position:absolute;z-index:3;left:31%;right:var(--pad);bottom:28px;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.07em;color:rgba(245,241,234,.7)}
.hero-plate figcaption b{color:var(--brass);font-weight:400}
.hero-orbit{position:absolute;z-index:2;right:11%;top:15%;width:44%;aspect-ratio:1;border:1px solid rgba(245,241,234,.13);border-radius:50%;animation:orbitBreath 4s ease-in-out infinite}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(184,154,91,.16);border-radius:50%}
.hero-orbit:before{inset:14%}.hero-orbit:after{inset:31%}
.hero-orbit i{position:absolute;width:5px;height:5px;background:var(--paper);border-radius:50%;box-shadow:0 0 10px var(--brass)}
.hero-orbit i:nth-child(1){left:13%;top:41%}.hero-orbit i:nth-child(2){right:8%;top:54%}.hero-orbit i:nth-child(3){left:49%;bottom:9%;background:var(--terra)}
.illustrated{min-height:105vh;display:flex;align-items:center}
.chapter-plate{position:absolute;inset:0;margin:0;overflow:hidden}
.chapter-plate img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.07)}
.chapter-plate:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0,rgba(11,15,20,.93) 22%,rgba(11,15,20,.55) 49%,rgba(11,15,20,.12) 80%),linear-gradient(0deg,rgba(11,15,20,.44),transparent 45%)}
.chapter-plate figcaption{position:absolute;z-index:2;right:var(--pad);top:34px;padding:8px 10px;border:1px solid rgba(245,241,234,.32);font:10px var(--mono);letter-spacing:.06em}
.illustrated .chapter-copy{width:40%}
.build{padding-bottom:110px}
.build .architecture{opacity:.42}
.collections{margin-top:clamp(170px,20vw,300px);display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--darkline);border:1px solid var(--darkline)}
.collections>a{background:var(--paper)}
.collections>a.collection-feature{min-height:560px;display:grid;grid-template:340px 1fr/1fr;position:relative;overflow:hidden}
.collections>a.collection-feature figure{margin:0;overflow:hidden;background:var(--ink)}
.collections>a.collection-feature img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.3,1),filter .55s}
.collections>a.collection-feature span{padding:32px 36px 38px}
.collections>a.collection-feature>b{position:absolute;right:34px;bottom:34px}
.collections>a.collection-feature:hover{padding-left:0;background:var(--ink);color:var(--paper)}
.collections>a.collection-feature:hover img{transform:scale(1.025);filter:saturate(1.12)}
.collections>a.collection-feature:hover p{color:rgba(245,241,234,.68)}
.collections>a.collection-line{grid-column:1/-1;min-height:155px;display:grid;grid-template-columns:100px 1fr 50px;padding:0 32px}
.collections>a.collection-line:hover{padding-left:44px}
.collections .collection-line p{max-width:520px}
@keyframes orbitBreath{50%{opacity:.6;transform:scale(.985)}}
@media(prefers-reduced-motion:reduce){.hero-plate>img{transition:none}.hero-orbit{animation:none}.collections>a.collection-feature img{transition:none}}
@media(max-width:900px){.hero-copy{width:58%}.hero-plate{left:25%}.hero-plate:after{background:linear-gradient(90deg,var(--ink) 0,rgba(11,15,20,.93) 25%,rgba(11,15,20,.36) 66%,transparent)}.collections>a.collection-feature{grid-template-rows:280px 1fr;min-height:510px}}
@media(max-width:760px){.hero-plate{position:relative;inset:auto;height:440px}.hero-plate>img{object-position:62% center}.hero-plate:after{background:linear-gradient(0deg,var(--ink),transparent 36%),linear-gradient(90deg,rgba(11,15,20,.25),transparent)}.hero-plate figcaption{left:20px;right:20px;bottom:18px}.hero-plate figcaption span{display:none}.hero-orbit{width:72%;right:-5%;top:11%}.illustrated{display:block;min-height:950px;padding-top:90px}.chapter-plate{inset:0}.chapter-plate img{object-position:64% center}.chapter-plate:after{background:linear-gradient(0deg,var(--ink) 0,rgba(11,15,20,.95) 28%,rgba(11,15,20,.34) 71%,rgba(11,15,20,.2)),linear-gradient(90deg,rgba(11,15,20,.48),transparent)}.chapter-plate figcaption{right:20px;top:auto;bottom:25px;max-width:70%}.illustrated .chapter-copy{width:100%}.collections{grid-template-columns:1fr;margin-top:120px}.collections>a.collection-feature{min-height:470px;grid-template-rows:250px 1fr}.collections>a.collection-feature span{padding:26px 22px 34px}.collections>a.collection-feature>b{right:22px;bottom:27px}.collections>a.collection-line{grid-column:auto;padding:0 20px;grid-template-columns:70px 1fr 25px}.collections>a.collection-line:hover{padding-left:20px}}

@media(max-width:760px){.hero-copy{width:100%}.hero{overflow:hidden}}

/* V5.18 calm V14 oracle variant */
:root{--spark:#38d7df}
.hero-copy{animation-delay:.35s}
.hero-plate>img{object-position:61% center;filter:saturate(.86) contrast(1.06)}
.hero-plate:after{background:linear-gradient(90deg,var(--ink) 0,rgba(11,15,20,.94) 16%,rgba(11,15,20,.4) 49%,transparent 76%),linear-gradient(0deg,rgba(11,15,20,.24),transparent 36%)}
.hero-plate figcaption b{color:var(--spark)}
.hero-orbit{right:29%;top:29%;width:24%;border-color:rgba(56,215,223,.22);opacity:.7}
.hero-orbit:before,.hero-orbit:after{border-color:rgba(56,215,223,.16)}
.hero-orbit i{background:var(--spark);box-shadow:0 0 14px rgba(56,215,223,.8)}
.actions .primary{background:var(--terra);border-color:var(--terra)}
.actions a:hover{background:var(--spark);border-color:var(--spark);color:var(--ink)}
.discipline span:nth-child(3){color:var(--spark)}
.dialogue>p{box-shadow:6px 7px 0 var(--spark)}
.dialogue>p:nth-child(2){border-color:var(--spark)}
.dialogue span{color:var(--spark)}
.collections>a.collection-feature:hover{box-shadow:inset 0 -3px 0 var(--spark)}
.impact-constellation i:nth-child(3){background:var(--spark)}
@media(max-width:760px){.hero-copy{min-height:570px}.hero-plate{height:455px}.hero-plate>img{object-position:66% center}.hero-plate:after{background:linear-gradient(0deg,var(--ink),transparent 33%),linear-gradient(90deg,rgba(11,15,20,.18),transparent)}}

/* V5.19 mid-century US sci-fi poster wall */
:root{--spark:#2fd6cf;--poster-blue:#1c2f69;--wall-rose:#9a4c52;--aged:#ead4a3;--burnt:#cc6332;--olive:#8f9850}
body{background:var(--aged)}
.topbar{background:var(--aged);border-bottom-color:rgba(28,47,105,.34)}
.brand{color:var(--poster-blue)}.brand>i{background:var(--poster-blue)}.brand>i b{background:var(--spark)}.brand:after{background:var(--burnt)}
nav a{color:#17223f}.languages{border-color:rgba(28,47,105,.45)}.languages button{color:#17223f}.languages button[aria-pressed=true]{background:var(--poster-blue);color:var(--aged)}
.hero{background:#071018}.hero-copy{animation-delay:.32s;background:linear-gradient(90deg,#071018 0,rgba(7,16,24,.94) 15%,rgba(7,16,24,.68) 39%,transparent 68%)}
.hero-plate>img{object-position:62% center;filter:saturate(.94) contrast(1.05)}
.hero-plate:after{background:linear-gradient(90deg,#071018 0,rgba(7,16,24,.95) 14%,rgba(7,16,24,.43) 45%,transparent 73%),linear-gradient(0deg,rgba(7,16,24,.18),transparent 39%)}
.hero-plate figcaption b{color:var(--spark)}.hero-orbit{border-color:rgba(47,214,207,.24);opacity:.72}.hero-orbit:before,.hero-orbit:after{border-color:rgba(234,212,163,.16)}.hero-orbit i{background:var(--spark);box-shadow:0 0 14px rgba(47,214,207,.75)}
.discipline span:nth-child(3){color:var(--spark)}h1 em,.chapter h2 em,.final-map h2 em{color:var(--burnt)}.actions .primary{background:var(--burnt);border-color:var(--burnt)}.actions a:hover{background:var(--spark);border-color:var(--spark);color:#071018}
.chapter:not(.observe):not(.experiment):not(.impact){background:var(--aged)}.step,.collections small{color:#b54f2d}.collections{background:rgba(28,47,105,.45);border-color:rgba(28,47,105,.45)}.collections>a{background:var(--aged)}.collections>a:hover{background:#f1dfb4}.collections>a.collection-feature:hover{background:#071018;color:var(--aged);box-shadow:inset 0 -3px 0 var(--spark)}.collections>a.collection-feature:hover p{color:rgba(234,212,163,.72)}
.dialogue>p{box-shadow:6px 7px 0 var(--spark)}.dialogue>p:nth-child(2){border-color:var(--spark)}.dialogue span{color:var(--spark)}footer{background:var(--aged);border-top-color:rgba(28,47,105,.38)}
@media(max-width:760px){nav{background:var(--aged)}.hero-copy{min-height:570px}.hero-plate{height:455px}.hero-plate>img{object-position:67% center}.hero-plate:after{background:linear-gradient(0deg,#071018,transparent 34%),linear-gradient(90deg,rgba(7,16,24,.18),transparent)}}

/* V5.20 1920s painted anomaly field */
:root{--spark:#62d5d2;--poster-blue:#263b64;--wall-rose:#9c5f59;--aged:#ead0a0;--burnt:#b45b36;--olive:#77794a;--ink:#081018;--paper:#ead0a0;--terra:#b45b36;--brass:#c29250;--stone:#3e4542;--line:rgba(234,208,160,.2);--darkline:rgba(8,16,24,.26)}
body{background:var(--paper);color:var(--ink)}
.topbar{background:var(--paper);border-bottom:1px solid rgba(38,59,100,.35)}
.brand{color:var(--poster-blue)}.brand>i{background:var(--poster-blue)}.brand>i b{background:var(--spark)}.brand:after{background:var(--burnt)}
nav a{color:#17243b}.languages{border-color:rgba(38,59,100,.45)}.languages button{color:#17243b}.languages button[aria-pressed=true]{background:var(--poster-blue);color:var(--paper)}
.hero{background:var(--ink)}.hero-copy{animation-delay:.3s;background:linear-gradient(90deg,var(--ink) 0,rgba(8,16,24,.94) 18%,rgba(8,16,24,.56) 48%,transparent 76%)}
.hero-plate>img{object-position:59% center;filter:saturate(.82) contrast(1.04)}
.hero-plate:after{background:linear-gradient(90deg,var(--ink) 0,rgba(8,16,24,.96) 16%,rgba(8,16,24,.44) 46%,transparent 75%),linear-gradient(0deg,rgba(8,16,24,.22),transparent 38%)}
.hero-plate figcaption b{color:var(--spark)}.hero-orbit{right:49%;top:20%;width:27%;border-color:rgba(98,213,210,.22);opacity:.65}.hero-orbit:before,.hero-orbit:after{border-color:rgba(194,146,80,.18)}.hero-orbit i{background:var(--spark);box-shadow:0 0 13px rgba(98,213,210,.66)}
.discipline span:nth-child(3){color:var(--spark)}h1 em,.chapter h2 em,.final-map h2 em{color:#d66a42}.actions .primary{background:var(--burnt);border-color:var(--burnt)}.actions a:hover{background:var(--spark);border-color:var(--spark);color:var(--ink)}
.chapter:not(.observe):not(.experiment):not(.impact){background:var(--paper)}.step,.collections small{color:#9d4c31}.collections{background:rgba(38,59,100,.38);border-color:rgba(38,59,100,.38)}.collections>a{background:var(--paper)}.collections>a:hover{background:#f1d9aa}.collections>a.collection-feature:hover{background:var(--ink);color:var(--paper);box-shadow:inset 0 -3px 0 var(--spark)}.collections>a.collection-feature:hover p{color:rgba(234,208,160,.72)}
.dialogue>p{box-shadow:6px 7px 0 var(--spark)}.dialogue>p:nth-child(2){border-color:var(--spark)}.dialogue span{color:var(--spark)}footer{background:var(--paper);border-top-color:rgba(38,59,100,.35)}
@media(max-width:760px){nav{background:var(--paper)}.hero-copy{min-height:570px}.hero-plate{height:455px}.hero-plate>img{object-position:64% center}.hero-plate:after{background:linear-gradient(0deg,var(--ink),transparent 34%),linear-gradient(90deg,rgba(8,16,24,.18),transparent)}}

/* V5.20 hero contrast fix */
.hero,.hero-copy{color:#f5f1ea}
.hero h1,.hero .intro,.hero .actions a,.hero .discipline{color:inherit}
.hero h1 em{color:#d66a42}
.hero .discipline span:nth-child(3),.hero-plate figcaption b{color:var(--spark)}

/* V5.21 — synthesis: illustrated observatory + 1920s hero + lively field CTAs */
:root{--spark:#efb84e;--cta-ink:#111f36;--cta-coral:#ef673c}
.hero-copy{padding-bottom:44px}
.hero .discipline{position:relative;padding-left:18px;gap:5px;color:rgba(245,241,234,.7)}
.hero .discipline:before{content:"";position:absolute;left:0;top:4px;bottom:4px;border-left:2px solid var(--spark)}
.hero h1{max-width:650px;text-wrap:balance}
.hero .intro{max-width:470px;color:rgba(245,241,234,.78)}
.actions{gap:14px;align-items:stretch}
.actions a{position:relative;min-width:228px;min-height:58px;padding:0 18px;border:1px solid rgba(245,241,234,.58);font-size:11px;letter-spacing:.1em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
.actions a b{font-size:20px;font-family:var(--sans);font-weight:400;line-height:1;transition:transform .2s ease}
.actions .primary{background:var(--spark);border-color:var(--spark);color:var(--cta-ink);box-shadow:5px 5px 0 var(--cta-coral)}
.actions .primary:before{content:"FIELD ACCESS";position:absolute;left:17px;top:-16px;padding:3px 6px;background:var(--cta-coral);color:#fff;font:8px var(--mono);letter-spacing:.08em}
.actions a:not(.primary){background:rgba(8,16,24,.28);border-color:rgba(245,241,234,.58)}
.actions a:hover{background:var(--paper);border-color:var(--paper);color:var(--cta-ink);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--cta-coral)}
.actions a:hover b{transform:translate(3px,-3px)}
.actions .primary:hover{background:#ffd36d;border-color:#ffd36d}
.hero-plate:before{content:"";position:absolute;z-index:2;right:12%;top:8%;width:94px;height:94px;border:1px dashed rgba(239,184,78,.42);border-radius:50%;animation:heroMarker 16s linear infinite}
.hero-plate:after{background:linear-gradient(90deg,var(--ink) 0,rgba(11,15,20,.91) 16%,rgba(11,15,20,.42) 46%,transparent 70%),linear-gradient(0deg,rgba(11,15,20,.38),transparent 36%)}
.hero-plate figcaption{padding:8px 10px;background:rgba(8,16,24,.62);border:1px solid rgba(245,241,234,.22);backdrop-filter:blur(5px)}
.hero-plate figcaption b{color:var(--spark)}
.bat-interlude{height:min(76vw,790px);min-height:640px}
.bat-interlude figure:after{background:linear-gradient(90deg,rgba(11,15,20,.7),rgba(11,15,20,.12) 60%),linear-gradient(0deg,rgba(11,15,20,.5),transparent 34%)}
.dialogue{width:min(355px,35vw)}
.dialogue>p{font-size:20px;box-shadow:5px 5px 0 var(--cta-coral)}
.dialogue>p:nth-child(2){border-color:var(--spark)}
.dialogue span{color:var(--spark)}
.footer-pig{opacity:.72;transition:opacity .25s}.footer-pig:hover{opacity:1}
@keyframes heroMarker{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero-plate:before{animation:none}}
@media(max-width:760px){.hero-copy{padding-bottom:40px}.actions{gap:18px}.actions a{min-height:58px}.actions .primary:before{top:-14px}.hero-plate:before{right:10%;top:8%;width:72px;height:72px}.bat-interlude{height:720px}.dialogue{width:auto}.hero-plate figcaption{background:rgba(8,16,24,.72)}}

/* Exact V5.11 CTA grammar, adapted to the V5.21 observatory palette. */
.v511-actions{gap:18px;align-items:center}
.v511-actions .primary{min-width:294px;background:var(--cta-ink);border:2px solid var(--paper);color:var(--paper);box-shadow:7px 8px 0 var(--spark);font-weight:700}
.v511-actions .primary:before{display:none}
.v511-actions .primary:hover{background:var(--cta-ink);border-color:var(--paper);color:var(--paper);transform:translate(-2px,-3px);box-shadow:11px 12px 0 var(--spark)}
.v511-actions .hero-text-link{min-width:auto;border:0;background:transparent;padding:0 2px;color:rgba(245,241,234,.84);gap:9px;text-decoration:underline;text-decoration-color:var(--spark);text-underline-offset:7px}
.v511-actions .hero-text-link:hover{background:transparent;border-color:transparent;color:var(--spark);box-shadow:none;transform:translateY(-2px)}
.live-signals{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}
.live-signals span{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid var(--cta-ink);font:9px var(--mono);color:var(--cta-ink);letter-spacing:.04em;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}
.live-signals span:nth-child(1){background:#ffd5c4}.live-signals span:nth-child(2){background:#ffe5a7;transform:rotate(-1.5deg)}.live-signals span:nth-child(3){background:#cce8d9;transform:rotate(1deg)}
.live-signals b{font-weight:400}.live-signals i{width:6px;height:6px;border-radius:50%;background:var(--cta-coral);animation:signalBlink 1.8s ease-in-out infinite}.live-signals span:nth-child(2) i{background:var(--spark);animation-delay:.35s}.live-signals span:nth-child(3) i{background:#5c9070;animation-delay:.7s}
.live-signals span:hover{transform:translateY(-4px) rotate(0);box-shadow:6px 7px 0 var(--cta-ink)}
@keyframes signalBlink{50%{transform:scale(1.8);box-shadow:0 0 8px currentColor}}
@media(prefers-reduced-motion:reduce){.live-signals i{animation:none}}
@media(max-width:760px){.v511-actions{align-items:stretch}.v511-actions .primary{width:100%;min-width:0}.v511-actions .hero-text-link{width:max-content;min-height:26px;margin-top:4px}.live-signals{margin-top:24px;gap:7px}.live-signals span{font-size:9px;padding:8px 9px}}

/* V5.11 editorial panel transplanted into the V5.20 illustrated hero. */
.hero{background:#fff3dd;color:var(--cta-ink)}
.hero-copy{width:52%;padding:clamp(58px,6vw,82px) var(--pad) 44px;background:linear-gradient(90deg,#fff3dd 0%,rgba(255,243,221,.97) 76%,rgba(255,243,221,.72) 90%,transparent 100%);color:var(--cta-ink)}
.hero,.hero-copy{color:var(--cta-ink)}
.hero .discipline{color:var(--cta-coral);font-size:11px}.hero .discipline:before{border-color:var(--cta-coral)}
.hero h1{margin-top:clamp(44px,6vh,70px);font-size:clamp(60px,6vw,92px);line-height:.93;color:var(--cta-ink)}
.hero h1 em{display:inline-block;padding:0 .12em .07em;background:var(--cta-coral);color:#fff;border-radius:.5em .18em .42em .17em;box-shadow:6px 7px 0 var(--spark);transform:rotate(-1.4deg)}
.hero .intro{margin:28px 0 30px;max-width:590px;font-size:18px;line-height:1.48;color:var(--cta-ink)}
.hero .v511-actions .primary{min-width:min(100%,476px);width:100%;min-height:58px;border:0;border-radius:999px;background:var(--cta-ink);box-shadow:7px 8px 0 var(--spark);color:#fff;font-size:11px}
.hero .v511-actions .primary:hover{border:0;background:var(--cta-ink);color:#fff;box-shadow:11px 12px 0 var(--spark)}
.v511-actions .hero-text-link{display:none}
.live-signals{margin-top:25px;gap:10px}.live-signals span{border-radius:999px;padding:8px 13px;font-size:9px}
.hero-plate{left:34%;}.hero-plate:after{background:linear-gradient(90deg,rgba(255,243,221,.36),transparent 35%),linear-gradient(0deg,rgba(8,16,24,.34),transparent 37%)}
.hero-plate figcaption{background:rgba(8,16,24,.7)}
.scroll-cue{color:var(--cta-ink);background:#fff3dd;border-color:rgba(17,31,54,.2)}
.scroll-cue i{border-color:rgba(17,31,54,.25)}
@media(max-width:900px){.hero-copy{width:58%}.hero-plate{left:26%}}
@media(max-width:760px){.hero-copy{width:100%;min-height:0;padding:49px 20px 43px;background:#fff3dd}.hero h1{font-size:52px;margin-top:42px}.hero .intro{font-size:17px;margin:28px 0 31px}.hero-plate{height:410px;left:auto}.hero-plate:after{background:linear-gradient(0deg,rgba(8,16,24,.44),transparent 40%)}.v511-actions .primary{width:100%;min-width:0}.live-signals{gap:7px;margin-top:26px}.live-signals span{font-size:9px;padding:8px 10px}.scroll-cue{background:#fff3dd}}