@layer theme, base, components, utilities;@layer components{.book-scrub{--bs-sheen:0;--bs-glow:0;--bs-paper:#f4eee1;--bs-paper-shade:#e4dac4;--bs-ink:#241d13;--bs-h:clamp(22rem,74vh,44rem);--bs-w:calc(var(--bs-h) / 1.5);--bs-depth:calc(var(--bs-w) * 0.096)}.book-scrub-stage{padding-inline:1.5rem;padding-block-start:calc(var(--header-h) + clamp(1.75rem, 7vh, 6rem))}.book,.book-scrub-stage{display:grid;justify-items:center;gap:3rem}.book{width:100%;grid-template-columns:repeat(auto-fit,minmax(min(var(--bs-w),100%),max-content));justify-content:center}.book-back,.book-cover{order:-1}.book-hero{max-width:48rem;text-align:center}.book-back{position:relative;width:var(--bs-w);border-radius:.5rem .15rem .15rem .5rem;overflow:clip;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06)}.book-back-art{display:block;width:100%;height:auto}.book-cover{position:relative;width:var(--bs-w);border-radius:.15rem .5rem .5rem .15rem;overflow:clip;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06)}.book-cover-art{display:block;width:100%;height:auto}.book-block,.book-cover-hinge,.book-cover-inside,.book-cover-sheen,.book-leaf-face--back,.book-page--left,.book-scrub-hint,.book-spine{display:none}.book-page--right{display:grid;gap:1.25rem;width:min(38rem,100%)}.book-leaf-face--front{border-radius:var(--radius-lg);border:1px solid var(--color-border-1);background:var(--color-elev-1);padding:clamp(1.15rem,4.5vw,3rem)}.book-quote{font-family:var(--font-display);font-size:1.15rem;line-height:1.45;font-weight:500;text-wrap:balance}.book-cite{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;font-size:.8rem;color:var(--color-muted)}.book-folio{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-2)}.book-scrub[data-live=true]{height:380vh}.book-scrub[data-live=true] .book-scrub-stage{position:sticky;top:0;display:grid;place-items:center;height:100svh;gap:0;perspective:1600px;perspective-origin:50% 45%;overflow:clip}.book-scrub[data-live=true] .book-scrub-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(58% 46% at 50% 52%,color-mix(in srgb,var(--color-accent) 22%,transparent) 0,transparent 70%);opacity:calc(var(--bs-glow) * .85);pointer-events:none}.book-scrub[data-live=true] .book-scene{transform-style:preserve-3d;will-change:transform}.book-scrub[data-live=true] .book-scrub-stage{padding-inline:0;padding-block-start:0}.book-scrub[data-live=true] .book-hero{position:absolute;z-index:calc(var(--z-base) + 3);top:calc(var(--header-h) + clamp(.75rem, 4vh, 3rem));left:50%;width:min(52rem,88vw);transform:translateX(-50%);pointer-events:none;text-shadow:0 2px 18px rgba(10,10,15,.75)}.book-scrub[data-live=true] .book-scene{z-index:1}.book-scrub[data-live=true] .book{display:block;gap:0;position:relative;width:var(--bs-w);height:var(--bs-h);transform-style:preserve-3d;will-change:transform}.book-scrub[data-live=true] .book-back{display:block;position:absolute;inset:0;width:auto;border-radius:.4rem .1rem .1rem .4rem;overflow:clip;transform:translateZ(calc(var(--bs-depth) * -1)) rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.07)}.book-scrub[data-live=true] .book-back-art{height:100%;object-fit:cover}.book-scrub[data-live=true] .book-spine{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;left:0;width:var(--bs-depth);transform-origin:left center;transform:translateZ(calc(var(--bs-depth) * -1)) rotateY(-90deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(90deg,#05050a,#14102b 45%,#0a0a12)}.book-scrub[data-live=true] .book-spine-label{flex:none;width:var(--bs-h);transform:rotate(90deg);white-space:nowrap;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(6px,calc(var(--bs-depth) * .24),13px);line-height:1;letter-spacing:.09em;font-weight:700;color:#f4f4f6}.book-scrub[data-live=true] .book-spine-sep{color:#00e5a0;padding:0 .28em}.book-scrub[data-live=true] .book-spine-author{font-weight:400;color:#c9c5e0}.book-scrub[data-live=true] .book-block{display:block;position:absolute;inset:.7% .45% .7% 0;border-radius:.1rem .4rem .4rem .1rem;background:transparent;transform:translateZ(-2px);box-shadow:0 26px 60px -22px rgba(0,0,0,.9)}.book-scrub[data-live=true] .book-block-edge{position:absolute;top:1.5%;bottom:1.5%;right:0;width:var(--bs-depth);background:repeating-linear-gradient(180deg,var(--bs-paper-shade) 0 1px,var(--bs-paper) 1px 2.5px);transform-origin:right center;transform:rotateY(-90deg)}.book-scrub[data-live=true] .book-page{position:absolute;inset:0;border-radius:.1rem .35rem .35rem .1rem;background:var(--bs-paper);transform-style:preserve-3d}.book-scrub[data-live=true] .book-page--left{display:block;left:-100%;border-radius:.35rem .1rem .1rem .35rem;background:linear-gradient(270deg,var(--bs-paper-shade) 0,var(--bs-paper) 14%);transform:translateZ(-1px)}.book-scrub[data-live=true] .book-page--right{display:block;width:auto;gap:0;inset:.7% .45% .7% 0;background:linear-gradient(90deg,var(--bs-paper-shade) 0,var(--bs-paper) 14%);transform:translateZ(-.8px)}.book-scrub[data-live=true] .book-leaf{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.book-scrub[data-live=true] .book-leaf-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:12% 11% 14%;border:0;border-radius:.1rem .35rem .35rem .1rem;background:linear-gradient(90deg,var(--bs-paper-shade) 0,var(--bs-paper) 14%);backface-visibility:hidden;-webkit-backface-visibility:hidden}.book-scrub[data-live=true] .book-leaf-face--back{display:block;transform:rotateY(180deg);background:linear-gradient(270deg,var(--bs-paper-shade) 0,var(--bs-paper) 14%)}.book-scrub[data-live=true] .book-quote{color:var(--bs-ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(.72rem,1.55vh,1.05rem);line-height:1.5;font-weight:400}.book-scrub[data-live=true] .book-cite{margin-top:.9em;flex-direction:column;gap:.35em;font-family:Georgia,Times New Roman,serif;font-size:clamp(.5rem,1.05vh,.72rem);font-style:italic;color:color-mix(in srgb,var(--bs-ink) 58%,transparent)}.book-scrub[data-live=true] .book-folio{font-family:Georgia,Times New Roman,serif;font-style:normal;letter-spacing:.14em;text-transform:none;color:color-mix(in srgb,var(--bs-ink) 42%,transparent)}.book-scrub[data-live=true] .book-cover{order:0;position:absolute;inset:0;width:auto;transform-origin:left center;transform-style:preserve-3d;will-change:transform;border-radius:.1rem .4rem .4rem .1rem;box-shadow:0 30px 70px -22px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.07);overflow:visible}.book-scrub[data-live=true] .book-cover-art{height:100%;object-fit:cover;border-radius:inherit}.book-scrub[data-live=true] .book-cover-art,.book-scrub[data-live=true] .book-cover-hinge,.book-scrub[data-live=true] .book-cover-sheen{backface-visibility:hidden;-webkit-backface-visibility:hidden}.book-scrub[data-live=true] .book-cover-inside{display:block;position:absolute;inset:0;border-radius:.4rem .1rem .1rem .4rem;background:linear-gradient(270deg,var(--bs-paper-shade) 0,var(--bs-paper) 18%);transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.book-scrub[data-live=true] .book-cover-sheen{display:block;position:absolute;inset:0;background:linear-gradient(100deg,transparent 34%,rgba(255,255,255,.34) 50%,transparent 66%);background-size:260% 100%;background-position:calc(148% - var(--bs-sheen) * 196%) 0;opacity:calc(.25 + var(--bs-sheen) * .75);pointer-events:none}.book-scrub[data-live=true] .book-cover-hinge{display:block;position:absolute;top:0;bottom:0;left:0;width:5%;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.12) 60%,transparent);pointer-events:none}.book-scrub[data-live=true] .book-scrub-hint{display:block;position:absolute;bottom:clamp(1.5rem,6vh,4rem);font-family:var(--font-display);font-size:var(--text-label);font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1;font-feature-settings:"case" 1;color:var(--color-muted)}.book-scrub[data-live=true] .book-scrub-hint:after{content:"";display:block;width:1px;height:2rem;margin:.9rem auto 0;background:linear-gradient(180deg,var(--color-accent-2),transparent)}@media (max-width:640px){.book-scrub{--bs-h:clamp(20rem,58vh,30rem)}}}