:root{--ink:#111516;--muted:#6e7375;--red:#c92424;--line:#dfe2e2;--paper:#f8f8f6;--condensed:'Barlow Condensed',sans-serif;--body:'Inter',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:100;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.site-header{height:90px;display:grid;grid-template-columns:230px 1fr auto auto;align-items:center;gap:28px;padding:0 clamp(24px,4vw,70px);border-bottom:1px solid rgba(20,24,25,.08);position:relative;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}.brand{display:inline-flex;flex-direction:column;width:max-content}.brand-word{font:500 29px/1 var(--body);letter-spacing:.24em}.brand-xi{color:var(--red)}.brand-sub{font:500 9px/1 var(--body);letter-spacing:.58em;margin-top:9px;text-align:center}.desktop-nav{display:flex;justify-content:center;gap:clamp(20px,2.8vw,52px);font-size:10px;text-transform:uppercase;letter-spacing:.18em}.desktop-nav a{position:relative;padding:35px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--red);transition:.35s}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.header-cta{border:1px solid #1b1f20;padding:15px 22px;text-transform:uppercase;letter-spacing:.13em;font-size:10px}.header-cta span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-left:7px;animation:pulse 1.6s infinite}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px}.menu-toggle i{display:block;width:20px;height:1px;background:#111;margin:6px auto}.mobile-menu{display:none}.hero{min-height:720px;position:relative;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(380px,.8fr) minmax(220px,.45fr);align-items:center;gap:2vw;padding:55px clamp(24px,7vw,132px) 70px;overflow:hidden;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 38%,rgba(248,248,246,.72) 100%)}.city-grid{position:absolute;inset:80px 0 0;background-image:linear-gradient(rgba(19,23,24,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(19,23,24,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent 5%,#000 55%,transparent 100%)}.skyline{position:absolute;bottom:0;height:72%;width:34%;opacity:.12;background:repeating-linear-gradient(90deg,transparent 0 18px,#394143 19px 30px,transparent 31px 42px);clip-path:polygon(0 100%,0 72%,4% 72%,4% 49%,8% 49%,8% 64%,12% 64%,12% 36%,16% 36%,16% 58%,20% 58%,20% 22%,25% 22%,25% 47%,31% 47%,31% 15%,36% 15%,36% 63%,42% 63%,42% 39%,47% 39%,47% 70%,52% 70%,52% 29%,58% 29%,58% 52%,65% 52%,65% 18%,70% 18%,70% 66%,76% 66%,76% 42%,82% 42%,82% 73%,89% 73%,89% 54%,95% 54%,95% 100%)}.skyline--left{left:27%;}.skyline--right{right:-3%;transform:scaleX(-1);height:86%;opacity:.09}.hero-copy,.hero-stage,.hero-meta{position:relative;z-index:3}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:11px;color:#383d3e;margin:0 0 28px}.eyebrow:after{content:"";display:block;width:28px;height:2px;background:var(--red);margin-top:18px}.hero h1{font:700 clamp(58px,6vw,105px)/.88 var(--condensed);text-transform:uppercase;letter-spacing:.005em;margin:0}.hero h1 span{color:var(--red)}.intro{max-width:510px;font-size:14px;line-height:1.65;color:#53595a;margin:28px 0 30px}.hero-actions{display:flex;align-items:center;gap:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 23px;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.button--dark{background:#15191a;color:#fff;min-width:205px;transition:.3s}.button--dark:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(0,0,0,.15)}.text-link,.view-book{text-transform:uppercase;letter-spacing:.12em;font-size:10px;border-bottom:2px solid var(--red);padding-bottom:9px}.scroll-cue{display:flex;flex-direction:column;gap:12px;margin-top:50px;width:max-content;text-transform:uppercase;font-size:9px;letter-spacing:.15em}.scroll-cue b{font-size:17px;animation:bob 1.8s infinite}.hero-stage{height:560px;display:flex;align-items:center;justify-content:center;perspective:1200px}.hero-book-wrap{height:500px;position:relative;z-index:2;transform-style:preserve-3d;transition:transform .2s ease-out}.hero-book-wrap img{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 28px 22px rgba(0,0,0,.22));transition:opacity .25s,transform .65s cubic-bezier(.2,.8,.2,1)}.hero-book-wrap.switching img{opacity:0;transform:translateY(20px) rotateY(-10deg)}.platform-rings{position:absolute;bottom:25px;width:440px;height:90px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.9) 0 32%,rgba(178,184,184,.35) 33% 34%,rgba(245,245,242,.9) 35% 50%,rgba(35,39,40,.25) 51% 52%,transparent 53%);transform:rotateX(65deg);animation:platform 8s linear infinite}.book-glow{position:absolute;inset:5% 15%;background:radial-gradient(circle,rgba(201,36,36,.13),transparent 68%);filter:blur(20px);z-index:-1}.hero-meta{align-self:center;padding-left:12px}.counter{display:flex;align-items:center;gap:10px;margin-bottom:38px}.counter:after{content:"";height:1px;width:65px;background:#aeb3b4;margin-left:8px}.counter strong{color:var(--red);font:600 17px var(--condensed)}.counter span,.counter em{font-style:normal;font-size:11px;color:#737879}.meta-label{font:500 11px var(--body);letter-spacing:.16em;margin:0 0 10px}.hero-meta h2{font:700 29px var(--condensed);text-transform:uppercase;letter-spacing:.04em;margin:0}.meta-subtitle{font-size:12px;color:#737879}.meta-description{font:400 12px/1.6 var(--body);max-width:190px;margin:22px 0 34px}.slider-controls{display:flex;gap:14px;margin-top:80px}.slider-controls button{width:44px;height:44px;border:1px solid #202526;border-radius:50%;background:#fff;font-size:28px;line-height:1;cursor:pointer;transition:.3s}.slider-controls button:hover{background:#15191a;color:#fff}.drone{position:absolute;width:34px;height:8px;background:#586062;opacity:.23;border-radius:50%;z-index:2}.drone:before,.drone:after{content:"";position:absolute;top:-5px;width:14px;height:1px;background:#586062;animation:rotor .12s linear infinite}.drone:before{left:-9px}.drone:after{right:-9px}.drone--one{top:19%;left:48%;animation:drift 11s ease-in-out infinite}.drone--two{top:27%;right:15%;transform:scale(.65);animation:drift 14s ease-in-out 1s infinite reverse}.series{position:relative;padding:12px clamp(24px,6vw,110px) 85px;background:#fff}.section-heading{text-align:center;margin-bottom:28px}.section-heading p{font:500 23px var(--body);letter-spacing:.42em;text-transform:uppercase;margin:0 0 10px}.section-heading p span{color:var(--red)}.section-heading small{font-size:12px;color:#777c7d}.book-track{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:22px;align-items:end}.book-card{cursor:pointer;min-width:0;transition:transform .35s}.book-card:hover,.book-card.is-active{transform:translateY(-10px)}.card-image{position:relative;height:260px;display:flex;align-items:end;justify-content:center;overflow:hidden}.card-image img{max-width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(0,0,0,.17));transition:.45s}.book-card:hover .card-image img{transform:scale(1.035)}.scan{position:absolute;left:10%;right:10%;height:1px;top:-10%;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 8px rgba(201,36,36,.6);opacity:0}.book-card:hover .scan{opacity:1;animation:scan 1.2s ease-in-out}.card-copy{display:grid;grid-template-columns:30px 1fr;margin-top:12px}.card-number{grid-row:1/3;color:var(--red);font:600 21px var(--condensed)}.card-copy h3{font:600 14px/1.15 var(--body);margin:0;min-height:34px}.card-copy h3 small{display:block;font-size:11px}.card-copy p{font-size:10px;color:#737879;margin:7px 0 0}.story-panel{padding:110px clamp(24px,9vw,165px);background:#15191a;color:white;display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;position:relative;overflow:hidden}.story-panel:before{content:"GCC // SIGNAL ACTIVE // 01-07";position:absolute;right:-70px;top:45%;transform:rotate(90deg);letter-spacing:.35em;font-size:9px;color:rgba(255,255,255,.15)}.story-statement h2{font:700 clamp(50px,6vw,90px)/.93 var(--condensed);text-transform:uppercase;margin:0}.story-statement h2 span{color:var(--red)}.story-copy{align-self:end;color:#c9cccc;line-height:1.8;font-size:14px}.timeline{padding:100px clamp(24px,6vw,110px);position:relative}.timeline-line{height:1px;background:#d1d5d5;position:absolute;left:9%;right:9%;top:190px}.timeline-line i{display:block;width:0;height:2px;background:var(--red);transition:width 1.2s ease}.timeline.is-visible .timeline-line i{width:100%}.timeline-items{display:grid;grid-template-columns:repeat(7,1fr);gap:18px;position:relative}.timeline-node{border:0;background:none;text-align:left;padding:65px 5px 0;cursor:pointer;position:relative}.timeline-node:before{content:"";position:absolute;width:11px;height:11px;background:#fff;border:2px solid #15191a;border-radius:50%;top:-6px;left:6px;transition:.3s}.timeline-node:hover:before{background:var(--red);border-color:var(--red);transform:scale(1.35)}.timeline-node span{color:var(--red);font:600 18px var(--condensed)}.timeline-node strong{display:block;text-transform:uppercase;font:600 17px var(--condensed);margin:8px 0}.timeline-node small{display:block;font-size:10px;line-height:1.5;color:#74797a}.world{padding:0 clamp(24px,6vw,110px) 110px}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dfe2e2;border-bottom:1px solid #dfe2e2}.world-card{padding:40px 28px;border-right:1px solid #dfe2e2}.world-card:last-child{border-right:0}.world-card span{color:var(--red);font:600 17px var(--condensed)}.world-card h3{text-transform:uppercase;font:600 17px var(--condensed);letter-spacing:.08em}.world-card p{font-size:11px;line-height:1.6;color:#686e6f}.signal{padding:110px 24px;background:#f3f3f0;position:relative;overflow:hidden}.signal:after{content:"YES NΞD";position:absolute;bottom:-45px;right:-5px;font:800 170px var(--condensed);color:rgba(0,0,0,.025);letter-spacing:.05em}.signal-inner{max-width:760px;margin:auto;text-align:center}.signal-inner .eyebrow:after{margin:18px auto 0}.signal h2{font:700 clamp(48px,6vw,78px) var(--condensed);text-transform:uppercase;margin:0}.signal-inner>p:not(.eyebrow){color:#606667;font-size:13px;line-height:1.7}.signal-form{display:flex;max-width:630px;margin:35px auto 12px;border-bottom:1px solid #15191a}.signal-form input{flex:1;border:0;background:transparent;padding:18px 8px;outline:0;font-size:11px;letter-spacing:.13em}.signal-form button{border:0;background:#15191a;color:white;padding:0 24px;text-transform:uppercase;font-size:9px;letter-spacing:.12em;cursor:pointer}.signal-inner small{font-size:9px;color:#8a8e8f}footer{padding:55px clamp(24px,6vw,110px);display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:30px;border-top:1px solid #e4e6e6}footer p{font-size:11px;text-transform:uppercase;letter-spacing:.12em}footer div{display:flex;gap:25px;font-size:10px;text-transform:uppercase}footer>small{font-size:9px;color:#7e8384}.signal-line{position:fixed;width:1px;background:var(--red);opacity:.22;z-index:90;pointer-events:none}.signal-line--one{height:70px;left:18px;top:68%;animation:signalBlink 4s infinite}.signal-line--two{height:38px;right:28px;top:23%;animation:signalBlink 5s 1s infinite}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(201,36,36,0)}}@keyframes bob{50%{transform:translateY(8px)}}@keyframes platform{to{filter:hue-rotate(2deg);transform:rotateX(65deg) rotateZ(360deg)}}@keyframes rotor{to{transform:rotate(360deg)}}@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(80px,25px)}}@keyframes scan{from{top:-10%}to{top:110%}}@keyframes signalBlink{0%,88%,100%{opacity:.08}90%,94%{opacity:.6}}
@media(max-width:1100px){.site-header{grid-template-columns:210px 1fr auto}.desktop-nav{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr 1fr;padding-top:30px}.hero-meta{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:20px;padding:0}.hero-meta .counter,.hero-meta .meta-label,.hero-meta .meta-subtitle,.hero-meta .meta-description{display:none}.hero-meta h2{font-size:24px}.slider-controls{margin:0}.book-track{overflow-x:auto;grid-template-columns:repeat(7,170px);padding-bottom:20px;scroll-snap-type:x mandatory}.book-card{scroll-snap-align:center}.mobile-menu{position:fixed;z-index:45;inset:90px 0 auto;background:#15191a;color:#fff;padding:35px;flex-direction:column;gap:22px;text-transform:uppercase;font-size:12px;letter-spacing:.16em}.mobile-menu.open{display:flex}.timeline-items{overflow-x:auto;grid-template-columns:repeat(7,180px)}.world-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.site-header{height:76px;padding:0 20px;grid-template-columns:1fr auto}.brand-word{font-size:24px}.header-cta{display:none}.mobile-menu{top:76px}.hero{display:block;padding:45px 22px 60px;min-height:auto}.hero h1{font-size:64px}.intro{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-stage{height:420px;margin-top:20px}.hero-book-wrap{height:380px}.platform-rings{width:330px}.hero-meta{display:flex;justify-content:space-between}.view-book{display:none}.slider-controls button{width:40px;height:40px}.section-heading p{font-size:18px;letter-spacing:.27em}.series{padding-left:20px;padding-right:20px}.story-panel{grid-template-columns:1fr;padding:80px 24px}.timeline{padding:80px 24px}.timeline-line{left:24px;right:24px}.world{padding:0 24px 80px}.world-grid{grid-template-columns:1fr}.world-card{border-right:0;border-bottom:1px solid #dfe2e2}.signal-form{display:block;border:0}.signal-form input{width:100%;border-bottom:1px solid #15191a}.signal-form button{width:100%;padding:18px;margin-top:10px}footer{grid-template-columns:1fr;text-align:center;justify-items:center}.skyline--left{left:0;width:100%}.skyline--right{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}