/* The Keepers of Imaginara: illustrated book-first redesign */
:root{--gold:#f3cf83;--goldlight:#ffecbd;--aqua:#aae6fa}
.header{background:rgba(5,13,37,.95);border-bottom:1px solid rgba(248,211,131,.36);box-shadow:0 5px 33px rgba(0,0,0,.26)}
.brand-title{font-family:"Marcellus",Georgia,serif;font-size:1.13rem;font-weight:bold;letter-spacing:.035em;color:#ffe8b2;text-shadow:0 0 12px rgba(250,196,94,.28)}
.brand-sub{color:#f5d78e;font-size:.67rem;letter-spacing:.20em;font-weight:700}
.brand-glyph{color:#ffdc8c;box-shadow:0 0 17px rgba(250,215,145,.21),inset 0 0 17px rgba(79,186,226,.15)}
.magic-front{position:relative;overflow:hidden;min-height:271px;background:radial-gradient(ellipse at 79% 74%,rgba(62,153,205,.38),transparent 40%),radial-gradient(ellipse at 22% 10%,rgba(211,132,71,.23),transparent 44%),linear-gradient(112deg,#0b1738 0%,#132558 50%,#122960 100%);border-bottom:1px solid rgba(254,221,149,.36)}
.magic-front::before{content:"";position:absolute;inset:0;opacity:.75;background-image:radial-gradient(1.5px 1.5px at 15% 21%,#fff3cb 99%,transparent),radial-gradient(1px 1px at 27% 86%,#fff 99%,transparent),radial-gradient(2px 2px at 61% 38%,#fff0bb 99%,transparent),radial-gradient(1px 1px at 93% 11%,#b8e7ff 99%,transparent),radial-gradient(2px 2px at 77% 74%,#ffde8d 99%,transparent);background-size:255px 220px}
.magic-front::after{content:"";position:absolute;bottom:0;left:0;right:0;height:35px;background:linear-gradient(transparent,rgba(9,18,45,.72));pointer-events:none}
.magic-front-inner{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:35px;min-height:264px;position:relative;z-index:1}
.magic-front-copy{padding:20px 0}
.magic-front-title{margin:10px 0 4px;font-size:clamp(3.1rem,5vw,5.8rem);line-height:.88;letter-spacing:.012em;color:#fff5d9;text-shadow:0 4px 22px rgba(5,7,35,.32)}
.magic-front-title span{display:block;font-size:.59em;letter-spacing:.069em;font-weight:500}
.magic-front-title strong{display:block;font-weight:700;letter-spacing:.025em;background:linear-gradient(160deg,#fff9dc 0%,#ffda83 36%,#fff0ba 62%,#c3934b 100%);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 3px 14px rgba(255,195,65,.23))}
.front-author{font-family:"Marcellus",Georgia,serif;color:#f0d6a6;letter-spacing:.14em;font-size:.99rem;margin:15px 0 8px}
.front-author strong{font-family:"Marcellus",Georgia,serif;color:#fff1b4;font-size:clamp(1.4rem,2.3vw,2.3rem);letter-spacing:.14em;margin-left:9px;white-space:nowrap;text-shadow:0 0 17px rgba(255,197,85,.33)}
.front-intro{color:#d9e4fa;font-size:.85rem;letter-spacing:.013em;line-height:1.6;margin:5px 0;max-width:760px}
.doorway-art{width:182px;height:252px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;margin:5px auto 0;perspective:900px;z-index:2}
.doorway-halo{position:absolute;width:235px;height:225px;top:0;border-radius:50%;background:radial-gradient(circle,rgba(98,232,245,.36),rgba(50,109,206,.19) 43%,transparent 75%);filter:blur(9px);animation:door-glow 5s ease-in-out infinite}
.doorway-frame{width:134px;height:193px;border:8px solid #224779;border-radius:71px 71px 4px 4px;position:relative;background:#0e2758;box-shadow:0 0 0 2px rgba(255,225,147,.92),0 0 35px rgba(138,225,246,.74),inset 0 0 28px rgba(54,148,234,.35);transform:rotateY(-10deg);overflow:hidden}
.doorway-frame:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,229,147,.68);border-radius:60px 60px 2px 2px;z-index:5;pointer-events:none}
.doorway-sky{position:absolute;inset:0;background:radial-gradient(circle at 54% 20%,#ffe7a7,rgba(128,222,255,.7) 11%,rgba(62,136,222,.7) 27%,rgba(26,66,144,.95) 64%,#0c1748 100%)}
.doorway-sky::after{content:"";position:absolute;inset:0;background:radial-gradient(1.5px 1.5px at 27% 35%,white 99%,transparent),radial-gradient(1px 1px at 57% 54%,#ffe4a8 99%,transparent),radial-gradient(1px 1px at 70% 19%,#fff 99%,transparent)}
.doorway-star{position:absolute;color:#fffbd7;top:36px;left:52px;font-style:normal;font-size:23px;text-shadow:0 0 14px white;z-index:3}
.doorway-towers{position:absolute;bottom:0;left:0;right:0;height:75px;background:linear-gradient(transparent,rgba(6,21,58,.99)),repeating-linear-gradient(90deg,#16274f 0 11px,#234b8b 11px 17px,#0f2b63 17px 25px);clip-path:polygon(0 37%,11% 37%,11% 18%,18% 18%,18% 0,25% 18%,25% 47%,38% 47%,38% 12%,45% 12%,45% 38%,56% 38%,56% 5%,65% 25%,65% 45%,73% 45%,73% 0,81% 22%,81% 46%,89% 46%,89% 17%,98% 17%,98% 100%,0 100%)}
.doorway-handle{position:absolute;right:10px;top:124px;width:9px;height:9px;border-radius:50%;background:#ffe8a7;z-index:6;box-shadow:0 0 12px #ffce78}
.doorway-label{font-size:.55rem;color:#fee3a4;letter-spacing:.11em;margin-top:17px;font-weight:bold;white-space:nowrap}
.twilight-sparkles{position:absolute;inset:0;pointer-events:none;color:#ffdfa1;text-shadow:0 0 15px rgba(255,255,255,.8)}
.star-spray{position:absolute;animation:twinkle 4s ease-in-out infinite}
.star-a{left:12%;top:21%;font-size:16px}.star-b{left:49%;top:64%;font-size:25px;animation-delay:1s}.star-c{left:74%;top:27%;font-size:13px;animation-delay:2s}.star-d{right:7%;top:67%;font-size:17px;animation-delay:-1.4s}
.home-books{position:relative;padding:28px 0 76px;background:radial-gradient(ellipse at 50% -10%,rgba(57,106,162,.32),transparent 62%),linear-gradient(#0e214c,#0c1436 42%,#0a112a)}
.home-books:before{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 21%,#fdebbf 99%,transparent),radial-gradient(1px 1px at 78% 64%,white 99%,transparent);background-size:170px 198px}
.home-books>.container{position:relative}
.home-books-header{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:21px}
.home-books-header h2{font-size:clamp(2.1rem,3.3vw,3.2rem);margin:4px 0 0;color:#fae6c2}
.mini-bundle{font-family:"DM Sans",sans-serif;font-size:.74rem;color:#ffeba9;border:1px solid rgba(249,207,130,.49);background:rgba(240,202,114,.08);padding:12px 15px;white-space:nowrap;text-transform:uppercase;letter-spacing:.07em}
.mini-bundle:hover{background:rgba(243,204,119,.18)}
.home-book-foot{text-align:center;color:#bcc4db;font-size:.71rem;line-height:1.6;margin:23px auto 0}
.magic-bridge{text-align:center;padding:18px;color:var(--gold);letter-spacing:.8em;background:linear-gradient(#0a112a,#171b40);opacity:.74}
.home-collections{background:linear-gradient(180deg,#171b40 0%,#0e1530 90%)}
.real-book-cover{padding:0!important;background:#051a49!important;display:block!important}
.real-book-cover:before,.real-book-cover:after{display:none}
.real-book-cover img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.book-card:has(.real-book-cover){border-color:rgba(255,223,136,.64);background:linear-gradient(155deg,rgba(59,67,112,.75),rgba(20,24,57,.96));box-shadow:0 0 21px rgba(250,194,77,.07)}
.book-card:has(.real-book-cover)>.status{background:rgba(6,15,40,.92)}
.book-card .cover-title{font-size:clamp(1.5rem,2.3vw,2.1rem)}
.book-card .cover-author{font-weight:bold;font-size:.71rem;letter-spacing:.14em}
.book-card .cover-brand{font-size:.53rem}
.book-card h3{color:#fff1d5;font-weight:700}
.book-card .book-price{color:#ffdda0}
@keyframes door-glow{50%{opacity:.64;transform:scale(1.07)}}
@media(max-width:1100px){.magic-front-inner{grid-template-columns:minmax(0,1fr) 175px}.doorway-art{transform:scale(.87);transform-origin:center}.brand-title{font-size:1rem}.brand-sub{font-size:.57rem}}
@media(max-width:850px){.magic-front-inner{min-height:235px;grid-template-columns:minmax(0,1fr) 150px;gap:7px}.magic-front-title{font-size:clamp(2.6rem,6.3vw,4.2rem)}.magic-front-copy{padding:19px 0}.front-author{letter-spacing:.04em}.front-author strong{font-size:1.25rem}.front-intro{font-size:.7rem}.doorway-art{transform:scale(.75)}.home-books{padding-top:24px}}
@media(max-width:570px){.magic-front{min-height:213px}.magic-front-inner{min-height:209px;grid-template-columns:minmax(0,1fr) 88px;gap:0}.magic-front-title{font-size:clamp(2.25rem,9.3vw,3.35rem);line-height:.94}.magic-front-title span{font-size:.6em}.magic-front-copy .eyebrow{font-size:.45rem;letter-spacing:.11em}.front-author{font-size:.62rem;margin:7px 0}.front-author strong{display:block;margin:2px 0;font-size:clamp(1.17rem,5.6vw,1.5rem)}.front-intro{font-size:.64rem;line-height:1.5;margin:4px 0}.doorway-art{transform:scale(.54);transform-origin:center left;margin-left:0;width:150px}.home-books-header{align-items:start;flex-direction:column;gap:9px}.home-books-header h2{font-size:2.3rem}.mini-bundle{font-size:.59rem;padding:8px 11px}.home-books{padding-top:20px}.book-card .cover-title{font-size:1.47rem}.book-card .cover-brand{font-size:.35rem}.book-card .cover-author{font-size:.52rem}.brand-title{font-size:.77rem}.brand-sub{font-size:.48rem}.magic-bridge{letter-spacing:.5em}}
@media(prefers-reduced-motion:reduce){.star-spray,.doorway-halo{animation:none!important}}

/* Final polish: richer illustrated ambience; prevent narrow-screen overflow */
.magic-front{background-image:linear-gradient(90deg,rgba(8,17,45,.93) 0%,rgba(13,34,75,.81) 48%,rgba(8,23,59,.53) 100%),url("/assets/imaginara-ambient.webp");background-position:center,center 48%;background-size:cover}
.home-books .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-books .grid .book-card,.home-books .book-link{min-width:0}
@media(max-width:1100px){.home-books .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.home-books .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){
  .home-books .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home-books .grid .book-card{min-width:0;width:100%;padding:7px}
  .home-books .grid .book-link,.home-books .grid .cover{max-width:100%;min-width:0}
  .home-books .grid .cover{height:auto;aspect-ratio:2/3}
  .home-books .grid .cover .cover-title{font-size:1.26rem}
  .home-books-header h2{font-size:2rem;max-width:100%;line-height:1}
  .home-books .grid .book-card h3{font-size:1.18rem;overflow-wrap:anywhere}
  .home-books .grid .book-card .sub{font-size:.61rem}
  .home-books .grid .book-card .actions .btn{padding:8px 5px;font-size:.49rem}
  .home-books .grid .book-card .status{font-size:.42rem}
  .magic-front{background-image:linear-gradient(90deg,rgba(8,17,45,.92),rgba(13,34,75,.78) 65%,rgba(8,23,59,.63)),url("/assets/imaginara-ambient.webp")}
  .magic-front-title{font-size:clamp(2rem,8vw,3rem)}
  .magic-front-copy{min-width:0}
  .doorway-art{margin-left:-6px}
}

/* Jai Nagia: the creator behind Imaginara */
.author-story-section{padding:52px 0 104px;background:radial-gradient(ellipse at 14% 30%,rgba(65,124,179,.18),transparent 51%),linear-gradient(170deg,#101c3d,#0a122e)}
.page-hero:has(+ .author-story-section){padding:58px 0 24px}
.author-story-grid{display:grid;grid-template-columns:minmax(310px,.87fr) minmax(0,1.13fr);gap:clamp(38px,6.6vw,96px);align-items:center}
.author-story-image{margin:0;position:relative;padding:14px 14px 14px;border:1px solid rgba(243,210,145,.64);background:linear-gradient(140deg,rgba(233,185,100,.14),rgba(25,48,92,.75));box-shadow:0 25px 60px rgba(0,0,0,.31)}
.author-story-image:before,.author-story-image:after{position:absolute;content:"✧";font-size:36px;color:#ffe3a0;text-shadow:0 0 24px rgba(255,208,136,.65)}
.author-story-image:before{right:-20px;top:-27px}
.author-story-image:after{left:-20px;bottom:22px}
.author-story-image img{width:100%;height:auto;display:block;aspect-ratio:950/1187;object-fit:cover}
.author-story-image figcaption{font-size:.65rem;letter-spacing:.04em;text-align:center;color:#c5c7d7;padding:16px 6px 4px;line-height:1.6}
.author-story-copy h2{font-size:clamp(3.15rem,5.2vw,5.6rem);margin:12px 0 25px}
.author-story-copy p{font-size:.93rem;line-height:1.88;color:#d3d8ea;margin-bottom:17px}
.author-story-copy p.lead{font-family:"Cormorant Garamond",serif;font-size:1.75rem;line-height:1.4;color:#ffe4b7}
.author-story-copy strong{color:#fff0d0}
.author-signature{display:flex;flex-direction:column;gap:5px;font-family:"Marcellus",Georgia,serif;color:#ffe5a2;font-size:2rem;letter-spacing:.16em;border-top:1px solid rgba(239,209,143,.36);padding-top:24px;margin-top:30px}
.author-signature span{font-family:"DM Sans",sans-serif;font-size:.65rem;letter-spacing:.13em;color:#a6c8dc}
.author-home-feature{padding:75px 0;background:radial-gradient(ellipse at 82% 16%,rgba(187,128,71,.12),transparent 40%),linear-gradient(135deg,#0b1738,#162a50 55%,#14203e);border-top:1px solid rgba(243,210,145,.31);border-bottom:1px solid rgba(243,210,145,.31)}
.author-home-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:clamp(28px,7vw,105px);align-items:center;max-width:1000px}
.author-home-photo{padding:8px;display:block;position:relative;border:1px solid rgba(255,227,163,.72);box-shadow:0 0 0 5px rgba(255,209,113,.05),12px 17px 30px rgba(0,0,0,.29);transform:rotate(-2.3deg);transition:transform .25s ease}
.author-home-photo:hover{transform:rotate(0deg) translateY(-4px)}
.author-home-photo img{width:100%;height:auto;aspect-ratio:950/1187;object-fit:cover}
.author-home-copy h2{font-size:clamp(2.5rem,4.4vw,4.3rem);margin:9px 0 16px;color:#ffe5b1}
.author-home-copy .lead{font-size:1rem;line-height:1.78}
.author-home-copy .btn{margin-top:15px}
@media(max-width:900px){.author-story-grid{grid-template-columns:minmax(235px,.9fr) minmax(0,1.1fr);gap:30px}.author-story-copy h2{font-size:3.4rem}}
@media(max-width:720px){.author-story-section{padding:34px 0 72px}.author-story-grid{grid-template-columns:1fr}.author-story-image{max-width:410px;margin-inline:auto}.author-story-copy h2{font-size:3.9rem}.author-home-feature{padding:48px 0}.author-home-grid{grid-template-columns:130px minmax(0,1fr);gap:20px}.author-home-copy h2{font-size:2.35rem}.author-home-copy .lead{font-size:.85rem}.author-home-photo{transform:rotate(-2deg)}}
@media(max-width:530px){.author-home-grid{grid-template-columns:110px minmax(0,1fr);gap:14px}.author-home-copy h2{font-size:2rem}.author-home-copy .lead{font-size:.77rem}.author-home-copy .eyebrow{font-size:.56rem}.author-home-copy .btn{font-size:.55rem;padding:10px 11px;margin-top:8px}.author-story-copy h2{font-size:3.3rem}.author-story-copy p.lead{font-size:1.5rem}.author-home-feature{padding:40px 0}}

/* Approved Book 2: downloadable full-cover preview beneath the front panel */
.book-full-wrap-link{margin:22px 0 5px;text-align:center}
.book-full-wrap-link a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:12px 18px;font-size:.72rem;letter-spacing:.04em;color:#ffe4ac;border:1px solid rgba(243,207,131,.62);background:rgba(243,207,131,.06);transition:background .2s,transform .2s}
.book-full-wrap-link a:hover,.book-full-wrap-link a:focus-visible{background:rgba(243,207,131,.15);transform:translateY(-2px);outline-offset:4px}

/* Official cover-spread gallery: Books One and Two */
.cover-spread-section{padding:70px 0 90px;background:radial-gradient(ellipse at 50% 0%,rgba(75,118,180,.17),transparent 65%),#0b1532;border-top:1px solid rgba(242,205,131,.22)}
.cover-spread-section .container{max-width:1080px;text-align:center}
.cover-spread-section h2{color:#f9e5bf;font-size:clamp(2.25rem,4.1vw,3.6rem);margin:13px 0 28px}
.cover-spread-image{display:block;max-width:1050px;margin:0 auto;padding:9px;background:rgba(18,35,69,.86);border:1px solid rgba(247,207,123,.7);box-shadow:0 17px 52px rgba(0,0,0,.37),0 0 25px rgba(109,161,223,.12);transition:transform .25s,box-shadow .25s}
.cover-spread-image:hover,.cover-spread-image:focus-visible{transform:translateY(-3px);box-shadow:0 22px 60px rgba(0,0,0,.43),0 0 32px rgba(232,195,124,.19)}
.cover-spread-image img{display:block;width:100%;height:auto;object-fit:contain}
.cover-spread-section .hint{margin:20px auto 0}
@media(max-width:700px){.cover-spread-section{padding:43px 0 60px}.cover-spread-section h2{font-size:2.25rem}.cover-spread-image{padding:4px}}