.kit-scroll.product-library{height:auto;min-height:100svh;padding:65px 0 38px;background:#eeedeb;overflow:hidden}
.library-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:0 5%;gap:24px}.library-heading>span{font-size:10px;letter-spacing:.12em;align-self:flex-start;padding-top:8px}.library-heading h2{font-size:clamp(42px,4.4vw,66px);margin-right:auto}.library-heading p{font-size:12px}
.library-stage{position:relative;height:clamp(370px,42vw,540px);margin-top:16px;perspective:1500px;touch-action:pan-y;cursor:grab;outline-offset:-8px}.library-stage:active{cursor:grabbing}.library-books{position:absolute;inset:0;transform-style:preserve-3d}
.library-book{--cover:#ffcd22;position:absolute;left:50%;top:50%;width:clamp(190px,19vw,275px);aspect-ratio:3/4;margin:0;padding:0;background:transparent;transform-style:preserve-3d;transition:transform 850ms var(--ease),opacity 450ms;will-change:transform;outline-offset:12px}
.library-cover{position:absolute;inset:0;background:var(--cover);transform:translateZ(20px);backface-visibility:hidden;box-shadow:inset 5px 0 8px #0002,inset -1px 0 0 #fff5;display:flex;flex-direction:column;text-align:left;overflow:hidden;border-radius:1px 3px 3px 1px}
.library-cover img{width:100%;aspect-ratio:3/2;object-fit:contain;pointer-events:none;user-select:none}.library-cover strong{font-family:Arial,Helvetica,sans-serif;font-size:clamp(18px,1.9vw,28px);letter-spacing:-.055em;line-height:1.04;padding:15px 18px 8px}.library-cover small{margin-top:auto;padding:10px 18px 18px;font-size:8px;letter-spacing:.1em;display:flex;justify-content:space-between}.library-cover small b{font-size:22px;letter-spacing:-.04em}
.library-spine{position:absolute;left:-20px;top:0;width:40px;height:100%;background:color-mix(in srgb,var(--cover),#000 22%);transform:rotateY(-90deg);display:flex;align-items:center;justify-content:center;color:#111;font-size:8px;writing-mode:vertical-rl;letter-spacing:.08em;border-radius:2px}.library-pages{position:absolute;right:-20px;top:3px;bottom:3px;width:40px;transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#e5e0d2 0 1px,#faf7ee 1px 3px)}.library-back{position:absolute;inset:0;background:var(--cover);transform:translateZ(-20px) rotateY(180deg)}
.library-book:after{content:'';position:absolute;left:-8%;right:-8%;bottom:-16px;height:22px;background:radial-gradient(ellipse,#15120d38,transparent 70%);filter:blur(6px);transform:rotateX(80deg);pointer-events:none}
.library-controls{display:flex;justify-content:center;align-items:center;gap:42px;padding:0 20px}.library-prev,.library-next{width:48px;height:48px;border:1px solid #1113;border-radius:50%;background:transparent;font-size:24px;transition:background .2s}.library-prev:hover,.library-next:hover{background:#ffcd22}.library-caption{text-align:center;min-width:270px}.library-count{font-size:10px;letter-spacing:.12em}.library-name{font-size:clamp(25px,2.4vw,36px);margin:8px 0 12px}.library-open{background:transparent;border-bottom:1px solid currentColor;padding:0 0 5px;font-size:12px}.library-dots{display:flex;justify-content:center;gap:10px;margin-top:25px}.library-dots button{width:28px;height:28px;display:grid;place-items:center;background:transparent}.library-dots button:before{content:'';width:5px;height:5px;border-radius:50%;background:#1114}.library-dots button[aria-current=true]:before{background:#111;width:8px;height:8px}
@media(max-width:600px){.kit-scroll.product-library{padding-top:45px;min-height:0}.library-heading{flex-wrap:wrap;gap:14px}.library-heading>span{width:100%;padding:0}.library-heading p{display:none}.library-stage{height:350px;perspective:1000px}.library-book{width:190px}.library-controls{gap:12px}.library-caption{min-width:0;flex:1}.library-prev,.library-next{width:38px;height:38px;flex-shrink:0}.library-cover strong{font-size:20px}.library-name{font-size:26px}}
@media(prefers-reduced-motion:reduce){.library-book{transition:none;will-change:auto}}
/* Hinged cover, matching the reference hover interaction. */
.library-cover{transform-origin:left center;transition:transform 650ms var(--ease),box-shadow 650ms var(--ease);transform-style:preserve-3d}
.library-inside{position:absolute;inset:3px 2px 3px 1px;transform:translateZ(19px);background:linear-gradient(90deg,#d9d4c9 0%,#f3f0e9 9%,#fffdf8 36%,#f7f4ed 100%);color:#17150e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:24px 20px;text-align:center;pointer-events:none;box-shadow:inset 0 -2px 2px #0001;backface-visibility:hidden}
.library-inside>small{position:absolute;top:24px;font-size:8px;letter-spacing:.09em}
.library-inside>strong{font-family:Display,Georgia,serif;font-size:clamp(27px,2.4vw,36px);line-height:.98;letter-spacing:-.025em}
.library-inside>span{font:12px/1.4 Arial,sans-serif;color:#5c584e;max-width:190px}
.library-inside>i{position:absolute;bottom:26px;font-family:Display,Georgia,serif;font-size:17px}
@media(hover:hover) and (pointer:fine){.library-book:hover{z-index:10!important}.library-book:hover .library-cover{transform:translateZ(20px) rotateY(-78deg);box-shadow:inset 5px 0 8px #0002,5px 8px 16px #0002}}
.library-book:focus-visible{z-index:10!important}.library-book:focus-visible .library-cover{transform:translateZ(20px) rotateY(-78deg)}
@media(prefers-reduced-motion:reduce){.library-cover{transition:none}}