:root{
  --bg:#f7f2eb;
  --paper:#fffdfa;
  --paper-2:#fff8f0;
  --ink:#140f17;
  --ink-2:#211822;
  --muted:#695f5a;
  --line:#eadfce;
  --gold:#f4d8a2;
  --gold-deep:#bb7a37;
  --red:#8f1428;
  --red-2:#5a0a16;
  --shadow:0 18px 55px rgba(28,19,15,.08);
  --shadow-strong:0 24px 85px rgba(21,9,12,.18);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,rgba(244,216,162,.36),transparent 26%),radial-gradient(circle at top right,rgba(143,20,40,.12),transparent 22%),var(--bg);color:var(--ink);line-height:1.55;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input{font:inherit}
main{position:relative;z-index:1}
.page-glow{position:fixed;width:460px;height:460px;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.45;z-index:0}
.glow-one{left:-160px;top:140px;background:rgba(246,211,149,.55)}
.glow-two{right:-180px;top:520px;background:rgba(140,20,40,.14)}
.topbar{position:relative;z-index:3;background:linear-gradient(90deg,#3f0c18,#6f1b28,#a35d30);color:#f7ead8;padding:10px 20px;text-align:center;font-size:13px;font-weight:700;letter-spacing:.04em}
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(20px,5vw,56px);backdrop-filter:blur(16px);background:rgba(247,242,235,.76);border-bottom:1px solid rgba(234,223,206,.8)}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#190a14,#7d1f30 55%,#d19555);color:#fff;font-weight:900;box-shadow:var(--shadow)}
.brand-copy{display:flex;flex-direction:column;line-height:1.1}
.brand-copy strong{font-size:13px;letter-spacing:.18em}
.brand-copy small{font-size:10px;letter-spacing:.22em;color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.main-nav a{padding:10px 14px;border-radius:999px;font-size:14px;font-weight:700;color:#342b2d;transition:.25s ease}
.main-nav a:hover,.main-nav a:focus-visible{background:rgba(143,20,40,.08);color:var(--red)}
.nav-shop{background:linear-gradient(135deg,#8f1428,#51101a);color:#fff!important;box-shadow:0 14px 28px rgba(143,20,40,.24)}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer}
.section,.hero,.trust-bar,.newsletter,footer{padding-left:clamp(22px,7vw,92px);padding-right:clamp(22px,7vw,92px)}
.hero{padding-top:34px;padding-bottom:42px}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.2em;color:var(--red);text-transform:uppercase}
.hero h1{font:700 clamp(42px,6.2vw,80px)/.96 Georgia,serif;max-width:12ch;margin:16px 0 18px;color:#170f17}
.hero-text{max-width:630px;font-size:18px;color:#554c49}
.hero-actions,.about-actions,.direct-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:800;transition:.25s ease}
.button:hover{transform:translateY(-1px)}
.button.primary{background:linear-gradient(135deg,#8f1428,#57111b);color:#fff;box-shadow:0 16px 34px rgba(143,20,40,.23)}
.button.secondary{background:#fff;color:#241d1f;border-color:#e8ddd3}
.button.tertiary{background:#f2e7d6;color:#4c111a}
.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:16px;margin-top:30px;max-width:640px}
.hero-metrics div{background:rgba(255,253,250,.84);border:1px solid rgba(234,223,206,.9);backdrop-filter:blur(10px);padding:18px 16px;border-radius:20px;box-shadow:var(--shadow)}
.hero-metrics strong{display:block;font-size:20px;font-weight:900;color:#1b1018}
.hero-metrics span{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.hero-visual{position:relative}
.visual-stage{position:relative;padding:14px 0 56px}
.hero-banner{width:100%;border-radius:34px;box-shadow:var(--shadow-strong);border:1px solid rgba(234,223,206,.8)}
.card-surface{background:rgba(255,252,248,.86);border:1px solid rgba(234,223,206,.9);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.author-badge{position:absolute;left:22px;bottom:14px;display:flex;align-items:center;gap:14px;padding:14px;border-radius:24px;max-width:340px}
.author-badge img{width:86px;height:86px;object-fit:cover;border-radius:18px}
.author-badge span{display:block;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.author-badge strong{display:block;font:700 26px/1 Georgia,serif;margin:4px 0 5px}
.author-badge small{display:block;color:var(--muted)}
.hero-card{position:absolute;right:-12px;border-radius:26px;padding:18px 18px 22px;box-shadow:var(--shadow-strong)}
.floating-book.vampire{top:34px;width:min(260px,42vw)}
.floating-book.jureel{right:48px;bottom:-6px;width:min(220px,38vw)}
.floating-book .series-kicker{display:block;font-size:10px;letter-spacing:.17em;font-weight:900;text-transform:uppercase;opacity:.95}
.floating-book strong{display:block;font:700 clamp(22px,2.6vw,32px)/.95 Georgia,serif;margin:14px 0;color:#fff}
.floating-book small{display:block;font-weight:800;letter-spacing:.08em;color:#f2ddcf}
.floating-book.vampire{background:linear-gradient(160deg,#611120,#9f2438 58%,#d29554)}
.floating-book.jureel{background:linear-gradient(160deg,#111827,#175b64 58%,#8dcab4)}
.trust-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:18px;padding-bottom:24px}
.trust-bar>div{padding:20px 18px;background:rgba(255,252,248,.82);border:1px solid rgba(234,223,206,.95);border-radius:22px;box-shadow:var(--shadow)}
.trust-label{display:block;font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--red);text-transform:uppercase;margin-bottom:8px}
.trust-bar strong{font-size:16px;line-height:1.35;display:block}
.section{padding-top:54px;padding-bottom:54px}
.section-heading h2{font:700 clamp(34px,5vw,62px)/1.02 Georgia,serif;margin:10px 0 12px}
.section-heading p:not(.eyebrow),.section-copy{color:var(--muted);font-size:17px;max-width:800px}
.split-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}
.split-heading .section-copy{max-width:500px}
.shelf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.shelf-card{border-radius:28px;padding:28px;min-height:240px;position:relative;overflow:hidden}
.shelf-card:before{content:"";position:absolute;inset:auto -40px -70px auto;width:180px;height:180px;border-radius:50%;opacity:.25}
.shelf-vampire:before{background:#8f1428}
.shelf-jureel:before{background:#2c8f88}
.shelf-little:before{background:#d8b03d}
.shelf-tag{display:inline-flex;padding:8px 10px;background:rgba(255,255,255,.65);border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.shelf-card h3{font:700 34px/1 Georgia,serif;margin:16px 0 12px}
.shelf-card p{color:#5d5451;margin:0 0 18px}
.shelf-card a{font-weight:800;color:var(--red)}
.direct-store{position:relative}
.direct-feature{margin-top:30px;border-radius:32px;padding:clamp(20px,4vw,38px);display:grid;grid-template-columns:minmax(280px,.78fr) 1.22fr;gap:clamp(24px,4vw,56px);align-items:center}
.direct-cover{border-radius:24px;min-height:470px;box-shadow:0 34px 70px rgba(30,0,10,.24)}
.cover{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:380px;padding:24px;border-radius:24px;color:#fff}
.cover strong{font:700 clamp(38px,4vw,54px)/.96 Georgia,serif;max-width:12ch}
.cover small{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f6e6d5}
.cover-vampire{background:radial-gradient(circle at 78% 18%,rgba(247,217,165,.92),rgba(247,217,165,0) 18%),linear-gradient(160deg,#280511,#7a1025 60%,#c27d42)}
.cover-vampire.alt{background:radial-gradient(circle at 70% 16%,rgba(246,213,166,.92),rgba(246,213,166,0) 17%),linear-gradient(160deg,#16030d,#551025 52%,#bc8f52)}
.cover-vampire.third{background:radial-gradient(circle at 76% 16%,rgba(248,230,184,.96),rgba(248,230,184,0) 16%),linear-gradient(160deg,#1c0811,#8f1428 52%,#df9f53)}
.cover-jureel{background:radial-gradient(circle at 74% 18%,rgba(211,247,240,.85),rgba(211,247,240,0) 18%),linear-gradient(160deg,#07181f,#14525a 55%,#8cc9b0)}
.cover-heavens{background:radial-gradient(circle at 74% 18%,rgba(232,225,248,.9),rgba(232,225,248,0) 18%),linear-gradient(160deg,#11131e,#35415f 58%,#9866ad)}
.cover-glitch{background:radial-gradient(circle at 77% 18%,rgba(228,79,100,.8),rgba(228,79,100,0) 18%),linear-gradient(160deg,#120814,#3f0a15 50%,#ab2031)}
.cover-little{color:#433019;background:radial-gradient(circle at 74% 18%,rgba(255,246,194,.92),rgba(255,246,194,0) 19%),linear-gradient(160deg,#fff1d8,#f6db9d 50%,#c68f65)}
.cover-little small,.cover-cottage small{color:#6d5739}
.cover-cottage{color:#433019;background:radial-gradient(circle at 76% 18%,rgba(255,245,191,.92),rgba(255,245,191,0) 19%),linear-gradient(160deg,#dce9c4,#e9d391 50%,#b48a58)}
.cover-skyfall{background:radial-gradient(circle at 74% 18%,rgba(215,242,255,.9),rgba(215,242,255,0) 18%),linear-gradient(160deg,#090b23,#1f3473 55%,#7b133a)}
.direct-ribbon{position:absolute;top:18px;left:18px;display:inline-flex;background:#f4e6ca;color:#5b0a16;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.floating-format-pills,.format-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.floating-format-pills span,.mini-format{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff6ec;border:1px solid #eadfce;font-size:12px;font-weight:800;color:#554b46}
.direct-feature-copy h3{font:700 clamp(36px,5vw,64px)/.98 Georgia,serif;margin:8px 0 16px}
.direct-lead{font-size:20px;font-weight:800;color:#2d2324}
.direct-feature-copy>p:not(.microcopy):not(.direct-lead){color:var(--muted);font-size:17px}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;margin:24px 0}
.feature-list div{padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:18px}
.feature-list strong{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.feature-list span{color:#3b3130;font-weight:700}
.direct-primary{border:0;cursor:pointer}
.microcopy{font-size:12px;color:var(--muted);max-width:700px;margin-top:18px}
.feature-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tile{border-radius:28px;padding:28px}
.tile h3{font:700 30px/1.06 Georgia,serif;margin:14px 0 12px}
.tile p{color:var(--muted);margin:0}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 24px}
.filter{background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer;transition:.25s ease}
.filter:hover{transform:translateY(-1px)}
.filter.active{background:linear-gradient(135deg,#8f1428,#57111b);border-color:transparent;color:#fff;box-shadow:0 12px 24px rgba(143,20,40,.18)}
.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.book-card{border-radius:28px;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease}
.book-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong)}
.book-info{padding:22px}
.book-info h3{font:700 26px/1.05 Georgia,serif;margin:8px 0 10px}
.book-info p{color:var(--muted);min-height:72px;margin-bottom:18px}
.badge{display:inline-flex;font-size:10px;letter-spacing:.17em;font-weight:900;color:var(--red);text-transform:uppercase}
.shop-button{width:100%;border:0;border-radius:14px;padding:14px 16px;cursor:pointer;font-weight:800;background:linear-gradient(135deg,#140f17,#2b1d22);color:#fff;box-shadow:0 14px 24px rgba(20,15,23,.08)}
.featured-product{outline:2px solid rgba(143,20,40,.1)}
.series-section{background:linear-gradient(180deg,#1b1418 0,#130f14 100%);color:#fff;padding-top:72px;padding-bottom:72px}
.section-heading.light p:not(.eyebrow),.section-heading.light .section-copy{color:#c6bab0}
.section-heading.light .eyebrow{color:var(--gold)}
.series-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}
.dark-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border-color:rgba(255,255,255,.08);padding:30px;border-radius:28px;box-shadow:none}
.dark-card>span{color:var(--gold);font:700 12px/1 Georgia,serif;letter-spacing:.08em}
.dark-card h3{font:700 34px/1 Georgia,serif;margin:14px 0 10px}
.dark-card p{color:#bbb5ae;margin:0 0 18px}
.dark-card a{color:var(--gold);font-weight:800}
.about{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center}
.about-visual{padding:18px;border-radius:34px}
.author-photo{width:100%;border-radius:26px;box-shadow:var(--shadow)}
.about-copy h2{font:700 clamp(36px,5vw,66px)/1 Georgia,serif;margin:10px 0 16px}
.about-copy p:not(.eyebrow){color:var(--muted);font-size:17px}
.about-points{display:grid;grid-template-columns:1fr;gap:12px;margin:26px 0}
.about-points div{display:flex;flex-direction:column;padding:15px 16px;border:1px solid var(--line);border-radius:18px;background:#fff}
.about-points strong{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.about-points span{font-weight:700;color:#362d2e}
.text-link{font-weight:900;color:var(--red)}
.newsletter{margin:0 clamp(22px,7vw,92px) clamp(78px,8vw,110px);padding:clamp(30px,4vw,50px);border-radius:34px;background:linear-gradient(135deg,#420b16,#210810 60%,#7a4521);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;box-shadow:var(--shadow-strong)}
.newsletter .eyebrow{color:#f2bf75}
.newsletter h2{font:700 clamp(34px,5vw,58px)/1.02 Georgia,serif;margin:8px 0 12px}
.newsletter p:not(.eyebrow):not(.form-note){color:#e7d7cb}
.newsletter form{display:flex;gap:10px}
.newsletter input{flex:1;min-width:0;border:0;border-radius:999px;padding:15px 18px}
.newsletter button{border:0;border-radius:999px;padding:0 22px;background:#f4e6ca;font-weight:900;cursor:pointer;color:#450f18}
.form-note{grid-column:2;color:#f0e0d2;font-size:12px;margin:-10px 4px 0}
footer{display:grid;grid-template-columns:1.2fr 1fr auto;gap:24px;align-items:center;padding-top:0;padding-bottom:38px}
footer strong{font-size:14px;letter-spacing:.16em}
footer p{font-size:13px;color:var(--muted)}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:700}
dialog{border:0;border-radius:26px;padding:34px;max-width:520px;width:calc(100% - 30px);box-shadow:0 30px 90px rgba(0,0,0,.35)}
dialog::backdrop{background:rgba(11,7,9,.62);backdrop-filter:blur(8px)}
.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}
.dialog-format{font-weight:800;color:var(--red)}
.purchase-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.checkout-note{color:var(--muted);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1180px){.hero-grid,.direct-feature,.about{grid-template-columns:1fr}.floating-book.jureel{right:12px}.trust-bar,.feature-tiles,.shelf-grid{grid-template-columns:repeat(2,1fr)}.book-grid{grid-template-columns:repeat(2,1fr)}.newsletter{grid-template-columns:1fr}.form-note{grid-column:1;margin:0}.about-visual{max-width:540px}}
@media(max-width:900px){.site-header{padding-left:18px;padding-right:18px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(247,242,235,.97);padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.menu-toggle{display:block}.hero-card{position:relative;right:auto;top:auto;bottom:auto;margin-top:14px}.author-badge{position:relative;left:auto;bottom:auto;margin-top:16px;max-width:none}.visual-stage{padding-bottom:0}.trust-bar,.feature-tiles,.book-grid,.series-grid,.shelf-grid{grid-template-columns:1fr}.hero-metrics{grid-template-columns:1fr}.split-heading{flex-direction:column;align-items:flex-start}.feature-list{grid-template-columns:1fr}.purchase-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}}
@media(max-width:620px){.topbar{font-size:12px;padding:9px 12px}.brand-copy strong{font-size:12px}.hero h1{font-size:46px}.button{width:100%}.hero-actions .button,.direct-actions .button,.about-actions .button{width:100%}.newsletter form{flex-direction:column}.newsletter button{min-height:50px}.cover strong{font-size:40px}.section,.hero,.trust-bar,.newsletter,footer{padding-left:18px;padding-right:18px}}
/* Real Utopian Brooks brand assets */
.hero-banner{aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:34px}
.author-badge img{object-fit:cover;object-position:center 24%}
.author-photo{aspect-ratio:1/1;object-fit:cover;object-position:center 20%}
.about-visual{background:linear-gradient(145deg,#100b0d,#2a1713);padding:14px}
.about-visual .author-photo{border:1px solid rgba(244,216,162,.28)}
@media(max-width:900px){.hero-banner{border-radius:26px}.author-badge img{width:78px;height:78px}}

/* Real book-cover treatment */
.book-cover-img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#171118;border-bottom:1px solid var(--line)}
.book-card .book-cover-img{transition:transform .35s ease,filter .35s ease}
.book-card:hover .book-cover-img{transform:scale(1.018);filter:saturate(1.04) contrast(1.02)}
.direct-cover-media{position:relative;width:min(100%,430px);margin-inline:auto}
.direct-cover-image{width:100%;aspect-ratio:5/8;object-fit:cover;border-radius:24px;box-shadow:0 34px 70px rgba(30,0,10,.24);background:#1d0a12}
.direct-cover-media .direct-ribbon{z-index:2;box-shadow:0 10px 26px rgba(0,0,0,.18)}
@media(max-width:900px){.book-cover-img{max-height:none}.direct-cover-media{width:min(100%,390px)}}

.cover-media-wrap{position:relative;overflow:hidden;background:#171118}
.coming-overlay{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;background:rgba(17,10,14,.88);backdrop-filter:blur(8px);color:#f3d59b;border:1px solid rgba(243,213,155,.38);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 12px 30px rgba(0,0,0,.24)}
.coming-card{position:relative}
.coming-card .book-cover-img{filter:saturate(.94) contrast(1.02)}
.coming-card:hover .book-cover-img{filter:saturate(1.04) contrast(1.04)}
.coming-button{background:linear-gradient(135deg,#4e3b25,#8b5e2d);color:#fff}

/* Official Jureel video spotlight */
.media-spotlight{padding-top:38px;padding-bottom:54px}
.media-spotlight-grid{margin-top:28px;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);gap:0;border-radius:32px;overflow:hidden;background:#120d12;border-color:rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(20,10,15,.22)}
.video-shell{background:#050505;display:grid;place-items:center;min-width:0}
.video-shell video{display:block;width:100%;height:auto;max-height:620px;background:#000;object-fit:contain}
.media-copy{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 100% 0,rgba(46,132,145,.18),transparent 32%),linear-gradient(160deg,#171017,#0d0c12)}
.media-copy .badge{color:#91d8e1}
.media-copy h3{font:700 clamp(34px,4.6vw,60px)/.98 Georgia,serif;margin:10px 0 16px}
.media-copy p{color:#c8c0be;font-size:17px;margin:0;max-width:560px}
.media-meta{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 4px}
.media-meta span{display:inline-flex;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e9e0db}
.media-copy .button.secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
@media(max-width:980px){.media-spotlight-grid{grid-template-columns:1fr}.video-shell video{max-height:none}}
.book-cover-img{object-fit:contain;background:#100d12}

/* Premium dark storefront refresh */
:root{
  --bg:#08090b;
  --paper:#101114;
  --paper-2:#15161a;
  --ink:#f7f2e8;
  --ink-2:#ffffff;
  --muted:#b9b2a8;
  --line:rgba(226,190,119,.18);
  --gold:#e3be77;
  --gold-deep:#a9742f;
  --red:#8e2031;
  --red-2:#4d0b17;
  --shadow:0 20px 70px rgba(0,0,0,.36);
  --shadow-strong:0 30px 100px rgba(0,0,0,.52);
}
body{
  background:
    radial-gradient(circle at 18% 10%,rgba(169,116,47,.10),transparent 28%),
    radial-gradient(circle at 88% 16%,rgba(142,32,49,.12),transparent 24%),
    linear-gradient(180deg,#090a0d 0%,#0c0d10 42%,#08090b 100%);
  color:var(--ink);
}
.page-glow{opacity:.16}
.glow-one{background:rgba(201,154,75,.24)}
.glow-two{background:rgba(120,14,34,.18)}
.topbar{background:linear-gradient(90deg,#0b0c0f,#23140d 46%,#56101c 100%);color:#e8d7b8;border-bottom:1px solid rgba(226,190,119,.14)}
.site-header{background:rgba(8,9,11,.90);border-bottom:1px solid rgba(226,190,119,.14);box-shadow:0 12px 38px rgba(0,0,0,.24)}
.brand-mark{background:linear-gradient(145deg,#141519,#4d1520 58%,#b27b37);box-shadow:0 8px 26px rgba(0,0,0,.38)}
.brand-copy strong{color:#f7f2e8}.brand-copy small{color:#a89e90}
.main-nav a{color:#d9d2c7}.main-nav a:hover,.main-nav a:focus-visible{background:rgba(226,190,119,.08);color:#f2d79d}.nav-shop{background:linear-gradient(135deg,#b67b35,#7b471d);color:#fff!important}
.hero{padding-top:48px;padding-bottom:54px}
.hero h1{color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.35)}
.hero-text{color:#c5beb4}
.eyebrow{color:#d7ab62}
.button.primary{background:linear-gradient(135deg,#c28a3f,#8a541f);box-shadow:0 16px 34px rgba(157,102,39,.22)}
.button.secondary{background:rgba(255,255,255,.04);color:#f4efe6;border-color:rgba(226,190,119,.20)}
.hero-metrics div,.trust-bar>div,.card-surface{background:linear-gradient(180deg,rgba(22,23,27,.94),rgba(14,15,18,.96));border-color:rgba(226,190,119,.15);box-shadow:var(--shadow)}
.hero-metrics strong,.trust-bar strong{color:#f7f3ec}.hero-metrics span{color:#a99f93}.trust-label{color:#d5aa63}
.visual-stage{padding-bottom:92px}
.hero-banner{border:1px solid rgba(226,190,119,.18);box-shadow:0 28px 90px rgba(0,0,0,.48)}
.author-badge{background:rgba(12,13,16,.94);border:1px solid rgba(226,190,119,.20);color:#fff}
.author-badge span{color:#d7ab62}.author-badge small{color:#aca397}.author-badge strong{color:#fff}
.hero-book-tile{position:absolute;width:min(220px,34vw);border-radius:18px;overflow:hidden;background:#0d0e11;border:1px solid rgba(226,190,119,.24);box-shadow:0 25px 60px rgba(0,0,0,.56);transition:transform .26s ease,box-shadow .26s ease;z-index:3}
.hero-book-tile:hover{transform:translateY(-6px);box-shadow:0 32px 78px rgba(0,0,0,.62)}
.hero-book-tile img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.hero-book-vampire{right:-8px;top:30px}
.hero-book-jureel{right:155px;bottom:-44px;width:min(190px,30vw)}
.hero-book-badge{position:absolute;top:12px;left:12px;padding:7px 9px;border-radius:999px;background:rgba(8,9,11,.84);backdrop-filter:blur(8px);color:#f0cf91;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(226,190,119,.22)}
.hero-book-meta{padding:12px 13px 14px;background:linear-gradient(180deg,#17181c,#0f1013)}
.hero-book-meta strong{display:block;color:#fff;font:700 17px/1.05 Georgia,serif}
.hero-book-meta small{display:block;color:#a8a096;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.04em}
.section-heading h2,.book-info h3,.shelf-card h3,.about-copy h2{color:#fff}
.section-heading p:not(.eyebrow),.section-copy,.book-info p,.tile p,.about-copy p:not(.eyebrow){color:#aaa196}
.shelf-card,.tile,.direct-feature{background:linear-gradient(180deg,#141519,#0d0e11);border:1px solid rgba(226,190,119,.14)}
.shelf-tag{background:rgba(226,190,119,.09);color:#e0bb73;border:1px solid rgba(226,190,119,.16)}
.shelf-card p{color:#a99f95}.shelf-card a,.text-link{color:#ddb86d}
.direct-store{background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,0))}
.feature-list div,.about-points div{background:#0f1013;border-color:rgba(226,190,119,.13)}
.feature-list span,.about-points span{color:#e4ddd2}.feature-list strong,.about-points strong{color:#d7aa60}
.floating-format-pills span,.mini-format{background:#17181b;border-color:rgba(226,190,119,.16);color:#d5ccbf}
.filter{background:#111216;border-color:rgba(226,190,119,.14);color:#d8d0c4}.filter.active{background:linear-gradient(135deg,#b47b37,#75461f);box-shadow:none}
.book-card{background:linear-gradient(180deg,#141519,#0e0f12);border:1px solid rgba(226,190,119,.13)}
.shop-button{background:linear-gradient(135deg,#c1883e,#74431c);box-shadow:none}
.featured-product{outline:1px solid rgba(226,190,119,.26)}
.series-section{background:linear-gradient(180deg,#0b0c0f,#07080a)}
.about-visual{background:linear-gradient(145deg,#0e0f12,#20150e);border:1px solid rgba(226,190,119,.18)}
.newsletter{background:linear-gradient(135deg,#191a1e,#35131a 62%,#5b3517);border:1px solid rgba(226,190,119,.17)}
footer{color:#d8d0c5}footer p{color:#8e877f}
dialog{background:#121317;color:#fff;border:1px solid rgba(226,190,119,.16)}.checkout-note{color:#aaa195}
.direct-ribbon{background:#0a0b0e;color:#f0cc89;border:1px solid rgba(226,190,119,.24)}
@media(max-width:900px){
  .main-nav{background:rgba(8,9,11,.98);border-bottom-color:rgba(226,190,119,.14)}
  .visual-stage{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:0}
  .hero-banner{grid-column:1/-1}
  .author-badge{grid-column:1/-1;margin-top:0}
  .hero-book-tile{position:relative;right:auto;top:auto;bottom:auto;width:100%!important;margin:0}
  .hero-book-vampire,.hero-book-jureel{right:auto;top:auto;bottom:auto}
}
@media(max-width:620px){
  .hero{padding-top:28px}.hero h1{font-size:43px}.hero-text{font-size:16px}
  .visual-stage{grid-template-columns:1fr 1fr;gap:12px}
  .hero-book-meta strong{font-size:15px}.hero-book-meta small{font-size:10px}
  .hero-book-badge{font-size:8px;top:8px;left:8px;padding:6px 7px}
  .trust-bar>div{border-radius:20px}
}


/* 2026-09-21 polish: swap burgundy accent to deep sapphire / teal and add series art */
:root{
  --accent-sapphire:#1f4568;
  --accent-sapphire-2:#18344f;
  --accent-teal:#1b6a72;
}
body{
  background:
    radial-gradient(circle at 18% 10%,rgba(169,116,47,.11),transparent 28%),
    radial-gradient(circle at 87% 16%,rgba(31,69,104,.16),transparent 24%),
    radial-gradient(circle at 78% 58%,rgba(27,106,114,.10),transparent 24%),
    linear-gradient(180deg,#090a0d 0%,#0b0d10 42%,#08090b 100%);
}
.glow-two{background:rgba(31,69,104,.22)}
.topbar{background:linear-gradient(90deg,#0b0c0f,#192534 48%,#174b55 100%)}
.newsletter{background:linear-gradient(135deg,#191a1e,#152737 60%,#104b57)}
.shelf-vampire:before{background:#244662}
.shelf-jureel:before{background:#1d6a73}
.shelf-little:before{background:#8b742f}
.media-copy{background:radial-gradient(circle at 100% 0,rgba(31,69,104,.22),transparent 32%),linear-gradient(160deg,#171017,#0d1017)}

.shelf-card-body{position:relative;z-index:1}
.jureel-strip{display:grid;grid-template-columns:1.22fr .78fr .78fr;gap:10px;margin-bottom:2px}
.jureel-strip img{width:100%;border-radius:18px;border:1px solid rgba(226,190,119,.14);box-shadow:0 14px 34px rgba(0,0,0,.22);object-fit:cover;display:block}
.jureel-strip img:nth-child(1){grid-row:1 / span 2;height:236px}
.jureel-strip img:nth-child(2),
.jureel-strip img:nth-child(3){height:113px}
.shelf-cover-feature{display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px;align-items:start}
.shelf-cover-feature img{width:118px;aspect-ratio:2/3;object-fit:cover;display:block;border-radius:18px;border:1px solid rgba(226,190,119,.15);box-shadow:0 18px 36px rgba(0,0,0,.24);background:#111}
.shelf-little .shelf-card-body h3{margin-top:6px}

@media(max-width:900px){
  .jureel-strip{grid-template-columns:1fr 1fr;gap:10px}
  .jureel-strip img:nth-child(1){grid-column:1 / -1;grid-row:auto;height:178px}
  .jureel-strip img:nth-child(2),
  .jureel-strip img:nth-child(3){height:110px}
  .shelf-cover-feature{grid-template-columns:92px minmax(0,1fr);gap:14px}
  .shelf-cover-feature img{width:92px;border-radius:16px}
}
@media(max-width:620px){
  .shelf-card{padding:22px}
  .shelf-cover-feature{grid-template-columns:1fr;gap:16px}
  .shelf-cover-feature img{width:min(170px,45vw)}
}

/* LIGHT PREMIUM RESET — cream + teal, replacing the prior burgundy accent */
:root{
  --bg:#f5eee4;
  --paper:#fffdf9;
  --paper-2:#fbf5ec;
  --ink:#161719;
  --ink-2:#202225;
  --muted:#6f6a63;
  --line:#e5d8c7;
  --gold:#d8b06a;
  --gold-deep:#a77a38;
  --red:#146c70;
  --red-2:#0f4f53;
  --teal:#146c70;
  --teal-dark:#0d4c50;
  --teal-soft:#d9eeeb;
  --shadow:0 18px 52px rgba(47,37,27,.10);
  --shadow-strong:0 28px 78px rgba(36,27,19,.17);
}
body{
  background:
    radial-gradient(circle at 12% 9%,rgba(216,176,106,.18),transparent 28%),
    radial-gradient(circle at 92% 16%,rgba(20,108,112,.10),transparent 24%),
    linear-gradient(180deg,#f7f0e7 0%,#f2eadf 58%,#f6efe7 100%);
  color:var(--ink);
}
.page-glow{opacity:.35}
.glow-one{background:rgba(216,176,106,.32)}
.glow-two{background:rgba(20,108,112,.16)}
.topbar{background:linear-gradient(90deg,#0f5559,#16767b,#bc8e4d);color:#fffaf0;border-bottom:0}
.site-header{background:rgba(249,244,237,.92);border-bottom:1px solid rgba(221,207,188,.92);box-shadow:0 10px 28px rgba(49,37,26,.07)}
.brand-mark{background:linear-gradient(145deg,#0e4e52,#17777b 58%,#d3a45d);box-shadow:0 9px 24px rgba(20,108,112,.20)}
.brand-copy strong{color:#171719}.brand-copy small{color:#777069}
.main-nav a{color:#3d3a36}.main-nav a:hover,.main-nav a:focus-visible{background:rgba(20,108,112,.09);color:#0f666a}
.nav-shop{background:linear-gradient(135deg,#16767b,#0c5155);color:#fff!important;box-shadow:0 12px 26px rgba(20,108,112,.20)}
.hero{padding-top:40px;padding-bottom:46px}
.hero h1{color:#171719;text-shadow:none}
.hero-text{color:#605a54}
.eyebrow{color:#146c70}
.button.primary{background:linear-gradient(135deg,#177b7f,#0f595d);color:#fff;box-shadow:0 15px 30px rgba(20,108,112,.18)}
.button.secondary{background:#fffdf9;color:#292725;border-color:#e4d7c6}
.button.tertiary{background:#e5f1ee;color:#0e5659}
.hero-metrics div,.trust-bar>div,.card-surface{background:rgba(255,253,249,.90);border-color:rgba(225,211,192,.95);box-shadow:var(--shadow)}
.hero-metrics strong,.trust-bar strong{color:#1d1b1a}.hero-metrics span{color:#756f68}.trust-label{color:#146c70}
.hero-banner{border:1px solid rgba(221,205,182,.9);box-shadow:0 24px 70px rgba(55,42,29,.16)}
.author-badge{background:rgba(255,253,249,.96);border:1px solid #e2d4c1;color:#1a1918}
.author-badge span{color:#146c70}.author-badge small{color:#756e67}.author-badge strong{color:#181817}
.hero-book-tile{background:#fffdf9;border:1px solid #e2d2bd;box-shadow:0 22px 52px rgba(55,40,24,.20)}
.hero-book-tile:hover{box-shadow:0 28px 62px rgba(55,40,24,.23)}
.hero-book-badge{background:rgba(12,81,85,.90);color:#fff;border:1px solid rgba(255,255,255,.18)}
.hero-book-meta{background:linear-gradient(180deg,#fffdf9,#f5eee4)}
.hero-book-meta strong{color:#1a1918}.hero-book-meta small{color:#746d65}
.section-heading h2,.book-info h3,.shelf-card h3,.about-copy h2{color:#1b1918}
.section-heading p:not(.eyebrow),.section-copy,.book-info p,.tile p,.about-copy p:not(.eyebrow){color:#6a645e}
.shelf-card,.tile,.direct-feature{background:rgba(255,253,249,.94);border:1px solid #e4d7c5}
.shelf-tag{background:#e1f0ed;color:#0d5c60;border:1px solid #c4dfda}
.shelf-card p{color:#6b655e}.shelf-card a,.text-link{color:#146c70}
.shelf-vampire:before{background:#6e8f99}
.shelf-jureel:before{background:#2e9698}
.shelf-little:before{background:#d5b86f}
.direct-store{background:transparent}
.feature-list div,.about-points div{background:#fff;border-color:#e5d8c8}
.feature-list span,.about-points span{color:#3c3834}.feature-list strong,.about-points strong{color:#146c70}
.floating-format-pills span,.mini-format{background:#f7fbfa;border-color:#d6e7e3;color:#4f625f}
.filter{background:#fff;border-color:#e3d6c5;color:#514b45}.filter.active{background:linear-gradient(135deg,#16767b,#0f565a);color:#fff;box-shadow:0 10px 22px rgba(20,108,112,.14)}
.book-card{background:#fffdf9;border:1px solid #e2d6c5}
.shop-button{background:linear-gradient(135deg,#17787d,#0f5559);color:#fff;box-shadow:none}
.featured-product{outline:2px solid rgba(20,108,112,.13)}
.series-section{background:linear-gradient(180deg,#164f53,#0f3f43);color:#fff}
.section-heading.light h2{color:#fff}.section-heading.light p:not(.eyebrow),.section-heading.light .section-copy{color:#dbe8e5}.section-heading.light .eyebrow{color:#ecd19b}
.dark-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13)}
.dark-card p{color:#d7e1df}.dark-card a{color:#f0cf8c}.dark-card>span{color:#f0cf8c}
.about-visual{background:linear-gradient(145deg,#f1e7d9,#d9ece8);border:1px solid #e0d2c0}
.newsletter{background:linear-gradient(135deg,#11595d,#16767b 60%,#9e7b47);border:1px solid rgba(20,108,112,.20);box-shadow:var(--shadow-strong)}
.newsletter .eyebrow{color:#f6d99e}.newsletter p:not(.eyebrow):not(.form-note){color:#eef7f5}
.newsletter button{background:#fff5df;color:#0d5458}
footer{color:#35312d}footer p{color:#7d756d}
dialog{background:#fffdf9;color:#171719;border:1px solid #e2d4c3}.checkout-note{color:#746d66}
.direct-ribbon{background:#0f676b;color:#fff;border:1px solid rgba(255,255,255,.16)}
.media-spotlight-grid{background:#fffdf9;border-color:#e3d6c4;box-shadow:var(--shadow-strong)}
.media-copy{color:#1b1918;background:radial-gradient(circle at 100% 0,rgba(20,108,112,.12),transparent 32%),linear-gradient(160deg,#fffdf9,#edf7f5)}
.media-copy .badge{color:#146c70}.media-copy h3{color:#1c1a19}.media-copy p{color:#68625c}
.media-meta span{border-color:#d7e3df;background:#fff;color:#52615f}
.media-copy .button.secondary{background:#fff;border-color:#d8e5e1;color:#174d50}
.coming-overlay{background:rgba(13,79,83,.90);color:#fff;border-color:rgba(255,255,255,.20)}
.coming-button{background:linear-gradient(135deg,#6f8791,#456571);color:#fff}
.menu-toggle{background:#fff;border-color:#dfd2c1;color:#146c70}
@media(max-width:900px){.main-nav{background:rgba(249,244,237,.98);border-bottom-color:#e4d7c7}.main-nav a{color:#3e3934}}