/* Low-cost CSS atmosphere; no canvas, particle engine or continuous animation. */
.cosmos{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 73% 38%,rgba(27,78,91,.72) 0,rgba(15,43,63,.75) 31%,transparent 66%),radial-gradient(ellipse at 90% 78%,rgba(23,58,54,.23),transparent 48%),radial-gradient(ellipse at 12% 92%,rgba(38,29,62,.45),transparent 55%),linear-gradient(125deg,#080f20 8%,#0a1c30 68%,#071a23 100%)}.cosmos::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.28;background-image:radial-gradient(circle,#9aafbe .6px,transparent 1px),radial-gradient(circle,#70859c .5px,transparent 1px);background-size:167px 139px,239px 207px;background-position:30px 90px,101px 21px;mask-image:linear-gradient(to bottom,#000,transparent)}.home-hero{min-height:760px;max-height:1100px;height:calc(100svh - var(--header-height));display:grid;grid-template-columns:1.08fr 1fr;gap:40px;align-items:center;padding:65px var(--gutter) 90px}.hero-copy{position:relative;z-index:3;max-width:750px}.hero-copy>.eyebrow{margin-bottom:35px}.status-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--accent);vertical-align:middle;margin-right:10px;box-shadow:none}.hero-copy h1{margin-bottom:30px;font-size:clamp(58px,6.2vw,99px)}.hero-copy h1 em{color:var(--heading-soft)}.hero-lead{color:var(--muted);font-size:16px;max-width:570px;line-height:1.8;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin:35px 0 52px}.hero-caption{display:flex;gap:24px;font:9px var(--mono);letter-spacing:.08em;color:#8097ac}.hero-caption>span:first-child{color:var(--accent);padding-right:25px;border-right:1px solid #375062}.hero-art{height:580px;position:relative;will-change:transform;transform:translate3d(0,var(--parallax-y,0px),0);opacity:var(--parallax-opacity,1);margin-left:35px}.cover-front{position:absolute;width:320px;height:452px;object-fit:cover;left:14%;top:35px;transform:rotate(-6deg);box-shadow:15px 25px 50px rgba(0,0,0,.5);border:1px solid #365670}.cover-back{position:absolute;width:250px;height:375px;object-fit:cover;right:4%;top:110px;transform:rotate(11deg);filter:brightness(.72);box-shadow:0 10px 45px #01070c;border:1px solid #254055}.art-coordinate{position:absolute;left:11%;bottom:35px;font:9px var(--mono);line-height:1.6;letter-spacing:.1em;color:#83a5ad;border-left:1px solid #487183;padding-left:15px}.art-number{position:absolute;right:4%;bottom:22px;font:72px var(--serif);color:rgba(146,174,191,.15)}.orbit{position:absolute;pointer-events:none;z-index:-1;border:1px solid rgba(114,146,167,.11);border-radius:50%;width:700px;height:700px;right:-120px;top:20px}.orbit-one::before,.orbit-one::after{content:'';position:absolute;border:1px solid rgba(114,146,167,.09);border-radius:50%;inset:70px}.orbit-one::after{inset:140px}.orbit-two{width:900px;height:370px;right:-200px;top:210px;transform:rotate(-38deg);border-color:rgba(114,146,167,.14)}.scroll-cue{position:absolute;left:var(--gutter);bottom:27px;display:flex;align-items:center;gap:35px;font:9px var(--mono);color:#7893a8;letter-spacing:.14em}.scroll-cue span{font-size:21px}.chapter-hero{min-height:625px;display:grid;grid-template-columns:1.4fr .7fr;align-items:center;gap:70px;padding:55px var(--gutter) 70px}.chapter-hero-copy{max-width:750px;position:relative;z-index:2}.breadcrumb{font-size:11px;color:var(--muted);display:inline-block;margin-bottom:43px}.chapter-hero h1{font-size:clamp(48px,5.4vw,83px);margin:22px 0}.chapter-hero .hero-lead{max-width:560px;font-size:15px}.chapter-cover{width:min(100%,270px);justify-self:center;will-change:transform;transform:translate3d(0,var(--parallax-y,0px),0);opacity:var(--parallax-opacity,1);position:relative;z-index:1}.chapter-cover img{box-shadow:0 20px 60px #030914;transform:rotate(4deg);border:1px solid #325169;width:100%;max-height:420px;object-fit:cover}.chapter-watermark{position:absolute;right:2%;bottom:-85px;font:300px var(--serif);line-height:1;color:rgba(111,162,186,.06);z-index:-1}

/* Muted cyan emphasis ties the typography to the covers without neon glows. */
.hero-copy h1 em {
  color: var(--heading-soft);
  background: linear-gradient(115deg, #b3d6dc 0%, #77acac 58%, #8db1c8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}