@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--black:#030507;--bone:#e7e2d8;--ash:#aaa9a4;--cyan:#45d9e6;--magenta:#dd2f75;--rust:#b04c32;--yellow:#d6b661;--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--sans:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth;scroll-padding-top:78px}body{background:var(--black);min-width:320px;color:var(--bone);font-family:var(--sans);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}a{color:inherit}.hollow-city{background:var(--black);min-height:100vh;overflow:clip}.hollow-city:before{content:"";z-index:50;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:fixed;inset:0}.hollow-city:after{content:"";z-index:49;pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,#0000 0 4px,#00000021 5px);position:fixed;inset:0}.skip-link{z-index:100;background:var(--cyan);color:#020607;padding:.85rem 1rem;font-weight:700;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#04070adb,#04070a6b);border-bottom:1px solid #e7e2d81a;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;height:74px;padding:0 clamp(1rem,3vw,3.5rem);transition:background .25s,border-color .25s;display:grid;position:fixed;inset:0 0 auto}.site-header.is-scrolled{background:#030507f0;border-bottom-color:#45d9e64d}.brand-lockup{font-family:var(--display);letter-spacing:.065em;text-transform:uppercase;align-items:center;gap:.9rem;font-size:1.12rem;font-weight:700;text-decoration:none;display:flex}.mark-icon{border:1px solid var(--magenta);flex:none;place-items:center;width:29px;height:29px;display:grid;transform:rotate(45deg);box-shadow:0 0 18px #dd2f756b}.mark-core{border:1px solid var(--cyan);width:9px;height:9px;box-shadow:0 0 12px #45d9e6a6}.city-frequency{color:#7e8c92;font-family:var(--mono);letter-spacing:.08em;font-size:.72rem}.site-header nav{justify-self:end;align-items:center;gap:clamp(.8rem,1.8vw,1.8rem);display:flex}.site-header nav a{color:#b2b7b8;font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;font-size:.92rem;font-weight:600;text-decoration:none}.site-header nav a:hover{color:var(--cyan)}.site-header .hub-link{background:#030507a6;border:1px solid #e7e2d83d;padding:.55rem .72rem}.city-hero{isolation:isolate;background:url(/hollow-city-battle.webp) 50%/cover no-repeat;align-items:end;min-height:105svh;padding:9rem clamp(1rem,5vw,6rem) 5rem;display:flex;position:relative}.city-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#020406f0 0%,#020406a6 31%,#02040624 58%,#0204062e 100%),linear-gradient(#02040659 0%,#0000 55%,#020406f5 100%);position:absolute;inset:0}.city-hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(transparent, var(--black));height:25%;position:absolute;inset:auto 0 0}.ash-drift{z-index:1;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#e7e2d8b3 0 1px,#0000 1.4px),radial-gradient(circle,#e7e2d859 0 1px,#0000 1.5px);background-position:20px 30px,70px 15px;background-size:110px 110px,170px 170px;animation:22s linear infinite ash-fall;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.hero-copy-block{z-index:3;border-left:2px solid var(--magenta);background:linear-gradient(100deg,#030507cc,#03050747 72%,#0000);width:min(680px,92vw);padding:clamp(1.4rem,3vw,2.6rem);position:relative;box-shadow:-24px 0 60px #00000057}.eyebrow{color:var(--cyan);font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:.8rem;margin:0;font-size:.76rem;display:flex}.eyebrow span{background:var(--magenta);width:42px;height:1px;box-shadow:0 0 9px #dd2f75a6}.hero-copy-block h1{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;margin:1.25rem 0 1.2rem;font-size:clamp(4.2rem,8vw,8.5rem);font-weight:700;line-height:.73}.hero-copy-block h1 span{display:block}.hero-copy-block h1 em{color:#c9d0d2;letter-spacing:.035em;max-width:600px;margin-top:.32em;font-size:.46em;font-style:normal;line-height:.88;display:block}.hero-intro{color:#b7bdbe;max-width:580px;margin:0;font-size:1rem;line-height:1.7}.hero-actions{align-items:center;gap:1.2rem;margin-top:1.7rem;display:flex}.primary-action{min-height:48px;color:var(--cyan);font-family:var(--display);letter-spacing:.075em;text-transform:uppercase;background:#041215ad;border:1px solid #45d9e6b3;justify-content:space-between;align-items:center;gap:1.6rem;padding:.82rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.primary-action:hover{background:var(--cyan);color:#020607}.warning-copy{color:#858d90;font-family:var(--mono);font-size:.7rem}.city-status{z-index:4;color:#78868b;font-family:var(--mono);letter-spacing:.04em;justify-content:center;align-items:center;gap:1rem;font-size:.68rem;display:flex;position:absolute;bottom:2rem;left:0;right:0}.city-status i{background:var(--rust);width:36px;height:1px;box-shadow:0 0 9px #b04c32b3}.story-breach{background:radial-gradient(circle at 82% 40%,#dd2f7517,#0000 28rem),linear-gradient(120deg,#030507f5,#080c10e0),url(/hollow-city-battle.webp) 50%/cover fixed;border-top:1px solid #e7e2d81a;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-content:center;gap:3rem 6rem;min-height:92svh;padding:clamp(6rem,12vw,12rem) clamp(1rem,7vw,8rem);display:grid;position:relative}.transmission-label{width:fit-content;color:var(--yellow);font-family:var(--mono);letter-spacing:.09em;border:1px solid #d6b6615c;grid-column:1/-1;padding:.55rem .72rem;font-size:.72rem}.story-breach blockquote{font-family:var(--display);letter-spacing:.005em;text-transform:uppercase;margin:0;font-size:clamp(3.8rem,7.5vw,8.2rem);font-weight:700;line-height:.78}.story-breach blockquote em{color:var(--magenta);text-shadow:0 0 28px #dd2f7533;font-style:normal}.world-copy{border-left:1px solid #45d9e661;align-self:end;padding:1.5rem 0 1.5rem 1.5rem}.world-copy p{color:#afb7b9;margin:0;font-size:1rem;line-height:1.75}.world-copy .world-note{color:#748086;font-family:var(--mono);margin-top:1.4rem;font-size:.78rem;line-height:1.65}.breach-line{color:#68747a;font-family:var(--mono);letter-spacing:.15em;grid-column:1/-1;align-items:center;gap:1rem;font-size:.68rem;display:flex}.breach-line span{background:linear-gradient(90deg,#0000,#e7e2d82e,#0000);flex:1;height:1px}.signal-section{background:linear-gradient(100deg,#030507fa,#0a0e12f0);border-top:1px solid #e7e2d81a;padding:clamp(6rem,11vw,11rem) clamp(1rem,7vw,8rem);position:relative}.signal-section:before{content:"";pointer-events:none;opacity:.11;background-image:linear-gradient(#45d9e633 1px,#0000 1px),linear-gradient(90deg,#45d9e633 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 80%,#0000);mask-image:linear-gradient(#0000,#000 22% 80%,#0000)}.section-heading{z-index:1;grid-template-columns:1.2fr .8fr;align-items:end;gap:4rem;max-width:1300px;margin-bottom:3.5rem;display:grid;position:relative}.section-heading h2,.studio-copy h2{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;margin:1rem 0 0;font-size:clamp(4rem,7vw,7.8rem);font-weight:700;line-height:.78}.section-heading h2 em,.studio-copy h2 em{color:var(--cyan);font-style:normal}.section-heading>p{color:#9ba5a8;max-width:480px;margin:0;font-size:1rem;line-height:1.7}.signal-list{z-index:1;gap:.85rem;max-width:1320px;display:grid;position:relative}.signal-card{background:linear-gradient(90deg,#0f1418e0,#05080ab3);border:1px solid #e7e2d824;transition:border-color .2s,background .2s}.signal-card:hover,.signal-card.is-open{background:linear-gradient(90deg,#0a1a1ee6,#05080ac2);border-color:#45d9e685}.signal-card>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:75px 1fr auto;align-items:center;gap:1.4rem;width:100%;padding:1.5rem;display:grid}.signal-number{color:var(--rust);font-family:var(--display);font-size:2.4rem;font-weight:700}.signal-copy{gap:.35rem;display:grid}.signal-copy small{color:var(--cyan);font-family:var(--mono);letter-spacing:.09em;font-size:.72rem}.signal-copy strong{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;font-size:clamp(2rem,3.8vw,4rem);font-weight:700;line-height:.9}.signal-copy>span{color:#9ea8aa;max-width:760px;font-size:1rem;line-height:1.55}.signal-action{color:#778287;font-family:var(--mono);font-size:.72rem}.signal-detail{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .25s,opacity .25s;display:grid;overflow:hidden}.signal-detail>div{min-height:0}.signal-card.is-open .signal-detail{opacity:1;grid-template-rows:1fr}.signal-detail>div{border-left:2px solid var(--magenta);background:#dd2f750f;justify-content:space-between;gap:1rem;margin:0 1.5rem 1.5rem 90px;padding:1rem 1.2rem;display:flex}.signal-detail p{margin:0;font-size:1rem}.signal-detail span,.signal-detail a{color:var(--yellow);font-family:var(--mono);text-transform:uppercase;font-size:.75rem}.studio-section{background:radial-gradient(circle at 12%,#45d9e614,#0000 25rem),#05080a;border-top:1px solid #e7e2d81a;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(3rem,7vw,8rem);min-height:100svh;padding:clamp(6rem,10vw,10rem) clamp(1rem,7vw,8rem);display:grid}.studio-feed{background:#111619;border:1px solid #414a4e;padding:10px;position:relative;transform:rotate(-1.4deg);box-shadow:0 25px 65px #000000a6,18px 18px #b04c3214}.feed-label{color:#899398;font-family:var(--mono);justify-content:space-between;gap:1rem;padding:.35rem .45rem .7rem;font-size:.68rem;display:flex}.feed-label b{color:var(--magenta);font-weight:500}.studio-feed video{background:#020405;border:1px solid #45d9e652;width:100%;display:block}.feed-scan{pointer-events:none;background:linear-gradient(#0000 46%,#45d9e638 49%,#0000 54%) 0 0/100% 220%;animation:5s linear infinite feed-scan;position:absolute;inset:2rem 10px 10px}.studio-copy>p:not(.eyebrow){color:#9ca7aa;max-width:680px;font-size:1rem;line-height:1.75}.studio-copy blockquote{border-left:2px solid var(--rust);color:#cfd4d2;max-width:780px;font-family:var(--display);margin:2rem 0 0;padding:1rem 0 1rem 1.4rem;font-size:clamp(1.8rem,3.2vw,3.2rem);font-weight:600;line-height:1.05}footer{color:#687378;font-family:var(--mono);background:#020405;border-top:1px solid #e7e2d824;justify-content:space-between;gap:1rem;padding:1.35rem clamp(1rem,3vw,3.5rem);font-size:.68rem;display:flex}footer strong{color:var(--cyan);font-weight:500}@keyframes ash-fall{0%{background-position:20px -90px,70px -155px}to{background-position:-40px 450px,110px 620px}}@keyframes feed-scan{0%{background-position:0 -120%}to{background-position:0 120%}}@media (width<=1080px){.city-frequency{display:none}.site-header{grid-template-columns:1fr auto}.story-breach,.section-heading,.studio-section{grid-template-columns:1fr}.world-copy{max-width:720px}.studio-feed{width:min(680px,100%)}}@media (width<=760px){html{scroll-padding-top:68px}.site-header{height:68px;padding:0 1rem}.brand-lockup{font-size:.9rem}.site-header nav a:not(.hub-link){display:none}.site-header .hub-link{padding:.48rem .58rem;font-size:.72rem}.city-hero{background-position:61%;min-height:100svh;padding:7.5rem 1rem 5.5rem}.city-hero:before{background:linear-gradient(#0204062e 0%,#020406c7 47%,#020406fa 100%)}.hero-copy-block{background:linear-gradient(90deg,#030507d1,#0000);align-self:end;width:100%;padding:1.2rem 0 1.2rem 1rem}.hero-copy-block h1{font-size:clamp(4rem,19vw,6rem)}.hero-actions{flex-direction:column;align-items:flex-start}.primary-action{width:100%}.city-status{justify-content:flex-start;padding:0 1rem;bottom:1.2rem}.city-status span:not(:first-child),.city-status i{display:none}.story-breach{background-attachment:scroll;gap:2rem;min-height:auto;padding:7rem 1rem}.story-breach blockquote{font-size:clamp(3.5rem,16vw,5.5rem)}.world-copy{padding-left:1rem}.signal-section,.studio-section{padding:6rem 1rem}.section-heading{gap:1.5rem}.section-heading h2,.studio-copy h2{font-size:clamp(3.7rem,16vw,5.6rem)}.signal-card>button{grid-template-columns:44px 1fr;gap:.8rem;padding:1.2rem .9rem}.signal-number{font-size:1.8rem}.signal-action{display:none}.signal-copy>span{font-size:.92rem}.signal-detail>div{flex-direction:column;margin:0 .9rem .9rem 53px}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}