
:root{--ink:#203438;--teal:#172f32;--teal2:#24464a;--gold:#d8b783;--paper:#f8f5ee;--cream:#efebe2;--muted:#697876;--line:#dedbd2;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #ba8449;outline-offset:5px}
.shell{width:min(1170px,calc(100% - 64px));margin:auto}
.skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:50}.skip:focus{top:10px}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.header{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-size:17px;letter-spacing:.16em;display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font-weight:400}
.brand strong{font-weight:850}.brand-mark{display:grid;place-items:center;border:1px solid #bca781;border-radius:50%;height:43px;width:43px;color:#ac8960;font-size:26px}
.nav{display:flex;align-items:center;gap:34px;text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:700}
.nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{background:radial-gradient(circle at 78% 47%,#355356 0%,transparent 43%),linear-gradient(145deg,#1a3439,#102529);color:#f7eee0;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;min-height:560px;align-items:center;padding:80px 0 65px}
.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:780;color:#c69d70;display:flex;align-items:center;gap:12px;margin:0 0 23px}
.eyebrow:before{content:'';width:31px;height:1px;background:currentColor}
.hero h1{font:normal clamp(45px,5.3vw,78px)/1.08 var(--serif);letter-spacing:-.045em;max-width:690px;margin:0 0 28px}
.hero h1 em{color:var(--gold)}
.hero p.lead{font-size:16px;line-height:1.9;color:#bfcfcb;max-width:460px;margin:0 0 31px}
.btn{display:inline-flex;align-items:center;gap:28px;padding:16px 21px;background:#f6eddd;color:#153238;font-size:13px;font-weight:760}
.btn:hover{background:#e9d7bb}
.hero-art{border:1px solid #ffffff2b;aspect-ratio:1/1;max-height:470px;position:relative;display:grid;place-items:center;background:linear-gradient(130deg,#3b595429,transparent 60%);overflow:hidden}
.hero-art:before,.hero-art:after{content:'';position:absolute;inset:17px;border:1px solid #ffffff16;pointer-events:none}
.hero-art:after{inset:40px;border:1px dashed #dcb78025;border-radius:50%}
.hero-art svg{width:95%;max-height:95%;filter:drop-shadow(0 8px 15px #031c2255)}
.hero-art small{position:absolute;bottom:24px;left:12px;right:12px;text-align:center;letter-spacing:.19em;color:#dec29b;font-size:9px;font-weight:650}
.hero-tags{border-top:1px solid #ffffff21;padding:20px 0;text-align:center;font-size:10px;color:#a4b9b3;letter-spacing:.15em;font-weight:700}
.hero-tags span{color:#d8b783;padding:0 23px}
.section{padding:100px 0}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:38px}
.section-top h2,.about-copy h2{font:normal clamp(37px,3.9vw,55px)/1.13 var(--serif);letter-spacing:-.04em;margin:0}
.section-top>p{max-width:300px;font-size:14px;line-height:1.8;color:var(--muted)}
.books{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.book{background:#fff;border:1px solid var(--line);min-width:0}
.book-display{height:393px;display:grid;place-items:center;position:relative;overflow:hidden}
.book-display:before,.book-display:after{content:'';position:absolute;width:340px;height:340px;border:1px solid #ffffff80;border-radius:50%}
.book-display:after{width:480px;height:480px}
.egypt-bg{background:#e2d1b6}.future-bg{background:#cde0dd}
.fake-cover{height:300px;width:213px;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:23px 16px 25px;text-align:center;color:#f7ecdd;box-shadow:14px 19px 32px #0003;transform:rotate(-4deg);position:relative;overflow:hidden;border:4px solid #ffffff24}
.egypt-cover{background:linear-gradient(165deg,#263a37,#b18560 65%,#3f4e43)}
.future-cover{background:linear-gradient(155deg,#153946,#426e78 60%,#143744);transform:rotate(4deg)}
.fake-cover>span{z-index:2}
.cover-kicker{font-size:8px;letter-spacing:.15em;line-height:1.5;font-weight:650}
.cover-title{font:700 24px/1.12 var(--serif);text-shadow:0 2px 8px #0006}
.cover-author{font-size:10px;letter-spacing:.15em;font-weight:760}
.pyramids{position:absolute;left:-24px;right:-24px;top:83px;height:150px;background:linear-gradient(140deg,transparent 40%,#e5c38a50 40%)}
.pyramids:after{content:'';position:absolute;bottom:-18px;left:33px;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:155px solid #ac7f56}
.orbit{position:absolute;border-radius:50%;width:170px;height:170px;border:1px solid #cbebd677;left:20px;top:59px}
.orbit:before{content:'';position:absolute;inset:23px;border:1px solid #cbebd677;border-radius:50%}
.drone{position:absolute;top:128px;left:73px;width:65px;height:65px;border-radius:50%;background:#385965;border:4px solid #9fcbc6;box-shadow:0 0 0 23px #7ca9a31f}
.drone:after{content:'';position:absolute;inset:13px;border-radius:50%;background:#a2ded4;box-shadow:0 0 20px #78cec3}
.notice{position:absolute;bottom:11px;font-size:9px;z-index:2;color:#4a5954b3;letter-spacing:.025em}
.book-body{padding:34px 34px 38px;min-height:305px}
.book-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#9b7454}
.pill{background:#f1e4d2;color:#805c38;padding:8px;font-size:9px;letter-spacing:.06em}
.pill.green{background:#e4f0eb;color:#47736d}
.book-body h3{font:normal 36px/1.15 var(--serif);margin:23px 0 5px}
.book-body h4{font-size:13px;color:#9f7253;margin:0 0 20px}
.book-body p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 24px}
.action-link{display:inline-block;border-bottom:1px solid #ad805c;color:#936041;font-weight:750;font-size:13px;padding:0 0 7px}
.action-link:hover{color:#5e3d27}
.up-next{font-size:13px;font-weight:650;color:#557b72}
.pullquote{background:#efe7db;text-align:center;padding:47px 20px;font:normal clamp(24px,3vw,35px) var(--serif)}
.pullquote em{color:#b17e56}
.about{display:grid;grid-template-columns:300px 1fr;gap:105px;align-items:center}
.seal{height:280px;width:280px;border:1px solid #cfb99b;border-radius:50%;display:grid;place-items:center;background:#f4ede1;position:relative}
.seal:after{content:'';inset:19px;position:absolute;border:1px dashed #cfb99b;border-radius:50%}
.seal span{font:normal 96px var(--serif);letter-spacing:-.1em;position:relative;z-index:1;padding-right:10px}
.about-copy p:not(.eyebrow){color:var(--muted);line-height:2;font-size:15px}
.about-copy h2{margin:0 0 25px}
.publisher{background:var(--teal);color:#f7eee0;padding:72px 0}
.publisher-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}
.publisher h2{font:normal clamp(34px,4vw,55px)/1.15 var(--serif);margin:0;letter-spacing:-.03em}
.publisher h2 em{color:#e0be94}
.publisher-inner>p{max-width:330px;color:#c2d0ca;font-size:14px;line-height:1.9}
.footer{background:#f4f0e8;padding:40px 0 22px;font-size:13px;color:#64736f}
.footer-main{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-bottom:28px}
.footer-brand{font-size:14px;color:#2b4344;letter-spacing:.16em}
.footer-bottom{border-top:1px solid #d9d8ce;padding-top:20px;display:flex;justify-content:space-between;font-size:11px}
@media(max-width:900px){.hero-inner{gap:22px}.hero-art{max-height:350px}.about{gap:45px;grid-template-columns:240px 1fr}.seal{width:230px;height:230px}.book-body{padding:27px}.book-body h3{font-size:31px}}
@media(max-width:700px){.shell{width:min(100% - 36px,1170px)}.header{flex-direction:column;align-items:flex-start;padding:15px 0;gap:14px}.nav{gap:23px;flex-wrap:wrap;font-size:10px}.hero-inner{grid-template-columns:1fr;padding:60px 0 38px}.hero h1{font-size:clamp(46px,10vw,63px)}.hero-art{width:min(100%,400px);justify-self:center}.hero-tags{line-height:2.5;font-size:9px}.hero-tags span{padding:0 9px}.section{padding:65px 0}.section-top{display:block}.section-top>p{max-width:480px}.books{grid-template-columns:1fr}.book-display{height:350px}.book-body{min-height:0}.about{grid-template-columns:1fr;gap:30px}.seal{grid-row:2;justify-self:center}.publisher-inner{display:block}.publisher-inner>p{margin-top:25px}.footer-main,.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V2: shared series pages and approved artwork support */
.nav a[aria-current="page"]{color:#a77950;text-decoration:underline;text-underline-offset:7px}
.book-display .real-book-image{display:none;position:relative;z-index:3;height:340px;width:auto;max-width:80%;object-fit:contain;box-shadow:14px 19px 30px #0003}
.book-display.image-ready .fake-cover{display:none}
.book-display.image-ready:not(.preview-display) .notice{display:none}
.book-display.preview-display .real-book-image{height:365px;max-width:90%;box-shadow:10px 12px 23px #0002}
.book-display.preview-display .notice{z-index:4;background:#ffffffdf;padding:5px 8px;bottom:8px;border-radius:2px}
.book-body .card-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.action-link.secondary{color:#395f61;border-color:#7fa6a1}
.series-hero{background:linear-gradient(135deg,#1a363b,#10282c);color:#f7eee0;padding:77px 0}
.series-hero .series-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:center}
.series-hero h1{font:normal clamp(42px,5vw,72px)/1.07 var(--serif);letter-spacing:-.045em;margin:0 0 17px}
.series-hero h2{font:normal clamp(21px,2.6vw,34px)/1.2 var(--serif);color:#d8b783;margin:0 0 24px}
.series-hero p:not(.eyebrow){color:#cbd7d1;max-width:585px;line-height:1.95;font-size:15px;margin-bottom:30px}
.series-hero figure{margin:0;justify-self:center;text-align:center;max-width:330px}
.series-hero .series-art{background:#385359;padding:22px 27px;min-height:330px;display:grid;place-items:center;border:1px solid #a4b7a73e}
.series-hero .series-art.warm{background:#65543e}
.series-hero .series-art img{display:none;width:auto;max-width:100%;height:auto;max-height:425px;box-shadow:10px 14px 20px #0004}
.series-hero .series-art .fake-cover{height:280px;width:198px}
.series-hero .series-art.image-ready .fake-cover{display:none}
.series-hero .series-art.image-ready img{display:block}
.series-hero figcaption{color:#b6c2bb;font-size:11px;margin-top:12px;line-height:1.5}
.crumbs{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#d2b88e;margin-bottom:24px}
.crumbs a:hover{text-decoration:underline}
.crumbs span{padding:0 7px;opacity:.6}
.series-main{display:grid;grid-template-columns:1.5fr .7fr;gap:75px}
.series-main h2{font:normal clamp(34px,3.4vw,46px)/1.16 var(--serif);margin:10px 0 20px}
.series-main p{font-size:15px;line-height:2;color:#61706f}
.series-main aside{border-top:2px solid #d2b789;padding:20px 0;align-self:start}
.series-main aside h3{font:normal 25px var(--serif);margin:0 0 20px}
.series-main aside dl{margin:0}
.series-main aside dt{font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:16px;color:#8b6d4b}
.series-main aside dd{margin:5px 0 0;font-size:14px;color:#5c6d6b;line-height:1.6}
.series-quote{background:#ede5d8;text-align:center;padding:43px 18px;font:italic normal clamp(22px,2.6vw,32px)/1.35 var(--serif)}
.next-up{padding:66px 0;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.next-up h2{font:normal 37px var(--serif);margin:0}
.next-up p{line-height:1.7;color:#667875}
.tiny-note{color:#94a39c;font-size:11px;margin-top:12px}
@media(max-width:900px){.series-hero .series-hero-inner{grid-template-columns:minmax(0,1fr) 270px;gap:24px}.series-main{gap:35px}}
@media(max-width:700px){.book-display .real-book-image{height:307px}.book-display.preview-display .real-book-image{height:325px}.series-hero{padding:43px 0}.series-hero .series-hero-inner{grid-template-columns:1fr;gap:27px}.series-hero figure{width:min(100%,330px)}.series-hero .series-art{min-height:0}.series-main{grid-template-columns:1fr}.next-up{grid-template-columns:1fr}}
