/* A quiet, literary backdrop. The moving layers sit behind the real content. */
body{background-color:#f4efe5;background-image:radial-gradient(ellipse at 12% 9%,#fffdf5 0,transparent 42%),radial-gradient(ellipse at 92% 26%,#e8d9b7 0,transparent 38%),linear-gradient(135deg,#f4efe5,#ece4d3 65%,#faf6ec)}
body::after{background:radial-gradient(ellipse at center,transparent 65%,rgba(76,51,22,.045));z-index:0}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23978766' opacity='.2' filter='url(%23p)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ambient i{position:absolute;width:65vw;height:65vw;border-radius:50%;background:radial-gradient(circle,rgba(202,168,88,.13),transparent 66%);top:-24vw;right:-25vw;animation:ambient-drift 24s ease-in-out infinite alternate}
.ambient i:nth-child(2){top:40%;right:auto;left:-34vw;background:radial-gradient(circle,rgba(126,62,48,.06),transparent 67%);animation-duration:30s;animation-delay:-12s}
@keyframes ambient-drift{to{transform:translate(-7vw,8vh) scale(1.1)}}
.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7a2636,#b29a50);z-index:201;pointer-events:none}
.navbar.scrolled{background:rgba(247,242,231,.96);box-shadow:0 4px 24px rgba(72,44,16,.05)}
.hero{gap:48px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.hero h1{font-size:clamp(4rem,6.7vw,6.5rem)}
.hero h1 em{color:#887132}
.hero-bg-letter{color:#9d8044;opacity:.055}
.hero-book-wrap{min-width:0;position:relative;isolation:isolate}
.hero-book-wrap::before{content:'';position:absolute;left:50%;top:45%;width:108%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(139,112,55,.17);border-radius:50%;background:radial-gradient(ellipse,rgba(255,253,243,.9),rgba(227,207,159,.2) 54%,transparent 70%);z-index:-1}
.hero-book-wrap::after{content:'';position:absolute;left:50%;top:45%;width:92%;aspect-ratio:1;border:1px solid rgba(139,112,55,.12);border-radius:50%;z-index:-1;transform:translate(-50%,-50%) rotate(-18deg) scaleX(.86)}
.book-display{position:relative;width:100%;max-width:450px}
.book-scene{--bw:clamp(210px,23vw,300px);--bh:calc(var(--bw)*1.3033333333);--bd:calc(var(--bw)*.1066666667);width:100%;height:490px;perspective:1200px;perspective-origin:50% 44%;display:flex;justify-content:center;align-items:center;transform:none;touch-action:pan-y;outline-offset:10px;cursor:grab}
.book-scene:active{cursor:grabbing}
.book-3d{width:var(--bw);height:var(--bh);position:relative;transform-style:preserve-3d;transform:rotateX(7deg) rotateY(-24deg);transition:none;will-change:transform}
/* All six faces share the same central origin; no displaced edge hinges. */
.bf{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:center;box-shadow:none}
.bf-front,.bf-back{left:0;top:0;width:var(--bw);height:var(--bh);background:#c5af78}
.bf-front{transform:translateZ(calc(var(--bd)/2))}
.bf-back{transform:rotateY(180deg) translateZ(calc(var(--bd)/2))}
.bf-front img,.bf-back img,.bf-spine img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-drag:none}
.bf-front::after,.bf-back::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(36,25,12,.17),transparent 3%,rgba(255,255,255,.12) 5%,transparent 11%);box-shadow:inset 0 0 0 1px rgba(71,49,17,.14)}
.bf-spine,.bf-pages{left:calc((var(--bw) - var(--bd))/2);top:0;width:var(--bd);height:var(--bh)}
.bf-spine{transform:rotateY(-90deg) translateZ(calc(var(--bw)/2));background:#bfa773}
.bf-pages{transform:rotateY(90deg) translateZ(calc(var(--bw)/2));background:repeating-linear-gradient(90deg,#eee6d3 0,#eee6d3 1px,#d6cbb1 1px,#d6cbb1 2px);box-shadow:inset 0 0 7px rgba(87,65,27,.16)}
.bf-top,.bf-bottom{left:0;top:calc((var(--bh) - var(--bd))/2);width:var(--bw);height:var(--bd);background:repeating-linear-gradient(0deg,#f1e9d8 0,#f1e9d8 1px,#d9ceb8 1px,#d9ceb8 2px)}
.bf-top{transform:rotateX(90deg) translateZ(calc(var(--bh)/2))}
.bf-bottom{transform:rotateX(-90deg) translateZ(calc(var(--bh)/2));background-color:#d5c7a6}
.book-shadow{bottom:18px;width:70%;height:30px;background:radial-gradient(ellipse,rgba(60,41,16,.27),transparent 70%);filter:blur(9px)}
.book-tools{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;color:#756346;font-size:.74rem;letter-spacing:.035em}
.book-tools button{background:rgba(255,253,246,.65);border:1px solid #c7b889;padding:7px 12px;border-radius:30px;color:#4c3b1e;cursor:pointer;font:inherit;min-height:34px}
.book-tools button:hover{background:#fffaf0;border-color:#8e7538}
.section-wrap,.author-grid{scroll-margin-top:80px}
.detail-cells{border-color:#cdbd98;box-shadow:0 14px 40px rgba(65,44,14,.04)}
.dcell{background:rgba(255,253,245,.52);transition:background .2s}
.dcell:hover{background:rgba(255,253,245,.95)}
.author-section{background:linear-gradient(120deg,rgba(202,178,123,.13),rgba(255,251,242,.6));border-color:rgba(158,125,57,.23)}
.btn-hero-buy,.btn-add-cart,.btn-nav-buy{transition:background .2s,box-shadow .2s,transform .2s}
.btn-hero-buy:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(95,67,15,.22)}
.rc{transition:padding-left .25s,background .25s}.rc:hover{padding-left:10px;background:rgba(255,252,242,.38)}
.discovery{position:relative;background:rgba(255,252,244,.58);border-top:1px solid #d8c8a5;border-bottom:1px solid #d8c8a5}
.discovery-inner{max-width:1120px;padding:85px 56px;margin:auto}
.discovery-intro{max-width:760px}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:38px 0 50px}
.topic-card{padding:28px 24px;border:1px solid #d6c7a6;background:linear-gradient(135deg,#fffcf5,#f1e9d8);position:relative}
.topic-card .number{font:italic 32px 'Cormorant Garamond',Georgia,serif;color:#9c8343}
.topic-card h3{font:600 25px/1.15 'Cormorant Garamond',Georgia,serif;margin:14px 0;color:#302411}
.topic-card p{font-size:.91rem;color:#57452b;line-height:1.8}
.faq{max-width:800px}.faq details{border-bottom:1px solid #d4c4a0;padding:18px 0}.faq summary{cursor:pointer;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;font-weight:600;color:#443318}.faq details p{font-size:.95rem;line-height:1.85;color:#58472f;margin:12px 0 0}.faq a{color:#704e20;text-underline-offset:3px}
.reveal-once{animation:reveal-once .75s cubic-bezier(.2,.7,.2,1) both}
@keyframes reveal-once{from{opacity:.35;transform:translateY(22px)}to{opacity:1;transform:none}}
.skip-link{position:fixed;left:20px;top:-80px;z-index:10000;background:#fff9ea;color:#241c0d;padding:12px 20px}.skip-link:focus{top:12px}
:focus-visible{outline:2px solid #8e6524;outline-offset:4px}
@media(max-width:960px){.hero{grid-template-columns:minmax(0,1fr);gap:40px}.hero-book-wrap{max-width:440px;width:100%;margin:auto}.book-scene{--bw:280px;height:425px}.hero-text{max-width:660px;margin:auto}.hero h1{font-size:clamp(3rem,9vw,5.5rem)}.hero-eyebrow{justify-content:center}.hero-book-wrap::before{width:95%}.hero-book-wrap::after{width:83%}.topic-grid{gap:12px}.topic-card{padding:22px 18px}}
@media(max-width:600px){.hero{padding-top:104px;gap:30px}.book-scene{--bw:clamp(195px,65vw,260px);height:365px;transform:none}.book-shadow{bottom:8px}.book-tools{margin-top:5px;font-size:.68rem;gap:8px}.book-tools span{flex-basis:100%;text-align:center}.hero h1{font-size:clamp(2.45rem,11vw,4rem)}.hero-book-wrap::before{width:102%}.hero-book-wrap::after{width:90%}.topic-grid{grid-template-columns:1fr}.discovery-inner{padding:64px 28px}.topic-card{padding:22px}.nav-right{flex-shrink:0}.nav-logo{font-size:.92rem}.hero-stats{gap:1.1rem}.book-display{max-width:340px}.scroll-hint{position:static;order:3;justify-content:center;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient i,.reveal-once,.scroll-chev{animation:none!important}*,*::before,*::after{transition:none!important}.btn-hero-buy:hover{transform:none}.book-3d{will-change:auto}}