/* Independently registered sky, distance and foreground; no flattened-image warp. */
.magic-canvas,.lamp,.booklight{display:none!important}
.hero-art{transform:none!important;transition:none!important;will-change:auto}
.artwork-webgl{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.chimney-smoke{position:absolute;left:0;top:0;z-index:1;pointer-events:none;transform-origin:0 0}
.book-sparkles{position:absolute;left:0;top:0;z-index:1;pointer-events:none;transform-origin:0 0}
.mug-steam{position:absolute;left:0;top:0;z-index:1;pointer-events:none;transform-origin:0 0}
.aurora-shimmer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:scale(1.04);mix-blend-mode:screen;opacity:.18}
.hero-art.artwork-ready{background-image:none}
.hero-art.layers-ready{background-image:none;overflow:hidden;background-color:#061728}
.hero-layer-stage{position:absolute;pointer-events:none}
.hero-depth-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform-origin:center;will-change:transform}
.hero-art.webgl-layers-ready .hero-layer-stage{visibility:hidden}
.hero-art:not(.webgl-layers-ready)>.artwork-webgl{display:none}
.book-webgl{position:absolute;left:-12%;top:-8%;width:124%;height:116%;pointer-events:none;filter:drop-shadow(9px 13px 9px #13261744)}
.book-3d.webgl-book-ready,.book-3d.webgl-book-ready:hover,.book-3d.webgl-book-ready:focus-visible{transform:none!important;filter:none;transition:none;will-change:auto}
.webgl-book-ready>img{opacity:0;transform:none}
.webgl-book-ready>.book-pages{display:none}
.motion-paused .book-item{transform:none!important}
.book-mockup{display:block;position:relative;aspect-ratio:4/5;transform-origin:50% 85%;will-change:transform;filter:drop-shadow(5px 10px 6px #17261e40)}
.book-mockup img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;clip-path:var(--book-outline)}
/* Presentation-only silhouettes keep the uploaded artwork files untouched. */
.book-mockup[data-book="pip"]{--book-outline:polygon(7.5% 8.1%,82.8% 1.3%,83% 4.4%,89% 4.4%,93.7% 3.8%,93.3% 89.3%,16% 96.4%,7.7% 94%,7.2% 9%)}
.book-mockup[data-book="kiko"]{--book-outline:polygon(10.2% 9%,76% 4%,76.3% 5.6%,81% 6.5%,89.8% 7.2%,89.4% 89.8%,16% 95.3%,10.2% 93%,10% 10%)}
.book-mockup[data-book="lumi"]{--book-outline:polygon(11.9% 8.2%,76.2% 2.9%,76.3% 4.1%,82.3% 5%,89.2% 5.5%,89.1% 88.7%,19% 94.9%,12.5% 92%,11.9% 9%)}
.book-mockup[data-book="tulo"]{--book-outline:polygon(11.5% 7.1%,80% 2.5%,80% 4.4%,86% 4.8%,91.1% 5%,90.8% 89.8%,19% 95.8%,11.6% 94%,11.4% 8%)}
.book-mockup[data-book="mossi"]{--book-outline:polygon(11.2% 6.7%,80.7% 3.2%,80.8% 4.6%,86% 5%,89.4% 4.9%,89.1% 89.8%,17.3% 95.8%,10.9% 93.8%,10.8% 7.6%)}
.book-mockup[data-book="orry"]{--book-outline:polygon(9.2% 10.4%,82% 4.6%,82.1% 5.8%,87% 6.8%,90.8% 6.9%,90.5% 90.5%,16% 94.5%,9.5% 92.6%,9% 11.5%)}
.book-grid .book-mockup{max-width:300px;margin:auto}
.detail-grid .book-item{width:100%;max-width:440px}
.book-mockup:focus-visible{outline-offset:8px}
.motion-paused .book-mockup{transform:none!important;will-change:auto}
@media(max-width:700px){.detail-grid .book-item{max-width:310px}}
@media(max-width:700px){.hero-art{top:auto;bottom:0;height:590px;background-size:cover;background-position:66% bottom}.hero-art.artwork-ready{background:transparent}}