:root { --ink:#edf4f6; --muted:#9dacb2; --deep:#071013; --panel:#0b181c; --line:rgba(184,217,223,.16); --cyan:#62d6df; --gold:#d5af6d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--deep); }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 10% 18%,rgba(23,81,89,.18),transparent 28rem),var(--deep); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; }
a { color:inherit; }
::selection { color:#041012; background:var(--cyan); }
.site-header { position:absolute; inset:0 0 auto; z-index:10; max-width:1240px; margin:auto; padding:28px 36px; display:flex; align-items:center; justify-content:space-between; }
.wordmark { font-family:Georgia,"Times New Roman",serif; font-size:.92rem; letter-spacing:.2em; text-decoration:none; }
.wordmark span { color:var(--cyan); }
nav { display:flex; gap:34px; }
nav a { color:#cad7da; font-size:.72rem; letter-spacing:.16em; text-decoration:none; text-transform:uppercase; }
nav a:hover { color:var(--cyan); }
.hero { min-height:780px; position:relative; overflow:hidden; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:80px; padding:145px max(7vw,36px) 90px; border-bottom:1px solid var(--line); }
.phase { position:absolute; pointer-events:none; border:1px solid rgba(98,214,223,.09); transform:rotate(-12deg); }
.phase-a { width:720px; height:720px; right:-200px; top:-145px; border-radius:48% 52% 46% 54%; }
.phase-b { width:550px; height:550px; right:-35px; top:38px; border-radius:52% 48% 58% 42%; box-shadow:0 0 110px rgba(98,214,223,.055); }
.hero::after { content:""; position:absolute; left:48%; top:-10%; width:1px; height:120%; background:linear-gradient(transparent,rgba(98,214,223,.7),transparent); box-shadow:0 0 25px rgba(98,214,223,.65); transform:rotate(12deg); }
.hero-copy { z-index:2; max-width:680px; }
.eyebrow { margin:0 0 18px; color:var(--cyan); font-size:.69rem; font-weight:700; letter-spacing:.23em; text-transform:uppercase; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; line-height:.98; }
h1 { margin:0; max-width:780px; font-size:clamp(3.6rem,7.3vw,7.5rem); letter-spacing:-.055em; }
.hero-line { margin:12px 0 0; color:#aac8cc; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.6rem,3vw,3rem); font-style:italic; }
.hero-deck { max-width:600px; margin:34px 0; color:#c4d0d3; font-size:1.12rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; }
.button { min-height:52px; padding:14px 22px; display:inline-flex; align-items:center; justify-content:center; gap:18px; border:1px solid rgba(237,244,246,.26); font-size:.78rem; font-weight:700; letter-spacing:.11em; text-decoration:none; text-transform:uppercase; }
.button.primary { color:#041012; border-color:var(--cyan); background:var(--cyan); }
.button.primary:hover { background:#8be7ed; }
.button.secondary:hover { color:var(--cyan); border-color:var(--cyan); }
.availability { margin:18px 0 0; color:var(--muted); font-size:.77rem; }
.cover-stage { z-index:2; position:relative; display:grid; justify-items:center; }
.cover-aura { position:absolute; width:80%; height:90%; background:rgba(58,173,185,.2); filter:blur(70px); }
.book-cover { position:relative; width:min(350px,74vw); max-height:540px; object-fit:contain; border-radius:2px; box-shadow:18px 26px 70px rgba(0,0,0,.6),-1px 0 0 rgba(255,255,255,.25); transform:perspective(1100px) rotateY(-5deg); }
.cover-caption { margin-top:22px; color:var(--muted); font-family:Georgia,serif; font-size:.86rem; font-style:italic; }
.signal-band { min-height:84px; display:flex; align-items:center; justify-content:center; gap:clamp(20px,4vw,60px); color:#86989d; background:#091417; border-bottom:1px solid var(--line); font-size:.64rem; letter-spacing:.2em; text-transform:uppercase; }
.signal-band i { width:4px; height:4px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.section { max-width:1180px; margin:0 auto; padding:120px 36px; }
.section-number { color:rgba(98,214,223,.34); font:400 4.5rem/1 Georgia,serif; }
h2 { margin:0 0 30px; font-size:clamp(2.7rem,5vw,5.3rem); letter-spacing:-.045em; }
.book-section { display:grid; grid-template-columns:100px 1fr 340px; gap:54px; align-items:start; }
.book-copy { max-width:610px; }
.book-copy>p:not(.eyebrow),.about-copy>p:not(.eyebrow) { color:#b6c2c6; font-size:1.04rem; }
.text-link { display:inline-block; margin-top:16px; color:var(--cyan); font-size:.76rem; font-weight:700; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; }
.text-link:hover span { margin-left:6px; }
.edition-card { padding:14px 26px 25px; border-top:1px solid var(--cyan); background:rgba(255,255,255,.025); }
.edition-card div { padding:18px 0; display:flex; justify-content:space-between; border-bottom:1px solid var(--line); }
.edition-card span { color:#aebcc0; }
.edition-card strong { color:var(--gold); font-weight:600; }
.edition-card p { margin:18px 0 0; color:#7f9297; font-size:.74rem; }
.premise { border-top:1px solid var(--line); }
.premise-heading { margin:-52px 0 65px 150px; }
.premise-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.premise-grid article { min-height:270px; padding:36px; border-right:1px solid var(--line); }
.premise-grid article:last-child { border-right:0; }
.premise-grid article>span { color:var(--cyan); font:italic .8rem Georgia,serif; }
.premise-grid h3 { margin:70px 0 13px; font:400 1.45rem Georgia,serif; }
.premise-grid p { color:var(--muted); font-size:.88rem; }
.about { display:grid; grid-template-columns:1fr 1.2fr; align-items:center; gap:100px; }
.author-portrait-wrap { position:relative; width:min(100%,430px); justify-self:center; }
.author-portrait-wrap::before { content:""; position:absolute; inset:24px -24px -24px 24px; border:1px solid rgba(98,214,223,.24); }
.author-portrait { position:relative; z-index:1; display:block; width:100%; aspect-ratio:2/3; object-fit:cover; object-position:center 28%; filter:saturate(.88) contrast(1.04); box-shadow:0 24px 65px rgba(0,0,0,.38); }
.portrait-line { position:absolute; z-index:2; right:-24px; bottom:-24px; width:36%; height:1px; background:var(--cyan); box-shadow:0 0 18px rgba(98,214,223,.7); }
.contact { max-width:none; padding-left:max(7vw,36px); padding-right:max(7vw,36px); display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:end; background:#0a171a; border-top:1px solid var(--line); }
.contact h2 { margin:0; }
.contact-details { padding-bottom:8px; }
.contact-details p { color:var(--muted); }
.contact-details a { color:var(--cyan); font:400 clamp(1.3rem,2.4vw,2rem) Georgia,serif; text-underline-offset:6px; }
.contact-details small { margin-top:24px; display:block; color:#6f8388; }
footer { padding:30px max(7vw,36px); display:flex; justify-content:space-between; color:#71858a; border-top:1px solid var(--line); font-size:.67rem; }
@media (max-width:900px) { .hero{grid-template-columns:1fr;gap:70px}.hero::after{left:70%}.book-section{grid-template-columns:60px 1fr}.edition-card{grid-column:2}.premise-heading{margin-left:90px}.premise-grid{grid-template-columns:1fr}.premise-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.premise-grid article:last-child{border-bottom:0}.premise-grid h3{margin-top:30px}.about,.contact{grid-template-columns:1fr;gap:50px}.author-portrait-wrap{justify-self:start;max-width:420px} }
@media (max-width:600px) { .site-header{padding:24px 20px}nav{gap:16px}nav a{font-size:.57rem}.hero{padding:132px 20px 72px;min-height:0}.hero-actions{flex-direction:column}.section{padding:86px 20px}.book-section{grid-template-columns:1fr;gap:25px}.book-section .section-number{display:none}.edition-card{grid-column:1}.premise-heading{margin:30px 0 50px}.signal-band{padding:20px;gap:13px;flex-wrap:wrap}.contact{padding:86px 20px}footer{align-items:flex-start;gap:20px;flex-direction:column} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }