:root{
--night:#030914;--deep:#071321;--panel:#0a1929;--white:#f6f4ec;--muted:#aebfd0;
--gold:#e9c77a;--gold2:#fff0bd;--blue:#73c9ff;--cyan:#a8e7ff;--line:rgba(255,255,255,.14);
--serif:"Iowan Old Style","Baskerville","Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{margin:0;background:var(--night);color:var(--white);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:white;color:#000;padding:10px}
.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#07111f url('alexandria-city.png') center 46%/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,17,.2) 0%,rgba(2,8,17,.02) 30%,rgba(2,8,17,.22) 58%,rgba(2,8,17,.96) 100%),linear-gradient(90deg,rgba(2,8,17,.55),transparent 55%);z-index:1}
.hero:after{content:"";position:absolute;inset:-5%;background:radial-gradient(circle at 67% 39%,rgba(255,222,149,.22),transparent 16%),radial-gradient(circle at 54% 61%,rgba(67,175,255,.10),transparent 22%);mix-blend-mode:screen;animation:breathe 8s ease-in-out infinite;z-index:1;pointer-events:none}
.sky-glow{position:absolute;inset:0;background:linear-gradient(100deg,transparent 55%,rgba(255,202,105,.08) 72%,transparent 88%);animation:sky 12s ease-in-out infinite alternate}
.stars{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#fff 0.7px,transparent .7px);background-size:43px 43px;mask-image:linear-gradient(#000,transparent 60%)}
.beacon{position:absolute;z-index:2;left:66%;top:26%;width:34vw;height:4px;transform-origin:left center;transform:rotate(-8deg);opacity:.48;filter:blur(.3px);pointer-events:none}
.beacon i{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,240,183,.9),rgba(255,232,159,.16),transparent);clip-path:polygon(0 38%,100% 0,100% 100%,0 62%);animation:sweep 10s ease-in-out infinite alternate}
.beacon i+ i{filter:blur(12px);opacity:.45}
.nav{position:absolute;z-index:5;top:0;left:0;right:0;padding:28px clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(2,8,17,.68),transparent)}
.brand{font-family:var(--serif);font-size:1.12rem;letter-spacing:.2em}.brand span{font:600 .56rem var(--sans);letter-spacing:.22em;color:var(--gold);margin-left:12px}.navlinks{display:flex;gap:24px;align-items:center;font-size:.67rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.navlinks a{opacity:.78;transition:.25s}.navlinks a:hover{opacity:1;color:var(--gold2)}.machine-link{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:10px 14px}
.hero-copy{position:relative;z-index:3;width:min(920px,90vw);padding:0 0 13vh clamp(22px,6vw,96px)}.eyebrow,.chapter{margin:0 0 14px;color:var(--gold);font-size:.67rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.hero h1{font:400 clamp(5.2rem,13vw,12rem)/.72 var(--serif);letter-spacing:-.055em;margin:.08em 0 .16em;text-shadow:0 8px 50px rgba(0,0,0,.5)}.hero-kicker{font:italic 400 clamp(1.45rem,3vw,2.55rem)/1.15 var(--serif);margin:0 0 14px;color:#fff3d1}.lead{max-width:660px;font-size:clamp(1rem,1.6vw,1.28rem);line-height:1.65;color:#e6edf4}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:999px;border:1px solid rgba(255,255,255,.55);font-size:.67rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(12px);transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.28)}.btn.primary{background:#f7f3e8;color:#07111f;border-color:#f7f3e8}.btn.glass{background:rgba(5,14,27,.25)}
.hero-status{position:absolute;z-index:3;right:clamp(22px,5vw,78px);bottom:34px;display:flex;gap:18px;color:#c8d7e6;font-size:.55rem;font-weight:700;letter-spacing:.15em}.hero-status span{display:flex;align-items:center;gap:7px}.pulse{width:7px;height:7px;border-radius:50%;background:#75e4a5;box-shadow:0 0 14px #75e4a5;animation:pulse 2s infinite}.scroll-cue{position:absolute;z-index:4;left:50%;bottom:32px;width:24px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:20px}.scroll-cue span{position:absolute;width:3px;height:7px;border-radius:2px;background:white;left:10px;top:8px;animation:scroll 2s infinite}
.prologue{padding:clamp(110px,15vw,220px) 24px;background:radial-gradient(circle at 70% 40%,rgba(36,91,135,.16),transparent 30%),var(--night)}.prologue-inner{max-width:1120px;margin:auto}.prologue h2,.section-heading h2,.oracle-copy h2,.machine h2,.finale h2{font:400 clamp(3.1rem,7vw,7rem)/.94 var(--serif);letter-spacing:-.04em;margin:.15em 0 .4em}.prologue h2 em,.finale h2 em{color:var(--gold2);font-weight:400}.prologue-inner>p:not(.chapter):not(.big-line){max-width:680px;margin-left:auto;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.8;color:var(--muted)}.big-line{font:italic 400 clamp(1.8rem,3.6vw,3.4rem) var(--serif);color:var(--gold);margin-top:80px}
.arrival-cinema{height:90svh;min-height:700px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.arrival-image{position:absolute;inset:-4%;background:url('alexandria-city.png') 28% center/cover no-repeat;animation:cinema 22s ease-in-out infinite alternate}.arrival-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,17,.85),rgba(2,8,17,.2) 62%),linear-gradient(0deg,rgba(2,8,17,.86),transparent 55%)}.arrival-copy{position:relative;z-index:2;padding:0 clamp(24px,7vw,110px) 11vh;max-width:760px}.arrival-copy h2{font:400 clamp(4rem,9vw,9rem)/.82 var(--serif);margin:.12em 0 .18em}.arrival-copy>p:not(.chapter){max-width:600px;font-size:1.15rem;line-height:1.7;color:#e5edf5}.live-badge{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(117,228,165,.35);border-radius:999px;padding:8px 11px;font-size:.58rem;letter-spacing:.16em;margin-bottom:16px}.text-link{display:inline-flex;gap:10px;margin-top:16px;color:var(--gold2);font:italic 1.2rem var(--serif);border-bottom:1px solid rgba(233,199,122,.35);padding-bottom:5px}
.city-section{padding:clamp(100px,12vw,180px) clamp(22px,6vw,96px);background:linear-gradient(#030914,#06111f 40%,#030914)}.section-heading{max-width:1150px;margin:0 auto 70px}.section-heading>p:last-child{max-width:690px;color:var(--muted);font-size:1.05rem;line-height:1.7}.district-map{max-width:1420px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.district{grid-column:span 4;min-height:300px;position:relative;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:3px;background:linear-gradient(145deg,rgba(19,44,70,.76),rgba(4,13,24,.96));display:flex;align-items:flex-end;transition:.35s transform,.35s border-color,.35s box-shadow}.district:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(115,201,255,.12),transparent 32%);opacity:.5;transition:.35s}.district:hover{transform:translateY(-5px);border-color:rgba(115,201,255,.5);box-shadow:0 22px 70px rgba(0,0,0,.28)}.district:hover:before{opacity:1}.district.feature{grid-column:span 8;background:linear-gradient(145deg,rgba(28,59,83,.82),rgba(5,14,26,.95))}.district.oracle{grid-column:span 8;background:radial-gradient(circle at 78% 25%,rgba(233,199,122,.14),transparent 30%),linear-gradient(145deg,#101d2b,#050d18)}.district-no{position:absolute;right:22px;top:16px;font:400 4.8rem/1 var(--serif);color:rgba(255,255,255,.055)}.status-chip{position:absolute;left:24px;top:24px;color:#9af0bd;font-size:.55rem;font-weight:800;letter-spacing:.16em}.preview-chip{color:#9fb2c6}.district small{font-size:.6rem;font-weight:800;letter-spacing:.22em;color:var(--gold)}.district h3{font:400 clamp(2rem,3vw,3.3rem)/1 var(--serif);margin:.25em 0}.district p{max-width:42ch;color:var(--muted);line-height:1.55;margin:0}
.oracle-scene{padding:clamp(100px,14vw,200px) clamp(22px,6vw,96px);background:radial-gradient(circle at 74% 48%,rgba(71,165,224,.15),transparent 23%),radial-gradient(circle at 74% 48%,rgba(233,199,122,.08),transparent 35%),#020711}.oracle-grid{max-width:1350px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.oracle-mark{display:block;font:400 clamp(4rem,8vw,8rem)/.8 var(--serif);color:var(--gold);opacity:.2;margin-bottom:24px}.oracle-copy>p:not(.chapter):not(.fine){max-width:600px;color:var(--muted);font-size:1.08rem;line-height:1.7}.oracle-copy blockquote{font:italic 400 clamp(2rem,4vw,4rem) var(--serif);margin:42px 0 14px;color:var(--gold2)}.fine{color:#d6e0ea}.oracle-rings{width:min(480px,72vw);aspect-ratio:1;margin:auto;position:relative;display:grid;place-items:center}.oracle-rings:before,.oracle-rings i{content:"";position:absolute;border:1px solid rgba(115,201,255,.3);border-radius:50%;inset:5%;animation:spin 24s linear infinite}.oracle-rings i:nth-child(1){inset:18%;border-color:rgba(233,199,122,.35);animation-direction:reverse;animation-duration:18s}.oracle-rings i:nth-child(2){inset:31%;animation-duration:12s}.oracle-rings i:nth-child(3){inset:42%;border-color:rgba(255,255,255,.3);animation-direction:reverse}.oracle-rings i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold2);top:-4px;left:50%;box-shadow:0 0 20px var(--gold)}.oracle-rings b{font:400 6rem var(--serif);color:#fff;filter:drop-shadow(0 0 30px rgba(115,201,255,.5))}
.principle{padding:clamp(110px,16vw,230px) 24px;text-align:center;background:#07111e}.principle-inner{max-width:1200px;margin:auto}.principle blockquote{font:400 clamp(3rem,6.6vw,7rem)/1.02 var(--serif);letter-spacing:-.035em;margin:35px 0 70px}.principle blockquote em{color:var(--gold2);font-weight:400}.path{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;color:#c0d0df;font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.path span{border:1px solid var(--line);padding:10px 14px;border-radius:999px}.path b{color:var(--gold)}
.machine{padding:clamp(100px,13vw,190px) clamp(22px,6vw,96px);background:#02070f}.machine-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.machine-copy p:last-child{max-width:620px;color:var(--muted);line-height:1.75}.terminal{border:1px solid rgba(115,201,255,.22);background:rgba(4,14,25,.92);box-shadow:0 30px 100px rgba(0,0,0,.5),0 0 70px rgba(71,165,224,.06);padding-bottom:8px}.terminal-bar{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 16px}.terminal-bar i{width:7px;height:7px;border-radius:50%;background:#50677a}.terminal-bar span{margin-left:10px;font-size:.55rem;letter-spacing:.15em;color:#7f9ab0}.terminal a{display:flex;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.06);transition:.2s}.terminal a:hover{background:rgba(115,201,255,.06)}.terminal code{color:#c7ecff}.terminal a span{font-size:.55rem;letter-spacing:.13em;color:var(--gold)}
.finale{height:92svh;min-height:700px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.finale-bg{position:absolute;inset:-4%;background:url('alexandria-city.png') center/cover no-repeat;filter:saturate(.82);animation:finale 24s ease-in-out infinite alternate}.finale:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(2,8,17,.18),rgba(2,8,17,.88) 70%),linear-gradient(0deg,#020711,transparent 35%)}.finale-copy{position:relative;z-index:2;padding:30px}.finale h2{font-size:clamp(5rem,11vw,11rem);margin:.1em 0 .2em}.finale-copy>p:not(.chapter){max-width:680px;margin:0 auto;color:#d7e1ea;line-height:1.7}.finale .actions{justify-content:center}
.footer{padding:42px clamp(22px,6vw,96px);display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.08);background:#020711;color:#7f95a9}.footer strong{display:block;font:400 1.15rem var(--serif);letter-spacing:.18em;color:#d8e1e9}.footer span{display:block;margin-top:8px;font-size:.65rem;letter-spacing:.12em}.footer p{max-width:580px;text-align:right;font-size:.72rem;line-height:1.5}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes breathe{50%{opacity:.65;transform:scale(1.03)}}@keyframes sky{to{transform:translateX(3%)}}@keyframes sweep{to{transform:rotate(8deg);opacity:.6}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 3px #75e4a5}}@keyframes scroll{70%{transform:translateY(15px);opacity:0}}@keyframes cinema{to{transform:scale(1.06) translate3d(-1.2%,.5%,0)}}@keyframes finale{to{transform:scale(1.05) translateY(-.8%)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.navlinks a:not(.machine-link){display:none}.district,.district.feature,.district.oracle{grid-column:span 6}.oracle-grid,.machine-inner{grid-template-columns:1fr}.oracle-rings{margin-top:40px}.hero-status{display:none}}
@media(max-width:650px){.hero{min-height:690px}.brand span{display:none}.hero h1{font-size:clamp(4.2rem,22vw,7rem)}.hero-copy{padding-bottom:14vh}.scroll-cue{display:none}.district,.district.feature,.district.oracle{grid-column:1/-1;min-height:260px}.arrival-cinema{min-height:650px}.principle blockquote{font-size:clamp(2.8rem,13vw,5rem)}.terminal a{flex-direction:column;gap:6px}.footer{align-items:flex-start;flex-direction:column}.footer p{text-align:left}.nav{padding:22px}.machine-link{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.beacon i,.hero:after,.pulse,.scroll-cue span,.arrival-image,.finale-bg,.oracle-rings:before,.oracle-rings i{animation:none}.reveal{opacity:1;transform:none;transition:none}}


/* v0.3.1 Visual QA Round 2 — cinematic motion + district layout repairs */
.city-motion{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible;mix-blend-mode:screen}.motion-routes path{fill:none;stroke:rgba(115,201,255,.32);stroke-width:1.2;stroke-dasharray:3 11;animation:routeFlow 9s linear infinite}.motion-nodes circle{fill:#fff0bd;stroke:#73c9ff;stroke-width:2;filter:drop-shadow(0 0 8px #73c9ff);animation:nodeBreath 4s ease-in-out infinite}.svg-beam{transform-origin:275px 194px;animation:svgSweep 12s ease-in-out infinite alternate;opacity:.62}.agent{fill:#a8e7ff;stroke:#fff0bd;stroke-width:1;filter:drop-shadow(0 0 7px rgba(115,201,255,.9))}.agent-a{offset-path:path('M80 420 C420 300 820 360 1320 190');animation:flyA 18s linear infinite}.agent-b{offset-path:path('M420 520 C720 430 980 500 1490 350');animation:flyB 23s linear infinite}.city-pulse{fill:none;stroke:#73c9ff;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:cityPulse 4.6s ease-out infinite}.p2{animation-delay:2.1s}.arrival-motion{position:absolute;inset:0;z-index:1;pointer-events:none}.arrival-motion span{position:absolute;width:8px;height:8px;border:1px solid #a8e7ff;border-radius:50%;box-shadow:0 0 20px rgba(115,201,255,.8);animation:harborPulse 5s ease-in-out infinite}.arrival-motion span:nth-child(1){left:58%;top:36%}.arrival-motion span:nth-child(2){left:71%;top:49%;animation-delay:1.7s}.arrival-motion span:nth-child(3){left:82%;top:30%;animation-delay:3.2s}
@keyframes routeFlow{to{stroke-dashoffset:-140}}@keyframes nodeBreath{50%{opacity:.4;transform:scale(1.8)}}@keyframes svgSweep{from{transform:rotate(-4deg);opacity:.28}to{transform:rotate(6deg);opacity:.68}}@keyframes flyA{to{offset-distance:100%}}@keyframes flyB{to{offset-distance:100%}}@keyframes cityPulse{0%{transform:scale(.2);opacity:.9}75%,100%{transform:scale(2.6);opacity:0}}@keyframes harborPulse{50%{transform:scale(2.4);opacity:.18}}

.district-page{background:#020711}.district-hero{min-height:92svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background-color:#07111f;background-image:linear-gradient(180deg,rgba(2,8,17,.12),rgba(2,8,17,.08) 42%,rgba(2,8,17,.93) 100%),linear-gradient(90deg,rgba(2,8,17,.76),rgba(2,8,17,.08) 68%)}.district-hero:before{content:"";position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;z-index:-1;transform:scale(1.02);animation:districtCinema 24s ease-in-out infinite alternate}.lighthouse-hero:before{background-image:url('alexandria-city.png');background-position:16% center}.library-hero:before{background-image:url('alexandria-city.png');background-position:76% center;filter:saturate(.78) brightness(.82)}.district-hero-copy{position:relative;z-index:3;padding:0 clamp(24px,7vw,110px) 10vh;width:min(880px,92vw)}.district-hero-copy h1{font:400 clamp(4.7rem,10vw,9.5rem)/.78 var(--serif);letter-spacing:-.055em;margin:.08em 0 .18em;text-shadow:0 8px 50px rgba(0,0,0,.55)}.district-hero-copy>p{max-width:660px;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.7;color:#e4edf5}.district-status{position:absolute;right:clamp(24px,6vw,96px);bottom:42px;z-index:3;display:flex;align-items:center;gap:10px;font-size:.6rem;font-weight:800;letter-spacing:.17em;color:#cfe2ef}.lighthouse-beam{position:absolute;z-index:2;left:20%;top:18%;width:76%;height:22%;transform-origin:left center;background:linear-gradient(90deg,rgba(255,240,189,.34),rgba(115,201,255,.08),transparent);clip-path:polygon(0 45%,100% 0,100% 100%,0 55%);filter:blur(2px);animation:monumentSweep 11s ease-in-out infinite alternate;pointer-events:none}.monument-section{padding:clamp(90px,11vw,170px) clamp(24px,7vw,110px);background:radial-gradient(circle at 82% 18%,rgba(115,201,255,.10),transparent 28%),#030914}.monument-intro{max-width:1200px;margin:0 auto 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.monument-intro h2,.oracle-statement h2{font:400 clamp(3.3rem,6.8vw,7rem)/.93 var(--serif);letter-spacing:-.045em;margin:.14em 0 0}.monument-intro>p:last-child{color:var(--muted);line-height:1.8;font-size:1.08rem}.feature-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article,.evidence-stack article{position:relative;min-height:230px;padding:30px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(17,39,61,.76),rgba(4,13,24,.94));display:flex;flex-direction:column;justify-content:flex-end}.feature-grid article>span{position:absolute;top:22px;right:24px;font:400 3.7rem/1 var(--serif);color:rgba(255,255,255,.08)}.feature-grid strong,.evidence-stack strong{display:block;font:400 2rem/1 var(--serif);color:var(--white);margin-bottom:12px}.feature-grid p,.evidence-stack p{margin:0;color:var(--muted);line-height:1.6}.signal-band{padding:55px clamp(24px,7vw,110px);display:flex;justify-content:space-between;gap:30px;align-items:center;background:#091827;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.signal-band small{display:block;color:var(--gold);letter-spacing:.2em;font-weight:800;margin-bottom:8px}.signal-band strong{font:400 clamp(1.4rem,2.5vw,2.4rem) var(--serif)}.signal-band>a{color:var(--gold2);font:italic 1.1rem var(--serif)}
.oracle-halo{position:absolute;right:7vw;top:19%;width:min(430px,38vw);aspect-ratio:1;z-index:2;display:grid;place-items:center;opacity:.85}.oracle-halo:before,.oracle-halo i{content:"";position:absolute;inset:4%;border:1px solid rgba(115,201,255,.42);border-radius:50%;animation:spin 28s linear infinite}.oracle-halo i:nth-child(1){inset:18%;border-color:rgba(233,199,122,.42);animation-direction:reverse;animation-duration:21s}.oracle-halo i:nth-child(2){inset:31%;animation-duration:15s}.oracle-halo i:nth-child(3){inset:43%;border-color:rgba(255,255,255,.34);animation-direction:reverse}.oracle-halo i:after{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;border-radius:50%;background:#fff0bd;box-shadow:0 0 22px #e9c77a}.oracle-halo b{font:400 clamp(2.5rem,5vw,5rem) var(--serif);color:#fff;filter:drop-shadow(0 0 24px rgba(115,201,255,.65))}.oracle-monument{max-width:1400px;margin:auto;padding:clamp(100px,13vw,190px) clamp(24px,6vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.oracle-statement h2 em{color:var(--gold2);font-weight:400}.oracle-statement>p:not(.chapter){max-width:650px;color:var(--muted);font-size:1.08rem;line-height:1.8}.oracle-statement blockquote{margin:55px 0 0;font:italic 400 clamp(2.3rem,4vw,4.5rem) var(--serif);color:var(--gold2)}.evidence-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.evidence-stack article{min-height:220px}.evidence-stack small{color:var(--gold);font-size:.58rem;letter-spacing:.18em;font-weight:800;margin-bottom:16px}.evidence-stack .unknown{border-color:rgba(233,199,122,.36);background:radial-gradient(circle at 80% 20%,rgba(233,199,122,.12),transparent 34%),#07111e}.oracle-law{padding:55px 24px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;background:#091827;border-top:1px solid rgba(255,255,255,.08);font-size:.65rem;font-weight:800;letter-spacing:.18em}.oracle-law b{color:var(--gold);font-size:1.3rem}
@keyframes districtCinema{to{transform:scale(1.065) translate3d(-.7%,.4%,0)}}@keyframes monumentSweep{from{transform:rotate(-5deg);opacity:.3}to{transform:rotate(7deg);opacity:.72}}
@media(max-width:900px){.monument-intro,.oracle-monument{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.oracle-halo{opacity:.35;right:-10vw;width:70vw}.district-status{display:none}.signal-band{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.district-hero{min-height:760px}.district-hero-copy h1{font-size:clamp(4rem,20vw,6.5rem)}.feature-grid,.evidence-stack{grid-template-columns:1fr}.feature-grid article,.evidence-stack article{min-height:190px}.city-motion{opacity:.65}.monument-intro{gap:30px}.oracle-monument{gap:45px}.signal-band{padding-block:40px}}
@media(prefers-reduced-motion:reduce){.city-motion *,.arrival-motion span,.district-hero:before,.lighthouse-beam,.oracle-halo:before,.oracle-halo i{animation:none!important}.city-motion .agent{display:none}}


/* v0.3.2 — living city status language */
.status-light{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 8px;vertical-align:middle;position:relative}
.live-light{background:#63f59a;box-shadow:0 0 6px #63f59a,0 0 16px rgba(99,245,154,.75);animation:liveFlash 1.65s ease-in-out infinite}
.test-light{background:#ffd45d;box-shadow:0 0 6px #ffd45d,0 0 14px rgba(255,212,93,.6);animation:testBlink 2.8s ease-in-out infinite}
.offline-light{background:#ff5f62;box-shadow:0 0 5px rgba(255,95,98,.85);animation:offlineBreath 4.2s ease-in-out infinite}
.status-chip{display:flex;align-items:center;gap:8px}.status-chip.offline-chip{color:#ff9b9d}.status-eyebrow{display:flex;align-items:center;gap:9px}
.status-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#b9c8d5;font-size:.58rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.status-legend span{display:flex;align-items:center;gap:8px}
.district.live{box-shadow:inset 0 0 0 1px rgba(99,245,154,.025)}.district.live:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,245,154,.55),transparent);transform:translateX(-100%);animation:liveScan 7s ease-in-out infinite}
.district.preview:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,95,98,.28),transparent)}
.hero-status .status-light{width:6px;height:6px;flex-basis:6px}.hero-status span{white-space:nowrap}
.city-motion{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
@keyframes liveFlash{0%,100%{opacity:.55;transform:scale(.82);box-shadow:0 0 4px #63f59a,0 0 8px rgba(99,245,154,.35)}45%{opacity:1;transform:scale(1.18);box-shadow:0 0 8px #63f59a,0 0 22px rgba(99,245,154,.95)}60%{opacity:.72;transform:scale(.95)}}
@keyframes testBlink{0%,55%,100%{opacity:.42}62%,78%{opacity:1;box-shadow:0 0 8px #ffd45d,0 0 20px rgba(255,212,93,.8)}}
@keyframes offlineBreath{0%,100%{opacity:.42}50%{opacity:.85;box-shadow:0 0 8px rgba(255,95,98,.72)}}
@keyframes liveScan{0%,68%{transform:translateX(-100%);opacity:0}72%{opacity:1}92%{transform:translateX(100%);opacity:.65}100%{transform:translateX(100%);opacity:0}}
@media(max-width:1000px){.hero-status{display:flex;left:22px;right:auto;bottom:20px;gap:10px;flex-wrap:wrap;max-width:80vw}.hero-status span{font-size:.48rem}}
@media(max-width:600px){.hero-status span:nth-child(3){display:none}.status-legend{gap:12px}.status-chip{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.status-light,.district.live:after{animation:none!important}.live-light{opacity:1}.test-light{opacity:.9}.offline-light{opacity:.72}}


/* Alexandria v0.5.0 — Metropolis of the Agent Age */
.metropolis-v050{background:#02060d;color:#f3f6f8}.metro-hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:flex-end;background:#02060d}.metro-city{position:absolute;inset:-3%;background:linear-gradient(180deg,rgba(2,6,13,.06),rgba(2,6,13,.18) 45%,rgba(2,6,13,.84) 86%,#02060d),url('alexandria-city.png') center 43%/cover no-repeat;animation:metroDrift 30s ease-in-out infinite alternate;transform:scale(1.04)}.metro-water{position:absolute;left:-5%;right:-5%;bottom:-5%;height:32%;background:linear-gradient(180deg,rgba(4,20,33,.08),rgba(4,15,27,.78)),url('alexandria-city.png') center 78%/110% auto no-repeat;transform:scaleY(-.32);transform-origin:center bottom;filter:blur(2px) saturate(.8);opacity:.28;animation:waterShimmer 8s ease-in-out infinite}.metro-water:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(178deg,transparent 0 10px,rgba(126,211,255,.08) 11px,transparent 13px);animation:waterLines 9s linear infinite}.metro-fog{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 62%,transparent 0 32%,rgba(3,9,17,.22) 58%,rgba(1,4,9,.72) 100%),linear-gradient(90deg,rgba(2,7,13,.65),transparent 38%,transparent 68%,rgba(2,7,13,.45));pointer-events:none}.metro-beam{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.55;transform-origin:13% 27%;animation:metroSweep 13s ease-in-out infinite alternate;pointer-events:none}.metro-nav{z-index:8}.signal-copy{position:relative;z-index:5;padding:0 clamp(24px,7vw,110px) 15vh;width:min(1050px,94vw)}.signal-line{font-size:.64rem;letter-spacing:.32em;color:#d9c48f;margin:12px 0 24px}.signal-copy h1{font:400 clamp(5.5rem,15vw,13rem)/.68 var(--serif);letter-spacing:-.065em;margin:.08em 0 .12em;text-shadow:0 18px 70px rgba(0,0,0,.65)}.metro-title{font-size:clamp(.72rem,1.2vw,1rem);font-weight:800;letter-spacing:.38em;color:#e9c77a;margin-bottom:28px}.signal-copy .hero-kicker{font:400 clamp(1.35rem,2.8vw,2.8rem)/1.25 var(--serif);max-width:700px}.signal-copy .hero-kicker strong{color:#d7f2ff;font-weight:400}.live-ribbon{position:absolute;z-index:7;bottom:22px;right:clamp(20px,4vw,60px);display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;font-size:.5rem;font-weight:800;letter-spacing:.14em;color:#c4d2dc}.live-ribbon span{display:flex;gap:7px;align-items:center}.wait-light{background:#ffd45d;box-shadow:0 0 12px rgba(255,212,93,.6)}
.metro-prologue{padding:clamp(110px,15vw,220px) 24px;background:radial-gradient(circle at 50% 20%,rgba(58,125,173,.12),transparent 35%),#02060d}.metro-prologue .prologue-inner{max-width:1100px}.metro-prologue h2,.overview-copy h2,.section-heading h2,.need-copy h2,.library-copy h2,.bazaar-copy h2,.arrival-plaque h2,.entrance h2{font:400 clamp(3.4rem,7vw,7.8rem)/.9 var(--serif);letter-spacing:-.05em}.metro-overview{padding:clamp(90px,12vw,170px) clamp(24px,7vw,110px);display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center;background:linear-gradient(180deg,#06101c,#02060d)}.overview-copy p:not(.chapter){color:var(--muted);line-height:1.8;max-width:650px}.overview-copy em,.section-heading em,.need-copy em,.library-copy em{color:var(--gold2);font-weight:400}.city-spine{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:38px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(11,30,49,.85),rgba(3,9,17,.94));box-shadow:0 30px 90px rgba(0,0,0,.35)}.city-spine span{padding:12px 14px;border:1px solid rgba(115,201,255,.22);font-size:.56rem;letter-spacing:.14em;font-weight:800}.city-spine b{color:#e9c77a}.institutions{padding:clamp(100px,13vw,190px) clamp(24px,6vw,90px);background:radial-gradient(circle at 70% 12%,rgba(115,201,255,.08),transparent 25%),#030914}.institutions .section-heading{max-width:1000px;margin:0 auto 70px}.institutions .section-heading>p:last-child{max-width:760px;color:var(--muted);line-height:1.75}.metro-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metro-card{min-height:300px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;border:1px solid rgba(255,255,255,.12);background:linear-gradient(150deg,rgba(13,35,55,.78),rgba(3,10,19,.96));color:inherit;text-decoration:none;overflow:hidden;transition:transform .35s,border-color .35s,background .35s}.metro-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(115,201,255,.07),transparent 65%);transform:translateX(-120%);transition:transform .8s}.metro-card:hover{transform:translateY(-5px);border-color:rgba(115,201,255,.4)}.metro-card:hover:before{transform:translateX(120%)}.metro-card small{color:#e9c77a;letter-spacing:.18em;font-size:.57rem;font-weight:800}.metro-card h3{font:400 clamp(2.1rem,3vw,3.5rem)/1 var(--serif);margin:.22em 0}.metro-card p{color:var(--muted);line-height:1.65;margin:0}.card-state{position:absolute;top:24px;right:24px;font-size:.52rem;letter-spacing:.12em;color:#8ff5b2}.metro-card.research .card-state,.metro-card.pilot .card-state,.metro-card.active .card-state{color:#ffd45d}.metro-card.founding{opacity:.78}.metro-card.founding .card-state{color:#9dafbd}
.need-have{padding:clamp(110px,14vw,190px) clamp(24px,7vw,110px);display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;background:linear-gradient(110deg,#02060d,#071725)}.need-copy p:not(.chapter){max-width:700px;color:var(--muted);line-height:1.8}.buba-panel{padding:45px;border:1px solid rgba(233,199,122,.26);background:radial-gradient(circle at 80% 15%,rgba(233,199,122,.12),transparent 35%),rgba(5,16,27,.88)}.buba-panel small{color:#e9c77a;letter-spacing:.3em}.buba-panel h3{font:400 clamp(2.4rem,4vw,4.6rem)/.95 var(--serif)}.buba-panel p{color:var(--muted);line-height:1.7}.buba-panel strong{display:block;margin-top:30px;padding-top:25px;border-top:1px solid rgba(255,255,255,.12);font:italic 400 1.35rem var(--serif);color:#fff0bd}.library-monument{min-height:95svh;position:relative;display:flex;align-items:center;padding:clamp(110px,14vw,190px) clamp(24px,7vw,110px);overflow:hidden;background:linear-gradient(90deg,rgba(2,6,13,.98),rgba(2,6,13,.74) 55%,rgba(2,6,13,.45)),url('alexandria-city.png') 75% center/cover no-repeat}.library-light{position:absolute;right:8%;top:16%;width:38vw;aspect-ratio:1;border-radius:50%;border:1px solid rgba(115,201,255,.24);box-shadow:0 0 130px rgba(115,201,255,.12),inset 0 0 80px rgba(233,199,122,.07);animation:libraryHalo 8s ease-in-out infinite}.library-copy{position:relative;z-index:2;max-width:760px}.library-copy>small{letter-spacing:.3em;color:#e9c77a}.library-copy p{color:#c7d3dc;line-height:1.75}.library-copy blockquote{margin:40px 0;font:italic 400 clamp(1.7rem,3vw,3rem)/1.3 var(--serif);color:#eef7fc}.library-copy blockquote b{color:#e9c77a}.bazaar-scene{padding:clamp(120px,16vw,220px) clamp(24px,7vw,110px);background:radial-gradient(circle at 80% 30%,rgba(233,199,122,.12),transparent 30%),#07101a}.bazaar-copy{max-width:1050px}.bazaar-copy>p:not(.chapter):not(.big-line){max-width:720px;color:var(--muted);line-height:1.8}.offer{margin:45px 0;display:grid;grid-template-columns:auto auto 1fr;gap:20px;align-items:center;padding:25px 30px;border:1px solid rgba(233,199,122,.28);max-width:850px}.offer small{letter-spacing:.18em;color:#e9c77a}.offer strong{font:400 3.4rem var(--serif);color:#fff0bd}.offer span{color:#dce6ed}.arrival-monument{padding:clamp(120px,16vw,230px) 24px;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(255,212,93,.08),transparent 28%),#010409}.arrival-plaque{max-width:1100px;margin:auto}.arrival-plaque>small{letter-spacing:.3em;color:#9dafbd}.arrival-plaque h2{margin:.18em 0}.arrival-plaque>strong{display:inline-block;margin:18px 0 35px;padding:12px 22px;border:1px solid rgba(255,212,93,.45);color:#ffd45d;letter-spacing:.25em}.arrival-plaque>p{max-width:750px;margin:0 auto 50px;color:var(--muted);line-height:1.8}.evidence-chain{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;font-size:.52rem;letter-spacing:.1em;color:#aab9c5}.evidence-chain b{color:#e9c77a}.entrances{display:grid;grid-template-columns:1fr 1fr}.entrance{padding:clamp(80px,10vw,150px) clamp(24px,6vw,90px);min-height:600px;display:flex;flex-direction:column;justify-content:center}.entrance.human{background:#07121e}.entrance.agent{background:radial-gradient(circle at 70% 20%,rgba(115,201,255,.12),transparent 30%),#030a12}.entrance small{color:#e9c77a;letter-spacing:.25em}.entrance p{color:var(--muted);line-height:1.7;max-width:620px}.machine-endpoints{display:flex;flex-direction:column;gap:8px;margin:25px 0}.machine-endpoints code{font-size:.72rem;padding:10px 12px;background:#010409;border:1px solid rgba(255,255,255,.1);color:#a8e7ff;overflow:auto}.governance{text-align:center;padding:75px 24px;background:#e8dcc0;color:#08111a}.governance p{font:400 clamp(1.8rem,4vw,4rem)/1 var(--serif);margin:0 0 14px}.governance span{font-size:.75rem;letter-spacing:.13em}.metro-footer{padding:40px clamp(24px,6vw,90px);display:flex;justify-content:space-between;gap:20px;align-items:center;background:#010409;color:#9dafbd;font-size:.65rem;letter-spacing:.14em}.metro-footer strong{color:#fff;font:400 1.3rem var(--serif)}.metro-footer a{color:#d7e9f5}
@keyframes metroDrift{to{transform:scale(1.09) translate3d(-.7%,.4%,0)}}@keyframes metroSweep{from{transform:rotate(-4deg);opacity:.28}to{transform:rotate(5deg);opacity:.62}}@keyframes waterShimmer{0%,100%{opacity:.2;filter:blur(2px) saturate(.7)}50%{opacity:.34;filter:blur(3px) saturate(1)}}@keyframes waterLines{to{transform:translateY(26px)}}@keyframes libraryHalo{50%{transform:scale(1.035);opacity:.72}}
@media(max-width:1000px){.metro-overview,.need-have{grid-template-columns:1fr}.metro-grid{grid-template-columns:1fr 1fr}.entrances{grid-template-columns:1fr}.live-ribbon{left:22px;right:22px;justify-content:flex-start}.signal-copy{padding-bottom:22vh}.library-monument{background-position:62% center}.library-light{width:70vw;right:-20%}}@media(max-width:650px){.metro-grid{grid-template-columns:1fr}.signal-copy h1{font-size:clamp(4.6rem,23vw,7rem)}.metro-title{letter-spacing:.22em}.live-ribbon span:nth-child(2),.live-ribbon span:nth-child(3){display:none}.offer{grid-template-columns:1fr}.city-spine{padding:24px}.metro-card{min-height:260px}.metro-footer{align-items:flex-start;flex-direction:column}.library-monument{background-position:68% center}.library-copy{background:rgba(2,6,13,.64);padding:24px}}@media(prefers-reduced-motion:reduce){.metro-city,.metro-water,.metro-water:after,.metro-beam,.library-light{animation:none!important}.metro-card{transition:none}}

/* v0.5.2 — Living Metropolis candidate */
.metro-hero{isolation:isolate}.living-water{position:absolute;z-index:2;left:0;right:0;bottom:-2px;width:100%;height:42%;pointer-events:none;mix-blend-mode:screen;opacity:.78}.wave-field{animation:waterBreathe 9s ease-in-out infinite}.wave-line{fill:none;stroke:#bdeaff;stroke-opacity:.18;stroke-width:2}.w1{animation:waveDrift 7s ease-in-out infinite}.w2{animation:waveDrift 10s ease-in-out infinite reverse}.w3{animation:waveDrift 13s ease-in-out infinite}.beam-reflection{transform-origin:14% 0;animation:reflectionSweep 13s ease-in-out infinite alternate;filter:blur(4px);opacity:.55}.signal-copy{max-width:min(1180px,96vw)}.signal-copy h1{font-size:clamp(5rem,14.4vw,12.5rem);max-width:100%;white-space:nowrap}.metro-title{max-width:780px;line-height:1.65}.thesis{padding:clamp(105px,13vw,190px) clamp(24px,6vw,90px);background:radial-gradient(circle at 12% 10%,rgba(233,199,122,.08),transparent 28%),linear-gradient(180deg,#02060d,#071321)}.thesis-intro{max-width:1100px;margin:0 auto 65px}.thesis-intro h2,.investor-copy h2,.window-frame h2{font:400 clamp(3.4rem,7vw,7.6rem)/.9 var(--serif);letter-spacing:-.05em;margin:.15em 0 .35em}.thesis-intro h2 em,.investor-copy h2 em,.window-frame h2 em{color:var(--gold2);font-weight:400}.thesis-intro>p:last-child{max-width:760px;color:var(--muted);line-height:1.8;font-size:1.08rem}.thesis-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.thesis-grid article{min-height:250px;padding:30px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(12,31,49,.82),rgba(3,9,17,.95));display:flex;flex-direction:column;justify-content:flex-end}.thesis-grid small,.investor-proof small,.window-frame>small{color:var(--gold);letter-spacing:.18em;font-weight:800}.thesis-grid strong{font:400 2.35rem/1 var(--serif);margin:.45em 0 .3em}.thesis-grid p{color:var(--muted);line-height:1.65;margin:0}.investor-proof{padding:clamp(110px,14vw,190px) clamp(24px,7vw,110px);display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;background:linear-gradient(115deg,#071725,#02060d)}.investor-copy>p:not(.chapter){max-width:760px;color:var(--muted);line-height:1.8}.proof-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.proof-chips span{padding:9px 11px;border:1px solid rgba(115,201,255,.22);font-size:.55rem;letter-spacing:.12em;font-weight:800}.proof-panel{padding:38px;border:1px solid rgba(233,199,122,.28);background:rgba(3,10,18,.8)}.proof-panel>div{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.proof-panel b{font-size:.58rem;letter-spacing:.14em;color:#fff0bd}.proof-panel span,.proof-panel p{color:var(--muted);line-height:1.55}.proof-panel p{margin:28px 0 0;font:italic 400 1.35rem/1.4 var(--serif);color:#eef7fc}.window-preview{padding:clamp(110px,14vw,200px) clamp(24px,7vw,110px);background:radial-gradient(circle at 50% 45%,rgba(115,201,255,.13),transparent 28%),#01050b}.window-frame{position:relative;max-width:1200px;margin:auto;min-height:650px;padding:clamp(45px,7vw,90px);display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(115,201,255,.28);overflow:hidden;background:linear-gradient(145deg,rgba(9,27,44,.78),rgba(2,7,13,.92))}.window-frame:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.window-frame h2{position:relative;z-index:2;max-width:900px}.window-frame p{position:relative;z-index:2;max-width:720px;color:var(--muted);line-height:1.8}.window-frame>span{position:relative;z-index:2;margin-top:30px;color:#a8e7ff;font-size:.58rem;letter-spacing:.15em}.window-orbit{position:absolute;right:-8%;top:3%;width:min(620px,60vw);aspect-ratio:1;border:1px solid rgba(115,201,255,.2);border-radius:50%;box-shadow:0 0 120px rgba(115,201,255,.08),inset 0 0 80px rgba(233,199,122,.05);animation:windowOrbit 14s ease-in-out infinite}.window-orbit:before,.window-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(233,199,122,.2)}.window-orbit:before{inset:18%}.window-orbit:after{inset:37%;border-color:rgba(255,255,255,.16)}.entrances{grid-template-columns:1fr}.entrance.human{min-height:520px;text-align:center;align-items:center}.entrance.human p{max-width:800px}.entrance.human .btn{margin-top:24px}.metro-hero:after{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(ellipse at 60% 64%,transparent 0 32%,rgba(2,7,13,.06) 48%,rgba(1,4,9,.38) 100%);pointer-events:none}
@keyframes waterBreathe{50%{transform:translateY(5px) scaleY(1.03);opacity:.85}}@keyframes waveDrift{50%{transform:translate3d(22px,6px,0)}}@keyframes reflectionSweep{from{transform:skewX(-3deg) translateX(-8px);opacity:.3}to{transform:skewX(5deg) translateX(24px);opacity:.68}}@keyframes windowOrbit{50%{transform:scale(1.035) rotate(4deg);opacity:.72}}
@media(max-width:1000px){.thesis-grid{grid-template-columns:1fr 1fr}.investor-proof{grid-template-columns:1fr}.window-frame{min-height:560px}.signal-copy h1{font-size:clamp(4.2rem,14.6vw,9rem)}}
@media(max-width:650px){.signal-copy{width:100%;padding-left:18px;padding-right:18px}.signal-copy h1{font-size:15.4vw;letter-spacing:-.065em;line-height:.78;white-space:nowrap}.metro-title{font-size:.62rem;letter-spacing:.16em;max-width:92vw}.signal-line{font-size:.54rem;letter-spacing:.22em}.signal-copy .hero-kicker{font-size:clamp(1.25rem,6vw,1.7rem)}.living-water{height:35%;opacity:.58}.thesis-grid{grid-template-columns:1fr}.thesis-grid article{min-height:210px}.proof-panel>div{grid-template-columns:1fr;gap:7px}.window-frame{min-height:520px;padding:40px 28px}.window-orbit{width:95vw;right:-42%;top:5%}.live-ribbon{bottom:16px}.metro-hero{min-height:760px}.signal-copy{padding-bottom:20vh}}
@media(prefers-reduced-motion:reduce){.living-water *,.window-orbit{animation:none!important}.living-water{opacity:.42}}
/* v0.5.2.1 visual-integrity patch: preserve photographic water/boats; animate only light interaction. */
.living-water,.metro-water{display:none!important}
.water-light{position:absolute;z-index:2;left:0;right:0;bottom:0;height:31%;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.34;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.16) 20%,#000 55%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.16) 20%,#000 55%)}
.water-light i{position:absolute;left:-12%;width:124%;height:34%;background:repeating-linear-gradient(176deg,transparent 0 13px,rgba(169,224,255,.11) 14px,transparent 16px);filter:blur(.8px);transform:translate3d(0,0,0) skewX(-7deg);animation:waterLightDrift 11s ease-in-out infinite alternate}
.water-light i:nth-child(1){top:8%;opacity:.42}.water-light i:nth-child(2){top:37%;opacity:.28;animation-duration:15s;animation-direction:alternate-reverse}.water-light i:nth-child(3){top:67%;opacity:.18;animation-duration:19s}
.metro-beam{z-index:2;opacity:.46;transform-origin:11.56% 27.44%;animation:pharosSweep 15s ease-in-out infinite alternate}
.metro-beam .beam-cone{filter:blur(.55px)}.metro-beam .lantern-glow{animation:lanternPulse 4.8s ease-in-out infinite;transform-origin:185px 247px}
@keyframes waterLightDrift{0%{transform:translate3d(-12px,0,0) skewX(-7deg);opacity:.65}50%{transform:translate3d(10px,2px,0) skewX(-5deg);opacity:1}100%{transform:translate3d(24px,-1px,0) skewX(-8deg);opacity:.72}}
@keyframes pharosSweep{0%{transform:rotate(-1.8deg)}100%{transform:rotate(2.2deg)}}
@keyframes lanternPulse{50%{opacity:.76;transform:scale(1.08)}}
@media(max-width:650px){.water-light{height:28%;opacity:.27}.metro-beam{opacity:.38}}
@media(prefers-reduced-motion:reduce){.water-light i,.metro-beam,.metro-beam .lantern-glow{animation:none!important}}

/* v0.5.2.2 — cinematic interaction + founding-capital layer */
.metro-hero{--px:0;--py:0;--scroll-shift:0px}
.metro-city{transform:scale(1.045) translate3d(calc(var(--px) * -5px),calc(var(--py) * -3px + var(--scroll-shift)),0);transition:transform .22s ease-out;will-change:transform}
.signal-copy{transform:translate3d(calc(var(--px) * 4px),calc(var(--py) * 2px),0);transition:transform .18s ease-out;will-change:transform}
.hero-atmosphere{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.52}
.hero-atmosphere i{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,239,190,.28),rgba(119,204,255,.08) 32%,transparent 68%);filter:blur(12px);animation:atmoFloat 13s ease-in-out infinite alternate}
.hero-atmosphere i:nth-child(1){width:28vw;height:17vw;left:8%;top:15%}.hero-atmosphere i:nth-child(2){width:22vw;height:14vw;right:8%;top:22%;animation-duration:17s;animation-direction:alternate-reverse}.hero-atmosphere i:nth-child(3){width:34vw;height:10vw;left:36%;bottom:23%;opacity:.38;animation-duration:21s}
.agent-traffic{position:absolute;z-index:2;inset:0;pointer-events:none;overflow:hidden;opacity:.68}
.route{position:absolute;width:5px;height:2px;border-radius:999px;background:#fff3c7;box-shadow:0 0 7px #fff3c7,0 0 18px rgba(115,201,255,.8);animation:agentFlight 16s linear infinite}
.r1{left:69%;top:27%;animation-duration:19s}.r2{left:77%;top:34%;animation-duration:25s;animation-delay:-9s;opacity:.55}.r3{left:59%;top:21%;animation-duration:31s;animation-delay:-18s;opacity:.38}
.metro-beam{transform:translate3d(calc(var(--px) * 2px),calc(var(--py) * 1px),0);will-change:transform}
.founding-capital{position:relative;padding:clamp(110px,15vw,210px) clamp(24px,7vw,110px);text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(233,199,122,.14),transparent 32%),linear-gradient(180deg,#06121e,#02060d)}
.founding-capital:before{content:"";position:absolute;inset:28px;border:1px solid rgba(233,199,122,.14);pointer-events:none}.capital-inner{position:relative;z-index:1;max-width:900px;margin:auto}.capital-inner h2{font:400 clamp(4rem,8vw,8rem)/.86 var(--serif);letter-spacing:-.055em;margin:.12em 0 .28em}.capital-inner h2 em{color:var(--gold2);font-weight:400}.capital-inner>p:not(.chapter){max-width:760px;margin:0 auto 18px;color:#c2d1de;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.8}.capital-inner .capital-note{font-size:.78rem!important;color:#8295a7!important;max-width:680px!important}.capital-cta{display:inline-flex;margin-top:24px}.capital-email{display:block;margin-top:18px;color:var(--gold);font-size:.64rem;letter-spacing:.15em;text-transform:uppercase}
@keyframes atmoFloat{0%{transform:translate3d(-12px,-4px,0) scale(.98);opacity:.32}100%{transform:translate3d(18px,10px,0) scale(1.06);opacity:.68}}
@keyframes agentFlight{0%{transform:translate3d(0,0,0) scale(.7);opacity:0}8%{opacity:.8}48%{opacity:.7}100%{transform:translate3d(330px,-92px,0) scale(1.25);opacity:0}}
@media(max-width:650px){.hero-atmosphere{opacity:.32}.agent-traffic{opacity:.48}.founding-capital:before{inset:14px}.capital-inner h2{font-size:clamp(3.4rem,17vw,5.5rem)}}
@media(prefers-reduced-motion:reduce){.metro-city,.signal-copy,.metro-beam{transform:none!important;transition:none!important}.hero-atmosphere i,.route{animation:none!important}.agent-traffic{display:none}}