*{box-sizing:border-box}
:root{
 --navy:#062d57;--navy-deep:#031b34;--navy-soft:#0c416f;
 --gold:#d99a26;--gold2:#f0bc55;--cream:#f5edda;--paper:#fbf6e8;
 --ink:#12375f;--body:#263e58;--muted:#657588;--line:rgba(15,49,83,.16);
 --shadow:0 18px 45px rgba(4,28,55,.16)
}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f1e2;color:var(--body);font-family:Georgia,"Times New Roman",serif;line-height:1.55}
img{display:block;max-width:100%}
a{color:inherit}
button,input,textarea{font:inherit}
.skip{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-150%);background:#fff;padding:.6rem 1rem;border-radius:8px}
.skip:focus{transform:none}
.shell{width:min(1220px,calc(100% - 40px));margin:auto}
.eyebrow{font:800 .68rem/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.19em;color:#b47a12;margin:0 0 .5rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.78rem 1.1rem;border-radius:999px;text-decoration:none;border:1px solid transparent;font:800 .74rem/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:linear-gradient(#efb744,#d9961e);color:#082b51;box-shadow:0 8px 22px rgba(103,69,8,.22)}
.btn-navy{background:#0a3a6e;color:white;border-color:#295783}
.btn-outline{background:rgba(255,255,255,.13);color:white;border-color:rgba(255,255,255,.55);backdrop-filter:blur(10px)}
.section-heading{max-width:760px;margin-bottom:34px}
.section-heading h1,.section-heading h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.96;letter-spacing:-.04em;color:var(--ink);margin:.15rem 0 .8rem}
.section-heading p{font-size:1.06rem;color:var(--muted)}
/* NAV */
.site-header{position:absolute;z-index:40;top:0;left:0;right:0;height:72px;display:flex;align-items:center;padding:0 clamp(22px,4vw,64px);background:linear-gradient(180deg,rgba(1,22,43,.58),rgba(1,22,43,0));color:#fff}
.brand{width:180px;min-width:150px}
.brand img{width:100%;height:auto}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:1.15rem}
.main-nav a{position:relative;text-decoration:none;font:800 .68rem/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.045em;padding:.85rem 0;color:#f3f6fb}
.main-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:.35rem;height:2px;background:var(--gold);transition:.2s}
.main-nav a:hover:after,.main-nav a.active:after{left:0;right:0}
.main-nav a.active{color:#ffc454}
.socials{display:flex;gap:.55rem;margin-left:1.2rem}
.socials a{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.48);border-radius:50%;font:700 .65rem/1 Arial,sans-serif;text-decoration:none}
.menu-btn{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#092f57;color:#fff;padding:.6rem .85rem;font:700 .72rem/1 Arial,sans-serif}
/* HOME HERO */
.home-hero{position:relative;height:clamp(610px,49vw,820px);min-height:610px;overflow:hidden;background:#062d57}
.home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 17%}
.home-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,20,40,.07),rgba(2,20,40,0) 58%,rgba(2,20,40,.20))}
.hero-action{position:absolute;z-index:5;left:50%;top:55%;transform:translate(-50%,-50%);text-align:center}
.hero-action .btn{padding:.9rem 1.35rem;font-size:.76rem}
.hero-caption{position:absolute;z-index:5;left:50%;bottom:34px;transform:translateX(-50%);color:white;font-style:italic;font-size:1rem;padding:.65rem .95rem;border:1px solid rgba(255,255,255,.42);background:rgba(4,31,59,.56);border-radius:16px;backdrop-filter:blur(8px)}
/* TORN PARCHMENT */
.parchment{position:relative;z-index:10;margin-top:-16px;background:
 radial-gradient(circle at 10% 20%,rgba(129,94,31,.045) 0 1px,transparent 1.5px) 0 0/13px 13px,
 linear-gradient(90deg,#f1e7ce,#fff9e9 48%,#efe3c6);color:#173b63}
.parchment:before,.parchment:after{content:"";position:absolute;left:0;right:0;height:24px;background:inherit;z-index:-1}
.parchment:before{top:-15px;clip-path:polygon(0 70%,4% 38%,8% 60%,13% 28%,18% 60%,22% 34%,27% 66%,33% 30%,39% 58%,44% 35%,50% 61%,56% 29%,62% 57%,68% 33%,73% 60%,79% 27%,85% 58%,91% 31%,96% 56%,100% 35%,100% 100%,0 100%)}
.parchment:after{bottom:-14px;clip-path:polygon(0 0,100% 0,100% 38%,96% 61%,91% 35%,86% 65%,81% 34%,76% 61%,70% 30%,64% 64%,58% 33%,52% 62%,46% 29%,40% 65%,34% 34%,28% 62%,21% 30%,15% 63%,8% 35%,3% 60%,0 38%)}
.home-intro{min-height:205px;display:grid;grid-template-columns:1.6fr repeat(3,.83fr) 1.35fr;width:min(1220px,calc(100% - 50px));margin:auto}
.home-intro>article{padding:32px 24px;border-right:1px solid rgba(107,88,48,.22);display:flex;flex-direction:column;justify-content:center}
.home-intro>article:last-child{border-right:0}
.home-intro h2{font-size:1.72rem;line-height:1.05;margin:.15rem 0 .55rem;color:#163d68}
.home-intro h3{font-size:1.12rem;margin:.25rem 0;color:#24486e}
.home-intro p{margin:.2rem 0 .8rem;font-size:.9rem;line-height:1.35}
.intro-icon{font-size:2rem;color:var(--gold);line-height:1}
.feature-card{position:relative;background:#07345f!important;color:#fff!important;box-shadow:inset 0 0 50px rgba(0,0,0,.12)}
.feature-card:before,.feature-card:after{content:"";position:absolute;top:0;bottom:0;width:18px;background:#07345f}
.feature-card:before{left:-9px;clip-path:polygon(55% 0,100% 5%,55% 10%,95% 17%,45% 24%,100% 32%,52% 40%,96% 47%,48% 54%,100% 63%,45% 70%,96% 78%,50% 86%,100% 94%,55% 100%,0 100%,0 0)}
.feature-card:after{right:-9px;clip-path:polygon(45% 0,0 5%,45% 10%,5% 17%,55% 24%,0 32%,48% 40%,4% 47%,52% 54%,0 63%,55% 70%,4% 78%,50% 86%,0 94%,45% 100%,100% 100%,100% 0)}
.feature-card .eyebrow{color:#e7ae43}
.feature-card h2{color:white;letter-spacing:.12em;text-align:center}
.feature-card p{text-align:center;color:#e8eef5}
.feature-card .btn{align-self:center}
/* WORLD STRIP */
.world-showcase{background:
 radial-gradient(circle at 50% 0,rgba(38,84,128,.55),transparent 48%),
 linear-gradient(#07325f,#041f3d);color:white;padding:30px 34px 44px}
.world-showcase .ornament{text-align:center;font-size:1.45rem;color:#f0e6d1;margin-bottom:18px}
.world-showcase .ornament span{color:var(--gold)}
.cover-row{width:min(1300px,100%);margin:auto;display:grid;grid-template-columns:repeat(9,1fr);gap:20px}
.cover-link{text-align:center;text-decoration:none;color:white;min-width:0}
.cover-link img{width:100%;height:auto;border-radius:4px;border:1px solid rgba(255,255,255,.55);box-shadow:0 11px 24px rgba(0,0,0,.38);transition:.22s}
.cover-link:hover img{transform:translateY(-7px);box-shadow:0 16px 30px rgba(0,0,0,.48)}
.cover-link span{display:block;margin-top:8px;font-size:.8rem}
/* SUBPAGE HERO */
.sub-hero{position:relative;min-height:360px;padding:138px 0 70px;color:white;background:
 linear-gradient(100deg,rgba(2,21,40,.92),rgba(4,44,80,.66)),
 url("seer-worlds-hero.webp") center 42%/cover no-repeat;overflow:hidden}
.sub-hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,rgba(3,27,52,.56))}
.sub-hero .shell{position:relative;z-index:3}
.sub-hero h1{font-size:clamp(3.3rem,7vw,6.4rem);line-height:.9;margin:.15rem 0 .8rem;letter-spacing:-.045em}
.sub-hero p{max-width:720px;color:#d8e5f0;font-size:1.07rem}
.sub-hero .eyebrow{color:#f3be58}
/* PAGES */
.paper-section{background:
 radial-gradient(circle at 10% 20%,rgba(129,94,31,.038) 0 1px,transparent 1.5px) 0 0/14px 14px,
 linear-gradient(90deg,#f7efdc,#fffaf0 50%,#f3ead4);padding:78px 0}
.navy-section{background:linear-gradient(145deg,#072f59,#031d39);color:white;padding:78px 0}
.navy-section .section-heading h2,.navy-section h2,.navy-section h3{color:white}
.navy-section .section-heading p{color:#cad7e4}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{border:1px solid rgba(16,54,91,.13);background:rgba(255,255,255,.83);border-radius:18px;box-shadow:0 12px 35px rgba(11,42,74,.08);overflow:hidden}
.card-body{padding:24px}
.card h3{font-size:1.55rem;margin:.15rem 0;color:#173d66}
.card p{color:#586b7c}
.rule{font-weight:700;color:#a56d0a!important}
.world-card{display:grid;grid-template-columns:126px 1fr;gap:20px;align-items:center;padding:17px}
.world-card img{border-radius:7px;box-shadow:0 10px 24px rgba(3,26,49,.2)}
.books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.book-tile{text-decoration:none}
.book-tile .cover-wrap{padding:18px 18px 0;background:linear-gradient(180deg,#e9dfca,#f9f1df)}
.book-tile img{width:100%;max-width:230px;margin:auto;border-radius:6px;box-shadow:0 16px 30px rgba(0,0,0,.2)}
.book-tile .card-body{padding:22px 24px 27px}
.book-tile h3{font-size:1.55rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature-box{padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.feature-box .big-icon{color:#efb84c;font-size:2rem}
.dot-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}
.dot-stage{position:relative;min-height:470px;border-radius:28px;background:radial-gradient(circle at center,#eef7ff,#b7d1e7 60%,#8cb3d1);overflow:hidden;box-shadow:inset 0 0 80px rgba(255,255,255,.85),var(--shadow);display:grid;place-items:center}
.dot-sphere{position:relative;z-index:3;width:180px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 22%,#fff 0 20%,#f3e4c4 47%,#d0a85d 78%,#a27632);box-shadow:inset -20px -22px 30px rgba(103,70,24,.13),0 22px 36px rgba(16,43,68,.27)}
.dot-ring{position:absolute;width:310px;height:105px;border:2px solid #d69b2e;border-radius:50%;transform:rotate(-14deg)}
.dot-shadow{position:absolute;bottom:90px;width:140px;height:28px;background:rgba(26,49,70,.18);filter:blur(10px);border-radius:50%}
.quote-box{padding:21px 24px;border-left:5px solid #d99a27;background:#e8f2fb;border-radius:0 15px 15px 0;color:#193e64}
.arc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.arc-card{position:relative;padding:32px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.055);min-height:300px}
.arc-num{width:58px;height:58px;display:grid;place-items:center;border:2px solid #e2a33a;border-radius:50%;font:800 1.3rem/1 Arial,sans-serif;color:#f0bd5c;margin-bottom:17px}
.arc-card h3{font-size:1.55rem;margin:.2rem 0}
.author-layout{display:grid;grid-template-columns:330px 1fr;gap:50px;align-items:center}
.author-art{position:relative;height:390px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#073d70,#86b7d7);box-shadow:var(--shadow);display:grid;place-items:center}
.author-art:before{content:"";position:absolute;width:280px;height:105px;border:3px solid #e3a638;border-radius:50%;transform:rotate(-17deg)}
.author-art:after{content:"";width:125px;height:125px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#f2e0b7 55%,#be8e3b);box-shadow:0 18px 30px rgba(0,0,0,.25)}
.series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.series-card{min-height:340px;padding:32px;border-radius:20px;color:white;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow)}
.series-card h3{font-size:2.1rem;margin:.2rem 0}
.series-worlds{background:linear-gradient(180deg,rgba(3,36,69,.05),rgba(3,36,69,.85)),url("seer-worlds-hero.webp") center/cover}
.series-frights{background:linear-gradient(145deg,#344727,#121a13)}
.series-warns{background:linear-gradient(145deg,#766b5f,#241e1a)}
.news-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}
.news-main,.news-side>article{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 10px 28px rgba(7,37,67,.07)}
.news-side{display:grid;gap:18px}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px}
.form{display:grid;gap:13px}
.form label{font-weight:700;color:#163a62}
.form input,.form textarea{width:100%;padding:.82rem;border:1px solid #b7c5d2;border-radius:10px;background:white;color:#183654}
.form textarea{min-height:180px;resize:vertical}
.note{padding:17px;border:1px solid #e4bd70;background:#fff2d4;border-radius:12px;color:#6b531e}
/* BOOK DETAIL */
.book-detail{display:grid;grid-template-columns:330px 1fr;gap:52px;align-items:start}
.book-detail .cover-large{position:sticky;top:24px;width:100%;border-radius:8px;box-shadow:0 22px 45px rgba(4,29,55,.25)}
.book-detail h2{font-size:clamp(3rem,6vw,5rem);line-height:.9;color:#173b64;margin:.2rem 0}
.book-detail .big-rule{font-size:1.32rem;color:#a86e0b;font-weight:700}
.book-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
/* FOOTER */
.footer{background:#02182f;color:#b9cad9;padding:34px clamp(22px,4vw,60px)}
.footer-inner{width:min(1220px,100%);margin:auto;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center}
.footer strong{color:white}
.footer a{text-decoration:none;color:white}
.footer-links{display:flex;gap:14px;font-size:.83rem}
/* RESPONSIVE */
@media(max-width:1080px){
 .main-nav{gap:.72rem}.main-nav a{font-size:.61rem}.socials{display:none}
 .home-intro{grid-template-columns:1.35fr repeat(3,.8fr)}.feature-card{grid-column:1/-1;min-height:170px}
 .cover-row{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:820px){
 .site-header{height:64px}.brand{width:145px}.menu-btn{display:block}.main-nav{display:none;position:absolute;top:62px;right:18px;flex-direction:column;align-items:stretch;background:rgba(3,29,54,.97);padding:14px 18px;border-radius:13px;box-shadow:0 18px 35px rgba(0,0,0,.25)}.main-nav.open{display:flex}
 .home-hero{height:650px;min-height:650px}.home-hero>img{object-position:46% 12%}.hero-action{top:58%}.hero-caption{bottom:22px}
 .home-intro{grid-template-columns:1fr 1fr}.home-intro>article{border-bottom:1px solid rgba(107,88,48,.2)}.home-intro>article:first-child,.feature-card{grid-column:1/-1}
 .card-grid,.books-grid,.feature-grid,.arc-grid,.series-grid{grid-template-columns:1fr 1fr}
 .dot-layout,.author-layout,.news-grid,.contact-layout,.book-detail{grid-template-columns:1fr}
 .book-detail .cover-large{position:relative;top:auto;width:min(320px,80%);margin:auto}
 .author-art{height:320px}
 .footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}
}
@media(max-width:540px){
 .site-header{padding:0 16px}.brand{width:130px}
 .home-hero{height:580px;min-height:580px}.home-hero>img{object-position:43% top}.hero-action{top:61%}.hero-caption{display:none}
 .home-intro{grid-template-columns:1fr;width:calc(100% - 24px)}.home-intro>article{border-right:0;padding:26px 22px}.feature-card{grid-column:auto}
 .cover-row{grid-template-columns:repeat(2,1fr);gap:16px}.world-showcase{padding-left:20px;padding-right:20px}
 .card-grid,.books-grid,.feature-grid,.arc-grid,.series-grid{grid-template-columns:1fr}
 .world-card{grid-template-columns:100px 1fr}
 .sub-hero{min-height:315px;padding-top:118px}
 .paper-section,.navy-section{padding:58px 0}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ===== APPROVED PAINTED BOOK COVERS ===== */
.cover-link img,
.book-tile img,
.world-card img,
.cover-large{
  image-rendering:auto;
  border:1px solid rgba(228,206,162,.60);
}
.cover-link img{
  aspect-ratio:auto;
  object-fit:contain;
  background:#071c35;
}
.book-tile .cover-wrap{
  display:flex;
  align-items:flex-start;
  justify-content:center;
}