.book-preview-reader{--book-reader-accent:#c8a96e;--book-reader-accent-soft:#c8a96e24;--book-reader-paper:#f0e7d6;--book-reader-paper-deep:#d7c7ae;--book-reader-ink:#14263a;width:min(1380px,100% - 48px);margin:0 auto clamp(7rem,13vw,12rem)}.book-preview-reader--orange{--book-reader-page-accent:#e6642f}.book-preview-reader--gold{--book-reader-page-accent:#9a7540}.book-preview-reader__heading{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:end;gap:clamp(2rem,7vw,7rem);width:min(1220px,100%);margin:0 auto clamp(2.5rem,5vw,4.5rem);display:grid}.book-preview-reader__eyebrow{color:var(--book-reader-accent);letter-spacing:.2em;text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:.62rem;font-weight:700}.book-preview-reader__heading h2{max-width:880px;color:var(--v3-text,var(--c-text));letter-spacing:-.075em;margin:1rem 0 0;font-family:Inter,sans-serif;font-size:clamp(3rem,6.3vw,6.5rem);font-weight:900;line-height:.9}.book-preview-reader__heading h2 em{color:var(--book-reader-accent);font-family:Cormorant Garamond,Georgia,serif;font-weight:600}.book-preview-reader__heading>p{max-width:430px;color:var(--v3-text-body,var(--c-text-2));margin:0;padding-bottom:.35rem;font-size:.96rem;line-height:1.7}.book-preview-reader__shell{border:1px solid var(--v3-border-mid,var(--c-border-2));background:rgba(var(--v3-bg-rgb,15, 17, 20), .8);box-shadow:var(--v3-shadow-deep,0 36px 100px #0000006b);-webkit-backdrop-filter:blur(18px);border-radius:clamp(18px,2.5vw,32px);position:relative;overflow:hidden}.book-preview-reader__shell:before{content:"";pointer-events:none;background-image:linear-gradient(#c8a96e0e 1px,#0000 1px),linear-gradient(90deg,#c8a96e0e 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 34%);mask-image:linear-gradient(#000,#0000 34%)}.book-preview-reader__controls{z-index:2;border-bottom:1px solid var(--v3-border,var(--c-border));grid-template-columns:minmax(78px,1fr) auto minmax(78px,1fr);align-items:center;gap:1rem;min-height:84px;padding:1rem clamp(1rem,3vw,2rem);display:grid;position:relative}.book-preview-reader__controls>button{min-height:42px;color:var(--v3-text-muted,var(--c-text-4));letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font:700 .58rem/1 DM Mono,monospace;transition:color .2s,opacity .2s}.book-preview-reader__controls>button:first-child{justify-self:start}.book-preview-reader__controls>button:last-child{justify-self:end}.book-preview-reader__controls>button:hover:not(:disabled),.book-preview-reader__controls>button:focus-visible{color:var(--book-reader-accent)}.book-preview-reader__controls>button:focus-visible,.book-preview-reader__progress button:focus-visible,.book-preview-reader__track:focus-visible{outline:2px solid var(--book-reader-accent);outline-offset:3px}.book-preview-reader__controls>button:disabled{opacity:.24;cursor:default}.book-preview-reader__progress{gap:.35rem;display:flex}.book-preview-reader__progress button{border:1px solid var(--v3-border-mid,var(--c-border-2));width:38px;height:38px;color:var(--v3-text-muted,var(--c-text-4));background:rgba(var(--v3-surface-rgb,19, 21, 25), .38);cursor:pointer;border-radius:50%;font:700 .54rem/1 DM Mono,monospace;transition:color .2s,border-color .2s,background .2s,transform .2s}.book-preview-reader__progress button:hover{color:var(--v3-text,var(--c-text));border-color:var(--book-reader-accent);transform:translateY(-2px)}.book-preview-reader__progress button.is-active{color:#0f1114;border-color:var(--book-reader-accent);background:var(--book-reader-accent)}.book-preview-reader__track{z-index:1;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:var(--book-reader-accent) var(--v3-border,var(--c-border));scrollbar-width:thin;grid-auto-columns:min(82vw,940px);grid-auto-flow:column;gap:clamp(1rem,2vw,1.5rem);padding:clamp(1rem,3vw,2.5rem) clamp(1rem,5vw,5rem) clamp(2rem,5vw,4rem);scroll-padding-inline:clamp(1rem,5vw,5rem);display:grid;position:relative;overflow-x:auto}.book-preview-reader__track:focus-visible{outline-offset:-6px}.book-preview-reader__track::-webkit-scrollbar{height:8px}.book-preview-reader__track::-webkit-scrollbar-track{background:var(--v3-border,var(--c-border))}.book-preview-reader__track::-webkit-scrollbar-thumb{background:var(--book-reader-accent);border-radius:999px}.book-preview-reader__page{scroll-snap-align:start;background:radial-gradient(circle at 78% 12%, #fff9, transparent 22%), var(--book-reader-paper);min-height:960px;color:var(--book-reader-ink);border:1px solid #14263a1a;border-radius:5px 16px 16px 5px;flex-direction:column;padding:clamp(2.2rem,5vw,5rem);display:flex;position:relative;overflow:hidden;box-shadow:16px 22px 50px #03070d47,inset 16px 0 30px #14263a0e}.book-preview-reader__page:before{content:"";background:linear-gradient(90deg,#14263a33,#0000);width:10px;position:absolute;top:0;bottom:0;left:0}.book-preview-reader__page>header{border-bottom:1px solid #14263a2e;padding-bottom:clamp(1.8rem,4vw,3rem);position:relative}.book-preview-reader__page>header>span,.book-preview-reader__page>header>small,.book-preview-reader__page h4,.book-preview-reader__page>footer{text-transform:uppercase;font-family:DM Mono,monospace}.book-preview-reader__page>header>span{color:var(--book-reader-page-accent);letter-spacing:.18em;font-size:.68rem;font-weight:800}.book-preview-reader__page>header>small{float:right;color:#14263a7a;letter-spacing:.11em;font-size:.55rem}.book-preview-reader__page h3{max-width:740px;color:var(--book-reader-ink);letter-spacing:-.075em;margin:1.25rem 0 0;font-family:Inter,sans-serif;font-size:clamp(3.2rem,6vw,6.2rem);font-weight:900;line-height:.88}.book-preview-reader__page>header>p{max-width:680px;color:var(--book-reader-page-accent);margin:1.2rem 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.35rem,2.3vw,1.9rem);font-weight:650;line-height:1.25}.book-preview-reader__body{flex:1;grid-template-columns:minmax(0,1fr) minmax(230px,.43fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);padding:clamp(2rem,4vw,3.5rem) 0;display:grid}.book-preview-reader__page h4{color:var(--book-reader-page-accent);letter-spacing:.17em;margin:0 0 1rem;font-size:.58rem;font-weight:800}.book-preview-reader__copy p{color:#14263acc;max-width:68ch;margin:.95rem 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.04rem,1.5vw,1.18rem);font-weight:500;line-height:1.58}.book-preview-reader__copy p:first-of-type:first-letter{float:left;color:var(--book-reader-ink);margin:.08em .08em 0 0;font-size:4.1em;font-weight:700;line-height:.72}.book-preview-reader__page aside{border-top:3px solid var(--book-reader-page-accent);background:#14263a0f;padding:1.5rem}.book-preview-reader__page aside p{color:#14263ac2;margin:0;font-size:.84rem;line-height:1.68}.book-preview-reader__page>footer{color:#14263a70;letter-spacing:.14em;border-top:1px solid #14263a2e;justify-content:space-between;padding-top:1rem;font-size:.5rem;display:flex}@media (width<=980px){.book-preview-reader__heading,.book-preview-reader__body{grid-template-columns:1fr}.book-preview-reader__heading>p{margin-top:1.25rem}.book-preview-reader__page{min-height:auto}}@media (width<=720px){.book-preview-reader{width:min(100% - 28px,1380px)}.book-preview-reader__heading{display:block}.book-preview-reader__heading h2{font-size:clamp(2.8rem,13vw,4.5rem)}.book-preview-reader__controls{grid-template-columns:1fr 1fr;gap:.5rem 1rem}.book-preview-reader__controls>button:last-child{grid-area:1/2}.book-preview-reader__progress{grid-area:2/1/auto/-1;justify-self:center}.book-preview-reader__progress button{width:36px;height:36px}.book-preview-reader__track{grid-auto-columns:calc(100vw - 48px);padding:.8rem .65rem 1.8rem;scroll-padding-inline:.65rem}.book-preview-reader__page{border-radius:4px 12px 12px 4px;padding:2rem 1.25rem 1.5rem}.book-preview-reader__page>header>small{float:none;margin-top:.7rem;display:block}.book-preview-reader__page h3{font-size:clamp(2.7rem,13vw,4.2rem)}.book-preview-reader__body{gap:1.8rem;padding:1.8rem 0 2rem}.book-preview-reader__copy p{font-size:1.05rem}.book-preview-reader__page>footer{gap:1rem}}@media (prefers-reduced-motion:reduce){.book-preview-reader__progress button,.book-preview-reader__controls>button{transition:none}}
