.wheel-gallery{width:100%;max-width:560px;min-width:0;justify-self:end;align-self:center}.book-wheel{position:relative;width:100%;height:390px;perspective:1000px;touch-action:pan-y;cursor:grab;outline-offset:4px;-webkit-user-select:none;user-select:none;isolation:isolate}.book-wheel.dragging{cursor:grabbing}.wheel-stage{position:absolute;inset:0;transform-style:preserve-3d}.wheel-book{display:block;position:absolute;left:50%;top:47%;width:34%;max-width:190px;text-decoration:none;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform;touch-action:pan-y;-webkit-user-drag:none}.wheel-book[hidden]{display:none}.wheel-book img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:2px;box-shadow:0 18px 30px #0007;pointer-events:none;-webkit-user-drag:none}.wheel-book span{display:block;text-align:center;font-size:.74rem;line-height:1.4;min-height:36px;color:#f4e7d3;padding:12px 2px 0;pointer-events:none}.wheel-book:focus-visible{outline:2px solid var(--gold2);outline-offset:5px}.hero .wheel-hint{text-align:center;font-size:.75rem;color:#dbc4c6;max-width:none;margin:4px 0 0}.wheel-touch-hint{display:none}.hero-grid{min-height:540px}
@media(min-width:1500px){.hero-grid{min-height:560px}}
@media(max-width:1000px){.book-wheel{height:330px}.wheel-book{width:34%}.hero .wheel-hint{font-size:.68rem}.hero-grid{min-height:460px}}
@media(max-width:760px){.wheel-gallery{width:min(400px,100%);justify-self:center}.book-wheel{height:300px}.hero-grid{min-height:0}.wheel-book{width:35%}.wheel-book span{font-size:.7rem;padding-top:9px}.hero .wheel-hint{font-size:.72rem;margin-top:0}}
@media(max-width:520px){.wheel-gallery{width:100%;max-width:360px}.book-wheel{height:270px}.wheel-book{width:36%}.wheel-book span{font-size:.68rem;min-height:34px}.hero-grid{gap:18px}}
@media(hover:none),(pointer:coarse){.wheel-desktop-hint{display:none}.wheel-touch-hint{display:inline}}
@media(prefers-reduced-motion:reduce){.wheel-book{will-change:auto}}

.wheel-stage{pointer-events:none}