:root{--ink:#18233a;--gold:#d9a441;--cream:#fffaf0;--paper:#fff;--muted:#667085}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}
header{position:relative;z-index:20;background:rgba(255,250,240,.96);border-bottom:1px solid #eadfc8}
nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:.08em}.brand span{color:var(--gold)}
.links{display:flex;gap:24px;align-items:center}.btn{display:inline-block;background:var(--ink);color:#fff;padding:12px 19px;border-radius:999px;font-weight:700}.btn.gold{background:var(--gold);color:#18233a}
.hero{padding:86px 0 64px;background:radial-gradient(circle at 85% 20%,#f8df9e 0,transparent 30%),linear-gradient(135deg,#fffaf0,#f5ead2)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.eyebrow{font-weight:800;color:#9b6b11;letter-spacing:.13em;text-transform:uppercase}
h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,86px);line-height:.98;margin:12px 0 20px}.hero p{font-size:20px;max-width:650px;color:#4b5565}
.cover-fan{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(1deg)}.cover-fan img{width:100%;aspect-ratio:.72;object-fit:cover;border-radius:8px;box-shadow:0 14px 28px #0003}
section{padding:76px 0}.section-title{text-align:center;max-width:720px;margin:0 auto 38px}.section-title h2{font-family:Georgia,serif;font-size:42px;margin:0 0 8px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.card{background:var(--paper);border:1px solid #eadfc8;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #46320d12;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:.72;object-fit:cover;background:#eee}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.tag{font-size:12px;font-weight:800;color:#9b6b11;text-transform:uppercase;letter-spacing:.08em}.card h3{font-family:Georgia,serif;font-size:21px;line-height:1.2;margin:8px 0}.card p{font-size:14px;color:var(--muted);flex:1}
.about{background:var(--ink);color:#fff}.about-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}.monogram{width:260px;height:260px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;font:700 84px Georgia;color:var(--gold);margin:auto}
.about h2{font:48px Georgia;margin:0 0 15px}.about p{color:#d5dbea}.coming{background:#f4e5bf;text-align:center}.coming h2{font:46px Georgia;margin:0 0 10px}
footer{background:#101827;color:#d4d8e0;padding:38px 0}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}
@media(max-width:850px){.links a:not(.btn){display:none}.hero-grid,.about-grid{grid-template-columns:1fr}.cover-fan{max-width:600px}.grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:55px}}
@media(max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:12px}.card-body{padding:13px}.card h3{font-size:17px}.card p{display:none}.foot{display:block}.cover-fan{grid-template-columns:repeat(3,1fr)}}

#books,#about,#coming{scroll-margin-top:24px}.about{padding-top:88px;padding-bottom:88px}.coming{padding-top:72px;padding-bottom:72px}

/* Hero-only featured-book test */
.hero-books-featured{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;padding:24px 18px}
.hero-books-featured .featured-cover{width:150px;height:auto;max-height:330px;object-fit:contain;border-radius:10px;box-shadow:0 14px 30px rgba(24,35,58,.18);background:#fff}
.hero-books-featured .featured-left{transform:rotate(-5deg) translateX(18px);z-index:1}
.hero-books-featured .featured-center{width:172px;max-height:365px;transform:translateY(-8px);z-index:3}
.hero-books-featured .featured-right{transform:rotate(5deg) translateX(-18px);z-index:2}
@media(max-width:760px){.hero-books-featured{min-height:310px;padding:18px 8px}.hero-books-featured .featured-cover{width:112px;max-height:260px}.hero-books-featured .featured-center{width:128px;max-height:285px}.hero-books-featured .featured-left{transform:rotate(-4deg) translateX(12px)}.hero-books-featured .featured-right{transform:rotate(4deg) translateX(-12px)}}

/* V5 clean cover presentation — show complete cover artwork */
.book-card .cover,
.book-card > img,
.books-grid .book-card img{
  width:100% !important;
  height:340px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#f8f3e8;
  display:block;
}
.hero-books-featured .featured-cover{
  object-fit:contain !important;
  height:auto !important;
  background:transparent !important;
}
@media(max-width:760px){
  .book-card .cover,
  .book-card > img,
  .books-grid .book-card img{
    height:300px !important;
  }
}

/* V8 Signature redesign — Books by Christop */
:root{
 --ink:#142238; --navy:#142238; --purple:#5639B7; --violet:#8468ED;
 --green:#98F27A; --paper:#FBFAFF; --mist:#F1EDFF; --white:#fff;
}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);overflow-x:hidden}
header{
 background:rgba(20,34,56,.96)!important;
 border:0!important; box-shadow:0 10px 30px rgba(20,34,56,.18);
}
header .wrap{min-height:76px}
header .brand,header .logo{
 color:#fff!important;font-weight:900!important;letter-spacing:.10em!important;
 text-transform:uppercase!important;
}
header nav a{color:#fff!important;font-weight:700}
header nav a:hover{color:var(--green)!important}
header nav .btn,header .btn{background:var(--purple)!important;border:1px solid rgba(255,255,255,.16)!important}

.hero{
 position:relative;overflow:hidden;min-height:650px!important;
 background:
   radial-gradient(circle at 76% 42%,rgba(152,242,122,.28) 0 7%,transparent 26%),
   radial-gradient(circle at 72% 38%,rgba(132,104,237,.42),transparent 34%),
   linear-gradient(125deg,#FBFAFF 0 42%,#EEE8FF 72%,#E2D8FF 100%)!important;
}
.hero:before{
 content:"";position:absolute;width:470px;height:470px;border:72px solid rgba(86,57,183,.08);
 border-radius:50%;right:-180px;top:-210px;
}
.hero:after{
 content:"";position:absolute;width:220px;height:220px;background:rgba(152,242,122,.14);
 transform:rotate(28deg);border-radius:46px;left:-110px;bottom:-115px;
}
.hero .wrap,.hero-inner{position:relative;z-index:2}
.hero .eyebrow{color:var(--purple)!important;letter-spacing:.18em!important;font-weight:900!important}
.hero h1{
 color:var(--navy)!important;font-size:clamp(3.8rem,6.6vw,6.7rem)!important;
 line-height:.88!important;letter-spacing:-.055em!important;max-width:700px!important;
}
.hero p{font-size:1.13rem!important;line-height:1.7!important;max-width:610px!important}
.hero .btn:first-of-type{background:var(--purple)!important;color:#fff!important}
.hero .btn:nth-of-type(2){background:var(--navy)!important;color:#fff!important}
.hero .btn{box-shadow:0 12px 24px rgba(86,57,183,.16);transition:.2s ease}
.hero .btn:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(86,57,183,.25)}

.hero-books-featured{min-height:500px!important;transform:scale(1.28);position:relative;z-index:4}
.hero-books-featured .featured-cover{
 border:4px solid rgba(255,255,255,.86)!important;
 box-shadow:0 28px 50px rgba(20,34,56,.30)!important;
}
.hero-books-featured .featured-center{width:205px!important;transform:translateY(-18px)!important}
.hero-books-featured .featured-left,.hero-books-featured .featured-right{width:178px!important}
.signature-spark{
 position:absolute;right:8%;bottom:11%;width:14px;height:14px;background:var(--green);
 transform:rotate(45deg);box-shadow:0 0 0 10px rgba(152,242,122,.12),0 0 40px rgba(152,242,122,.65)
}

#books{
 position:relative;background:#fff!important;padding-top:105px!important;padding-bottom:115px!important
}
#books:before{
 content:"";position:absolute;top:0;left:0;right:0;height:9px;
 background:linear-gradient(90deg,var(--purple),var(--violet),var(--green),var(--violet),var(--purple))
}
#books .eyebrow,#books .section-label{color:var(--purple)!important}
#books h2{font-size:clamp(2.8rem,4.5vw,4.4rem)!important}
.book-card{
 border-radius:18px!important;overflow:hidden;background:#fff!important;
 border:1px solid #E8E3F4!important;border-top:5px solid var(--purple)!important;
 box-shadow:0 10px 28px rgba(20,34,56,.09)!important;
 transition:transform .22s ease,box-shadow .22s ease!important;
}
.book-card:nth-child(4n+2){border-top-color:var(--violet)!important}
.book-card:nth-child(4n+3){border-top-color:var(--green)!important}
.book-card:hover{transform:translateY(-9px) rotate(-.3deg);box-shadow:0 24px 48px rgba(86,57,183,.18)!important}
.book-card img{background:#F6F2FF!important}
.book-card .category{color:var(--purple)!important;font-weight:900!important}
.book-card .btn,.book-card a.btn{background:var(--navy)!important;color:#fff!important}
.book-card .btn:hover,.book-card a.btn:hover{background:var(--purple)!important}

.adult-spotlight{
 background:linear-gradient(115deg,#111D30,#1C2940 62%,#2B2252);
 color:#fff;padding:85px 0;position:relative;overflow:hidden;
}
.adult-spotlight:before{
 content:"";position:absolute;width:360px;height:360px;border-radius:50%;
 background:rgba(132,104,237,.13);right:7%;top:-180px
}
.adult-spotlight-inner{display:grid;grid-template-columns:1.25fr .55fr;gap:70px;align-items:center;max-width:950px}
.adult-spotlight h2{color:#fff!important;font-size:clamp(2.7rem,4.5vw,4.6rem)!important;line-height:.98!important;margin:.25em 0}
.adult-spotlight p{font-size:1.08rem;line-height:1.65;color:#E8E5F5}
.spotlight-label{color:var(--green);font-weight:900;letter-spacing:.16em;font-size:.78rem}
.adult-spotlight img{width:220px;height:auto;border-radius:14px;box-shadow:0 25px 50px rgba(0,0,0,.35);transform:rotate(4deg)}
.spotlight-btn{background:var(--purple)!important;color:#fff!important;margin-top:10px}

#about,.about{
 background:linear-gradient(120deg,#5135AE,#352777)!important;color:#fff!important;
 position:relative;overflow:hidden;
}
#about:after,.about:after{
 content:"";position:absolute;width:430px;height:430px;border:70px solid rgba(152,242,122,.10);
 border-radius:50%;right:-180px;bottom:-240px
}
#about h2,#about h3,.about h2,.about h3{color:#fff!important}
#about .eyebrow,.about .eyebrow{color:var(--green)!important}
#about p,.about p{color:#F4F0FF!important}
#about .btn,.about .btn{background:var(--green)!important;color:var(--navy)!important;font-weight:900!important}

#coming,.coming{
 padding-top:110px!important;padding-bottom:110px!important;
 background:
 radial-gradient(circle at 18% 50%,rgba(152,242,122,.32),transparent 17%),
 radial-gradient(circle at 82% 45%,rgba(132,104,237,.28),transparent 20%),
 linear-gradient(120deg,#FAF9FF,#EAE3FF)!important;
}
#coming .eyebrow,.coming .eyebrow{color:var(--purple)!important}
#coming h2,.coming h2{font-size:clamp(2.8rem,5vw,4.8rem)!important;line-height:1!important}

footer{background:#0E192A!important;color:#fff!important;border-top:6px solid var(--green)!important}
footer a{color:var(--green)!important}

@media(max-width:800px){
 .hero{min-height:auto!important}
 .hero h1{font-size:clamp(3.1rem,14vw,5rem)!important}
 .hero-books-featured{transform:none;min-height:340px!important}
 .hero-books-featured .featured-center{width:135px!important}
 .hero-books-featured .featured-left,.hero-books-featured .featured-right{width:116px!important}
 .adult-spotlight-inner{grid-template-columns:1fr;text-align:center}
 .adult-spotlight img{width:180px;margin:auto;order:-1}
}

/* V9 supplied author portrait */
.author-photo-wrap{
 width:250px;height:250px;border-radius:50%;padding:7px;
 background:linear-gradient(135deg,var(--green,#98F27A),var(--violet,#8468ED),#fff);
 box-shadow:0 22px 50px rgba(0,0,0,.28);
 overflow:hidden;
}
.author-photo{
 width:100%;height:100%;display:block;object-fit:cover;object-position:center 35%;
 border-radius:50%;border:5px solid #352777;
}
@media(max-width:800px){
 .author-photo-wrap{width:205px;height:205px;margin:0 auto 26px}
}

/* V10 cinematic Books by Christoph redesign */
:root{--gold2:#f2b632;--navy2:#07182d;--purple2:#5938d1;--cream2:#fff9ec}
header{background:#07182d!important}
.brand span{color:#f2b632!important}
.hero{
 min-height:620px!important;padding:70px 0 58px!important;color:#fff!important;
 background:
 linear-gradient(90deg,rgba(3,14,29,.94) 0%,rgba(3,14,29,.80) 44%,rgba(3,14,29,.28) 72%,rgba(3,14,29,.48) 100%),
 radial-gradient(circle at 72% 38%,#9a693a 0%,#23321e 32%,#07182d 78%)!important;
}
.hero:before{width:100%!important;height:100%!important;inset:0!important;border:0!important;border-radius:0!important;
 background:
 radial-gradient(circle at 83% 30%,rgba(255,190,77,.32),transparent 22%),
 radial-gradient(circle at 69% 70%,rgba(255,219,122,.16),transparent 25%)!important}
.hero:after{display:none!important}
.hero .eyebrow{color:#f2b632!important}.hero h1{color:#fff!important;max-width:620px!important;text-shadow:0 4px 22px #0008}
.hero h1:after{content:"";display:block;width:330px;height:5px;background:#f2b632;border-radius:99px;margin-top:15px;transform:rotate(-2deg)}
.hero p{color:#f6f7fb!important}.hero .btn:first-of-type{background:#623ce0!important}
.hero .btn:nth-of-type(2){background:transparent!important;border:2px solid #fff!important}
.hero-books-featured{transform:scale(1.16)!important}
.hero-books-featured:after{content:"";position:absolute;left:8%;right:8%;bottom:52px;height:38px;background:radial-gradient(ellipse,#ffcf68aa,transparent 68%);filter:blur(8px);z-index:-1}

#books{background:
 radial-gradient(circle at 50% 0,#eef2ff 0,transparent 24%),
 linear-gradient(180deg,#f5f8ff 0,#fff9ed 28%,#fff9ed 100%)!important;overflow:hidden}
#books:after{content:"✦     ☆          ✦        ☆             ✦";white-space:pre;position:absolute;inset:105px 0 auto 0;text-align:center;
 color:#e5a91d;font-size:28px;letter-spacing:46px;opacity:.75;pointer-events:none}
#books .section-title{position:relative;z-index:2}.grid{position:relative;z-index:2;gap:22px!important}
.card{border:0!important;border-radius:15px!important;box-shadow:0 14px 32px rgba(28,31,53,.14)!important;transform:translateZ(0);background:#fff!important}
.card:nth-child(odd){transform:translateY(-3px)}.card:hover{transform:translateY(-10px)!important;box-shadow:0 25px 48px rgba(35,31,60,.20)!important}
.card img{aspect-ratio:.76!important;object-fit:cover!important;background:#eee!important}
.card-body{padding:17px!important}.tag{display:inline-block;align-self:flex-start;background:#f2b632;color:#17233a!important;padding:4px 9px;border-radius:999px;font-size:10px!important}
.card:last-child .tag{background:#6942dc;color:#fff!important}.card .btn{background:#07182d!important;padding:10px 15px!important}
#books .wrap:after{content:"Imagination. Courage. Friendship. And stories that last.";display:block;text-align:center;margin:44px auto -42px;font-weight:800;font-size:18px;color:#27324a}

.adult-spotlight{display:none!important}
#about,.about{background:linear-gradient(115deg,#07182d,#0a2343 58%,#101f48)!important;border-top:5px solid #f2b632}
.author-photo-wrap{background:#f2b632!important;width:285px;height:285px}
.author-photo{border-color:#07182d!important;object-position:center 35%!important}
#about .eyebrow,.about .eyebrow{color:#f2b632!important}
#about .btn,.about .btn{background:#623ce0!important;color:#fff!important}
#about h2:after{content:"";display:block;width:180px;height:3px;background:#f2b632;margin-top:12px;border-radius:5px}

#coming,.coming{position:relative;overflow:hidden;color:#10203a!important;
 background:
 linear-gradient(90deg,rgba(255,195,91,.40),rgba(255,238,197,.76),rgba(176,132,255,.26)),
 radial-gradient(circle at 15% 80%,#f09d52,transparent 28%),
 linear-gradient(180deg,#ffe0a8,#f2c38c 58%,#7a5b65)!important}
#coming:before{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(165deg,transparent 0 42%,rgba(19,54,55,.20) 43% 46%,transparent 47%),linear-gradient(195deg,transparent 0 40%,rgba(34,69,60,.18) 41% 44%,transparent 45%);pointer-events:none}
#coming .wrap{position:relative;z-index:2;max-width:850px}
#coming .eyebrow{color:#5938d1!important}#coming h2{color:#10203a!important;text-shadow:0 2px 0 #fff7}

footer{background:#06162a!important;border-top:0!important}.foot strong{color:#f2b632;font-size:18px}
@media(max-width:850px){.hero-books-featured{transform:none!important}.author-photo-wrap{width:220px;height:220px}.grid{gap:14px!important}}