.book-root{width:clamp(240px,24vw,320px);aspect-ratio:3 / 4;perspective:2000px;flex-shrink:0;cursor:pointer;position:relative;z-index:1}.book-root:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:80%;height:20px;background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0%,transparent 70%);filter:blur(8px);z-index:-1;pointer-events:none}.book-scene{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;perspective:2000px}.book{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(0);--depth: 65px}.frontCover,.backCover{position:absolute;inset:0;border-radius:7px;background-image:url(/textures/leather.webp);background-size:cover;background-position:center;background-color:#3d2817;box-shadow:inset 0 0 40px #0009,inset 0 0 0 2px #0000004d,0 14px 24px #24171447,0 0 60px #3d281780;backface-visibility:hidden;overflow:hidden;pointer-events:auto}.frontCover .coverGradient{position:absolute;inset:0;border-radius:7px;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.08) 0%,transparent 50%,rgba(0,0,0,.2) 100%);pointer-events:none;z-index:2}.frontCover:before{content:"";position:absolute;inset:12px;border:2px solid transparent;border-radius:4px;background:linear-gradient(135deg,#d4af37,#f4d03f,#d4af37,#c9a227,#d4af37) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:inset 0 0 12px #d4af3766,0 0 8px #d4af374d;pointer-events:none;z-index:5}.frontCover .goldCorner{position:absolute;width:40px;height:40px;border:2px solid transparent;border-radius:3px;background:linear-gradient(135deg,#d4af37,#f4d03f,#d4af37);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:0 0 6px #d4af3780;pointer-events:none;z-index:6}.frontCover .goldCorner--tl{top:16px;left:16px;border-right:none;border-bottom:none}.frontCover .goldCorner--tr{top:16px;right:16px;border-left:none;border-bottom:none}.frontCover .goldCorner--bl{bottom:16px;left:16px;border-right:none;border-top:none}.frontCover .goldCorner--br{bottom:16px;right:16px;border-left:none;border-top:none}.frontCover .embossedOrnament{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;opacity:.15;z-index:1;pointer-events:none;background:radial-gradient(circle at center,rgba(212,175,55,.3) 0%,transparent 70%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.frontCover{transform-origin:left center;will-change:transform;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-style:preserve-3d;pointer-events:auto}.cover-title{font-family:Georgia,serif;font-size:28px;font-weight:700;color:#d4af37;letter-spacing:.05em;text-shadow:1px 1px 2px rgba(0,0,0,.8),inset 0 2px 4px rgba(0,0,0,.6),0 0 8px rgba(212,175,55,.4);background:linear-gradient(135deg,#f4d03f,#d4af37,#c9a227 60%,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.7));position:relative;z-index:10}.cover-title:before{content:attr(data-text);position:absolute;left:0;top:0;color:transparent;text-shadow:0 0 1px rgba(212,175,55,.8),0 0 2px rgba(212,175,55,.4);z-index:-1;pointer-events:none}.cover-subtitle{font-size:12px;font-weight:600;letter-spacing:.2em;color:#c9a227;text-transform:uppercase;margin-top:8px;text-shadow:1px 1px 2px rgba(0,0,0,.7),0 0 4px rgba(212,175,55,.3);background:linear-gradient(135deg,#f4d03f,#d4af37,#c9a227);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:10}.backCover{transform:translateZ(calc(var(--depth) / -2)) rotateY(180deg);transform-style:preserve-3d}.pagesStack{position:absolute;inset:6px;border-radius:4px;background:repeating-linear-gradient(to bottom,#f8f4e9 0px 2px,#ebe2d2 2px 4px);transform:translateZ(calc(var(--depth) / 2 - 14px));box-shadow:inset 0 0 10px #0000001f,0 1px 3px #0000001f;pointer-events:none}.page-layer{position:absolute;inset:8px;border-radius:4px;background-color:#f9f5eb;background-image:url(/textures/paper.svg);background-size:cover;background-position:center;box-shadow:inset 0 0 8px #00000014,0 3px 8px #00000029;backface-visibility:visible;pointer-events:none}.page-layer:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:repeating-linear-gradient(to bottom,#fff9e8 0px 2px,#f0d9a8 2px 5px);border-radius:2px}.page-layer-2{transform:translateZ(calc(var(--depth) / 2 - 12px));z-index:4}.page-layer-2:after{transform:translateZ(1px)}.page-layer-3{transform:translateZ(calc(var(--depth) / 2 - 15px));z-index:3}.page-layer-3:after{transform:translateZ(1px)}.page-layer-4{transform:translateZ(calc(var(--depth) / 2 - 18px));z-index:2}.page-layer-4:after{transform:translateZ(1px)}.page-layer-5{transform:translateZ(calc(var(--depth) / 2 - 21px));z-index:1}.page-layer-5:after{transform:translateZ(1px)}.firstPage{position:absolute;inset:8px;border-radius:4px;background-color:#f9f5eb;background-image:url(/textures/paper.svg);background-size:cover;background-position:center;box-shadow:inset 0 0 8px #00000014,0 3px 8px #00000029;transform-origin:left center;will-change:transform;backface-visibility:visible;pointer-events:none}.secondPage{position:absolute;inset:8px;border-radius:4px;background-color:#f9f5eb;background-image:url(/textures/paper.svg);background-size:cover;background-position:center;box-shadow:inset 0 0 8px #00000014,0 3px 8px #00000029;transform-origin:left center;will-change:transform;backface-visibility:visible;padding:32px 28px 32px 40px;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.quote{max-width:95%;font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.6;color:#3a2d1d;letter-spacing:.02em;pointer-events:auto;user-select:text;cursor:text}.quote-drop-cap{float:left;line-height:.9;margin-right:6px;margin-top:4px;font-weight:700;color:#8b5a2b}.pageNumber{position:absolute;bottom:20px;right:40px;font-size:14px;color:#6d5a3b;font-family:Georgia,serif;font-style:italic;pointer-events:auto;user-select:text;cursor:text}@media(max-width:1024px){.book-root{width:clamp(200px,50vw,280px);margin-top:1rem}}@media(max-width:768px){.book-root{display:none}}@media(prefers-reduced-motion:reduce){.book-scene,.frontCover,.firstPage,.secondPage{animation:none!important}}@media print{.book-root{display:none}}.reveal{opacity:0;transform:translateY(12px);transition:opacity .38s ease,transform .38s ease;will-change:opacity,transform}.reveal--visible{opacity:1;transform:translateY(0)}.hover-lift{transition:transform .2s ease,border-color .2s ease,background-color .2s ease;will-change:transform,border-color}@media(hover:hover)and (pointer:fine){.hover-lift:hover{transform:translateY(-2px)}}.parallax-img{transition:transform .5s ease,filter .5s ease;will-change:transform}@media(hover:hover)and (pointer:fine){.group:hover .parallax-img{transform:scale(1.03) translateY(-2px);filter:saturate(1.02)}}.community-shell{color:var(--ink-0);background:linear-gradient(180deg,#f3efe605,#f3efe600 30%),linear-gradient(var(--bg-0),var(--bg-0))}.community-heading{font-family:Space Grotesk,Manrope,sans-serif;letter-spacing:-.03em}.community-rule{height:2px;background:linear-gradient(90deg,transparent 0%,var(--line-soft) 35%,var(--line-strong) 50%,var(--line-soft) 65%,transparent 100%)}.brutal-border{border:1.5px solid var(--line-soft)}.brutal-card{border-radius:6px;background:var(--bg-1)}@media(hover:hover)and (pointer:fine){.brutal-card:hover{border-color:var(--line-strong)}}.brutal-label{border:1px solid var(--line-strong);border-radius:4px;background:#f3efe60d;color:var(--ink-0);letter-spacing:.08em}.brutal-cta{border:1.5px solid var(--line-strong);border-radius:6px;background:var(--ink-0);color:var(--bg-0);transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}@media(hover:hover)and (pointer:fine){.brutal-cta:hover{transform:translateY(-2px);background:var(--accent-main);color:var(--ink-0);border-color:var(--accent-main)}}.brutal-cta:focus-visible{outline:2px solid var(--line-strong);outline-offset:2px}@media(prefers-reduced-motion:reduce){.reveal,.hover-lift,.parallax-img,.brutal-cta{transition:none;transform:none;animation:none;box-shadow:none;opacity:1}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}