.book-container{perspective:800px;width:100%;max-width:calc(190px * var(--book-scale,1));justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex}@media (width>=640px){.book-container{max-width:calc(220px * var(--book-scale,1))}}@media (width>=1024px){.book-container{max-width:calc(240px * var(--book-scale,1))}}.book-container-landscape{max-width:calc(310px * var(--book-scale,1))}@media (width>=640px){.book-container-landscape{max-width:calc(360px * var(--book-scale,1))}}@media (width>=1024px){.book-container-landscape{max-width:calc(400px * var(--book-scale,1))}}.book{width:100%;aspect-ratio:var(--aspect-book);transform-style:preserve-3d;transition:transform 1s;position:relative;transform:rotateY(-12deg)}.book-container-landscape .book{transform:rotateY(-7deg)}.book-container:hover .book,.book-container:focus .book,.group:hover .book{will-change:transform;transform:rotateY(0)}.book>:first-child{background-color:var(--color-card);width:100%;height:100%;box-shadow:5px 5px 20px color-mix(in srgb, var(--color-foreground) 25%, transparent);border-radius:0 2px 2px 0;position:absolute;top:0;left:0;transform:translateZ(10px)}.book-spine{background:linear-gradient(90deg, var(--color-card) 0%, color-mix(in srgb, var(--color-card) 95%, var(--color-foreground)) 5%, var(--color-card) 10%, color-mix(in srgb, var(--color-card) 95%, var(--color-foreground)) 15%, var(--color-card) 20%, color-mix(in srgb, var(--color-card) 95%, var(--color-foreground)) 25%, var(--color-card) 30%, color-mix(in srgb, var(--color-card) 95%, var(--color-foreground)) 35%, var(--color-card) 40%, color-mix(in srgb, var(--color-card) 95%, var(--color-foreground)) 45%, var(--color-card) 50%, color-mix(in srgb, var(--color-card) 95%, var(--color-foreground)) 55%, var(--color-card) 60%, color-mix(in srgb, var(--color-card) 95%, var(--color-foreground)) 65%, var(--color-card) 70%, color-mix(in srgb, var(--color-card) 95%, var(--color-foreground)) 75%, var(--color-card) 80%, color-mix(in srgb, var(--color-card) 95%, var(--color-foreground)) 85%, var(--color-card) 90%, color-mix(in srgb, var(--color-card) 95%, var(--color-foreground)) 95%, var(--color-card) 100%);width:20px;height:98.6%;position:absolute;top:.7%;left:0;transform:translate(calc(100% - 10px))rotateY(90deg)}.book-back{background-color:var(--color-card);width:100%;height:100%;box-shadow:-10px 0 50px 10px color-mix(in srgb, var(--color-foreground) 25%, transparent);border-radius:0 2px 2px 0;position:absolute;top:0;left:0;transform:translateZ(-10px)}:root{--base-unit:1rem;--shelf-spacing:calc(var(--card-height) * 1.2);--shelf-width:min(95vw, 80rem);--shelf-depth:2rem;--shelf-height:6.25rem;--shelf-front-width:6.25rem;--shelf-half-spacing:calc(var(--shelf-spacing) / 2);--shelf-half-width:calc(var(--shelf-width) / 2);--shelf-half-depth:calc(var(--shelf-depth) / 2);--shelf-half-height:calc(var(--shelf-height) / 2);--shelf-half-front:calc(var(--shelf-front-width) / 2);--card-width:min(30vw, 13.4375rem);--card-height:min(35vh, 17.5rem);--card-spacing:var(--shelf-spacing);--card-gap:3rem;--card-margin:.125rem;--shelf-translate-x:12.4375rem;--card-vertical-offset:calc(var(--shelf-depth) / 2 + .5rem);--perspective-distance:800px}.flipbooks-scene{backface-visibility:hidden;transform-style:preserve-3d;width:90%;max-width:1200px;margin:10rem auto 20rem;padding-left:1rem;padding-right:1rem;display:block}.shelf-wrapper{width:100%;height:var(--card-height);margin-bottom:calc(var(--shelf-spacing) - var(--card-height));transform-style:preserve-3d;opacity:.978807;perspective:1000px;perspective-origin:50%;z-index:1;display:block;position:relative;overflow:visible}.shelf-wrapper .roll-camera{transform-style:preserve-3d;transform-origin:50%;width:100%;height:100%;transition:transform .1s ease-out;display:block;transform:rotateX(1.05965deg)scale(.989403)}.shelf-wrapper .move-camera{transform-style:preserve-3d;transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .1s ease-out;display:flex;position:relative;transform:translateZ(-12.1664px)}.shelf{transform-style:preserve-3d;backface-visibility:hidden;transform:translateX(-50%) translateY(20px) rotateY(90deg) rotateX(90deg) translateX(var(--shelf-translate-x));pointer-events:none;position:absolute;bottom:0;left:50%}.shelf .face{background-color:#fff7eb;position:absolute;top:0;left:0;box-shadow:inset 0 0 75px 1.5px #0000001a}.shelf .front{width:var(--shelf-front-width);height:var(--shelf-width);transform-style:preserve-3d;transform:translateX(2.5rem) translateY(calc(var(--shelf-half-width) * -1)) translateZ(var(--shelf-half-depth))}.shelf .back{width:var(--shelf-front-width);height:var(--shelf-width);transform:translateX(2.5rem) translateY(calc(var(--shelf-half-width) * -1)) translateZ(calc(var(--shelf-half-depth) * -1))}.shelf .left{width:var(--shelf-depth);height:var(--shelf-width);transform:translateX(1.5625rem) translateY(calc(var(--shelf-half-width) * -1)) rotateY(-90deg) translateZ(0);background:linear-gradient(#fff7eb 0%,#eae3d8 100%)}.shelf .left .shelf-label{letter-spacing:.15em;text-transform:uppercase;color:#4a3c28;text-shadow:1px 1px #fffc,-1px -1px #0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);white-space:nowrap;background:linear-gradient(90deg,#ffffff4d 0%,#0000 50%,#0000000d 100%);border-radius:.25rem;padding:.2rem 1rem;font-family:Englebert,Englebert fallback,Arial,sans-serif;font-size:1.1rem;font-weight:700;position:absolute;top:10%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.shelf .top{width:var(--shelf-depth);height:var(--shelf-front-width);transform:translateX(4.6875rem) translateY(calc(var(--shelf-half-width) - 3.125rem)) rotateX(90deg) rotateZ(90deg)}.shelf .bottom{width:var(--shelf-depth);height:var(--shelf-front-width);transform:translateX(4.6875rem) translateY(calc(var(--shelf-half-width) * -1 - 3.125rem)) rotateX(90deg) rotateZ(90deg)}.shelf:before{content:"";width:41rem;height:20px;display:block;transform:rotateX(90deg)rotateY(90deg)translate(-20px)translateZ(-200px)skew(-45deg)scaleX(1.8)scaleY(.7);box-shadow:0 -30px 30px 20px #00000080}.shelf .back:before{content:"";background:#000000a6;width:100%;height:100%;display:block;position:absolute}.shelf .top:before,.shelf .bottom:before,.shelf .left:before,.shelf .right:before{content:"";background:#00000040;width:100%;height:100%;display:block;position:absolute}.photocard{width:var(--card-width);height:var(--card-height);cursor:pointer;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden;box-shadow:0 10px 20px #0000004d}.photocard:hover{z-index:100;transform:translateY(-10px)scale(1.05);box-shadow:0 20px 40px #0006}.photocard img{object-fit:cover;outline:1px solid #0000;width:100%;height:100%;display:block}.cards-container{z-index:10;transform-style:preserve-3d;height:var(--card-height);justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}.cards-container a.photocard{transform:translateZ(50px)}.cards-container .carousel-container{width:100%;max-width:calc(var(--card-width) * 3 + 6rem);position:relative;overflow:visible}.cards-container .carousel-content-custom{align-items:center;margin-left:-1rem;display:flex}.cards-container .carousel-item-custom{flex:0 0 calc(var(--card-width) + 2rem);min-width:0;padding-left:1rem;padding-right:1rem}.cards-container [data-slot=carousel-content]>div{gap:0;margin-left:0}.cards-container .carousel-item-custom .photocard{width:var(--card-width);margin:0 auto}.cards-container .carousel-button-prev,.cards-container .carousel-button-next{cursor:pointer;z-index:20;background:#fffffff2;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.cards-container .carousel-button-prev:hover:not(:disabled),.cards-container .carousel-button-next:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #0003}.cards-container .carousel-button-prev:disabled,.cards-container .carousel-button-next:disabled{opacity:.5;cursor:not-allowed}.cards-container .carousel-button-prev{left:-3rem}.cards-container .carousel-button-next{right:-3rem}.dark .cards-container .carousel-button-prev,.dark .cards-container .carousel-button-next{color:#000;background:#ffffffe6;border:1px solid #ffffff4d;box-shadow:0 2px 8px #0000004d}.dark .cards-container .carousel-button-prev:hover:not(:disabled),.dark .cards-container .carousel-button-next:hover:not(:disabled){background:#fff;border:1px solid #ffffff80;box-shadow:0 4px 12px #0006}.dark .cards-container .carousel-button-prev:disabled,.dark .cards-container .carousel-button-next:disabled{opacity:.4;background:#ffffff4d}.dark .cards-container .carousel-button-prev svg,.dark .cards-container .carousel-button-next svg{stroke:#000;fill:#000}.transform-3d{transform-style:preserve-3d}@media (width<=1024px){:root{--card-width:min(20vw, 10rem);--card-height:min(25vh, 13rem);--shelf-spacing:calc(var(--card-height) * 1.6);--shelf-width:min(85vw, 50rem);--shelf-front-width:5.5rem;--shelf-translate-x:11rem;--shelf-depth:1.75rem}.flipbooks-scene{width:92%;padding-left:.75rem;padding-right:.75rem}.shelf-wrapper{margin-bottom:calc(var(--shelf-spacing) - var(--card-height) + 1.5rem)}.cards-container .carousel-container{max-width:calc(var(--card-width) * 3 + 3rem)}.cards-container .carousel-item-custom{flex:0 0 calc(var(--card-width) + 1.5rem);padding-left:.75rem;padding-right:.75rem}.shelf .left .shelf-label{padding:.1rem .9rem;font-size:1rem}.photocard:hover{transform:translateY(-8px)scale(1.04)}.shelf:before{transform:rotateX(90deg)rotateY(90deg)translate(-20px)translateZ(-200px)skew(-45deg)scaleX(1.1)scaleY(.7)}.shelf .top,.shelf .bottom{display:none}}@media (width<=768px){:root{--card-width:min(25vw, 7rem);--card-height:min(18vh, 10rem);--shelf-width:min(87vw, 45rem);--shelf-front-width:5rem;--shelf-translate-x:10rem}.flipbooks-scene{width:95%;padding-left:.5rem;padding-right:.5rem}.shelf-wrapper{margin-bottom:calc(var(--shelf-spacing) - var(--card-height) + 2rem)}.cards-container .carousel-container{max-width:calc(var(--card-width) * 3 + 2rem)}.cards-container .carousel-item-custom{flex:0 0 calc(var(--card-width) + 1rem);padding-left:.5rem;padding-right:.5rem}.shelf .left .shelf-label{letter-spacing:.1em;padding:.15rem .6rem;top:18%}.shelf:before{transform:rotateX(90deg)rotateY(90deg)translate(-20px)translateZ(-200px)skew(-45deg)scaleX(1)scaleY(.7)}.shelf .top,.shelf .bottom{display:none}}@media (width<=480px){:root{--card-width:min(30vw, 6rem);--card-height:min(35vh, 8rem);--shelf-front-width:4rem;--shelf-translate-x:8rem;--shelf-width:min(78vw, 20rem)}.flipbooks-scene{width:90%;padding-left:.25rem;padding-right:.25rem}.shelf-wrapper{margin-bottom:calc(var(--shelf-spacing) - var(--card-height) + 3rem)}.photocard:hover{transform:translateY(-5px)scale(1.02)}.cards-container .carousel-container{max-width:calc(var(--card-width) * 3 + 1rem)}.cards-container .carousel-item-custom{flex:0 0 calc(var(--card-width) + .5rem);padding-left:.25rem;padding-right:.25rem}.cards-container .carousel-button-prev,.cards-container .carousel-button-next{width:2rem;height:2rem}.cards-container .carousel-button-prev{left:-2rem}.cards-container .carousel-button-next{right:-2rem}.shelf .left .shelf-label{letter-spacing:.1em;padding:.15rem .6rem;font-size:.8rem;top:18%}.shelf:before{transform:rotateX(90deg)rotateY(90deg)translate(-20px)translateZ(-200px)skew(-45deg)scaleX(.45)scaleY(.7)}.shelf .top{transform:translate(3.5625rem) translateY(calc(var(--shelf-half-width) - 2rem)) rotateX(90deg) rotate(90deg)}.shelf .bottom{transform:translate(3.5625rem) translateY(calc(var(--shelf-half-width) * -1 - 2rem)) rotateX(90deg) rotate(90deg)}.shelf{left:52%}}