.geist-book-perspective{cursor:pointer;--book-default-width:196;--book-color:var(--color-zinc-50);--book-text-color:#18181b;--book-depth:29cqw;--book-border-radius:6px 4px 4px 6px;--hover-rotate:-20deg;--hover-scale:1.066;--hover-translate-x:-8px;--aspect-ratio:49/60;--bg-shadow:linear-gradient(90deg,#fff0,#fff0 12%,#ffffff40 29.25%,#fff0 50.5%,#fff0 75.25%,#ffffff40 91%,#fff0),linear-gradient(90deg,#00000008,#0000001a 12%,#0000 30%,#00000005 50%,#0003 73.5%,#00000080 75.25%,#00000026 85.25%,#0000);perspective:900px;width:fit-content;display:inline-block;vertical-align:bottom}.geist-book-perspective:hover .geist-book-rotate-wrapper{transform:rotateY(var(--hover-rotate)) scale(var(--hover-scale)) translateX(var(--hover-translate-x))}.geist-book-perspective.geist-book-no-hover:hover .geist-book-rotate-wrapper{transform:none}.geist-book-rotate-wrapper{aspect-ratio:var(--aspect-ratio);width:fit-content;transform-style:preserve-3d;min-width:calc(var(--book-width) * 1px);transition:transform .25s ease-out;position:relative;transform:rotate(0);container-type:inline-size}.geist-book-rotate-wrapper>:first-child{min-width:calc(var(--book-width) * 1px);position:absolute}.geist-book-pages{background:linear-gradient(90deg,var(--color-zinc-200) 0,#0000 70%),linear-gradient(#fff,var(--color-zinc-50));height:calc(100% - 6px);width:calc(var(--book-depth) - 2px);transform:translateX(calc(var(--book-width) * 1px - var(--book-depth) / 2 - 3px)) rotateY(90deg) translateX(calc(var(--book-depth) / 2));position:absolute;top:3px}.geist-book-pages.geist-book-pages-textured{background:repeating-linear-gradient(90deg,#fff,var(--color-zinc-100) 1px,#fff 3px,var(--color-zinc-400) 1px)}.geist-book-back{transform:translateZ(calc(-1 * var(--book-depth)));position:absolute;left:0}.geist-book,.geist-book-back{width:calc(var(--book-width) * 1px);border-radius:var(--book-border-radius);height:100%}.geist-book{background:var(--book-color);position:relative;overflow:hidden;transform:translateZ(0);display:flex;flex-direction:column;box-shadow:0 1px 1px #00000005,0 4px 8px -4px #0000001a,0 16px 24px -8px #00000008}.geist-book:after{border:1px solid rgba(0,0,0,.06);width:100%;height:100%;box-shadow:inset 0 1px 2px #ffffff4d}.geist-book:after,.geist-book:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;z-index:2}.geist-book:before{opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px}.geist-book-body{display:flex;width:100%}.geist-book-bind{width:8.2%;height:100%;min-width:8.2%}.geist-book-body .geist-book-bind{background:var(--bg-shadow);opacity:.2}.geist-book-content{display:flex;flex-direction:column;width:100%;height:100%;padding:6.1%;container-type:inline-size}.geist-book-children-bottom{margin-top:auto}.geist-book-stripe-children{position:absolute;left:13.8%;right:6.1%;bottom:6.1%;z-index:1}.geist-book-title{color:var(--book-text-color);text-wrap:balance;font-weight:600;margin:0;letter-spacing:-.02em;line-height:1.25em}.geist-book-illustration{object-fit:cover;position:absolute;inset:0;width:100%;height:100%}.geist-book-stripe-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-start;padding:12px}.geist-book-rotate-wrapper.geist-book-simple .geist-book-back{background:var(--book-color)}.geist-book-rotate-wrapper.geist-book-simple .geist-book-body{width:100%;height:100%;overflow:hidden}.geist-book-rotate-wrapper.geist-book-simple:not(.geist-book-color) .geist-book-body{background:linear-gradient(#fff,var(--color-zinc-100))}.geist-book-rotate-wrapper.geist-book-simple .geist-book-content{gap:calc((16px / var(--book-default-width)) * var(--book-width))}.geist-book-rotate-wrapper.geist-book-simple .geist-book-content .geist-book-title{letter-spacing:-.02em;font-size:12cqw;line-height:1.25em;text-shadow:0 .025em .5px color-mix(in srgb,var(--book-color) 80%,#fff 20%),-.02em -.02em .5px color-mix(in srgb,var(--book-color) 80%,#000 20%)}.geist-book-rotate-wrapper.geist-book-stripe .geist-book{background:var(--color-zinc-50)}.geist-book-rotate-wrapper.geist-book-stripe .geist-book-back{background-color:var(--color-zinc-200)}.geist-book-rotate-wrapper.geist-book-stripe .geist-book-stripe-region{background:var(--book-color);flex:1;width:100%;position:relative;overflow:hidden;transform:translateZ(0)}.geist-book-rotate-wrapper.geist-book-stripe .geist-book-stripe-region .geist-book-bind{background:var(--bg-shadow);mix-blend-mode:overlay;position:absolute;top:0;left:0}.geist-book-rotate-wrapper.geist-book-stripe .geist-book-body{flex:1;height:50%;background:linear-gradient(#fff,var(--color-zinc-100))}.geist-book-rotate-wrapper.geist-book-stripe .geist-book-stripe-region{height:50%}.geist-book-rotate-wrapper.geist-book-stripe .geist-book-content{gap:calc((24px / var(--book-default-width)) * var(--book-width))}.geist-book-rotate-wrapper.geist-book-stripe .geist-book-content .geist-book-title{letter-spacing:-.02em;font-size:10.5cqw;line-height:1.25em}.geist-book-rotate-wrapper.geist-book-stripe-inverted .geist-book{background:var(--color-zinc-50)}.geist-book-rotate-wrapper.geist-book-stripe-inverted .geist-book-back{background-color:var(--color-zinc-200)}.geist-book-rotate-wrapper.geist-book-stripe-inverted .geist-book-stripe-region{background:var(--book-color);flex:1;width:100%;position:relative;overflow:hidden;transform:translateZ(0);height:50%}.geist-book-rotate-wrapper.geist-book-stripe-inverted .geist-book-stripe-region .geist-book-bind{background:var(--bg-shadow);mix-blend-mode:overlay;position:absolute;top:0;left:0}.geist-book-rotate-wrapper.geist-book-stripe-inverted .geist-book-body{flex:1;height:50%}.geist-book-rotate-wrapper.geist-book-stripe-inverted .geist-book-content{gap:calc((24px / var(--book-default-width)) * var(--book-width))}.geist-book-rotate-wrapper.geist-book-stripe-inverted .geist-book-content .geist-book-title{letter-spacing:-.02em;font-size:10.5cqw;line-height:1.25em}