/* Larger presentation cards retain their real shape in a balanced, relaxed fan. */
.hero .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px}
.hero .hero-art{position:relative;display:block;width:100%;aspect-ratio:1/.85;min-width:0;min-height:0;height:auto;margin:0;padding:0;transform:none}
.hero .hero-card{position:absolute;max-width:none}
.hero .hero-card.left.front-card,.hero .hero-card.right.back-card{width:32%;top:28%;aspect-ratio:2.48/3.46;border-radius:4px;z-index:2}
.hero .hero-card.left.front-card{left:4.5%;right:auto;transform:rotate(-12deg)}
.hero .hero-card.right.back-card{right:4.5%;left:auto;transform:rotate(12deg)}
.hero .hero-card.left.front-card img,.hero .hero-card.right.back-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.hero .hero-card.main.book-cover{left:25%;top:10%;width:50%;aspect-ratio:8.5/11;border:0;border-radius:3px;overflow:visible;background:transparent;transform:rotate(-3deg);box-shadow:3px 2px 0 #701b3c,0 20px 35px #08051c70;z-index:3}
.book-mockup{position:relative;isolation:isolate;aspect-ratio:8.5/11;border-radius:3px;box-shadow:3px 2px 0 #701b3c,0 14px 28px #08051c70}
.book-mockup>img,.product-book .book-product-image{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;max-width:100%;object-fit:fill;border:0;border-radius:3px;box-shadow:none;transform:none}
.book-mockup:after{content:'';position:absolute;inset:0 auto 0 0;width:clamp(3px,1.6%,5px);background:linear-gradient(90deg,#381126b3,#9d365344,#ffffff20);border-radius:3px 0 0 3px;z-index:2;pointer-events:none}
.hero .orbit{width:100%;height:auto;aspect-ratio:1;left:0;top:50%;transform:translateY(-50%);pointer-events:none}
.hero .art-note{white-space:normal;width:100%;bottom:12px;padding:0 10px}
.product-book{width:210px;transform:none;margin:0}
@media(max-width:1050px) and (min-width:761px){.hero .hero-grid{grid-template-columns:1fr;gap:10px;padding-bottom:30px}.hero .hero-copy{max-width:620px}.hero .hero-art{width:min(100%,640px);justify-self:center}.hero .hero-art .spark{right:15px;top:18px}}
@media(max-width:760px){.hero .hero-grid{grid-template-columns:1fr;gap:0}.hero .hero-art{width:100%;margin:30px 0 0}.hero .art-note{font-size:12px;bottom:2px}.hero .hero-art .spark{font-size:25px;top:8px;right:6px}}
@media(max-width:380px){.hero .art-note{font-size:11px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hero .hero-art:hover .hero-card.left.front-card{transform:translateY(-6px) rotate(-12deg)}.hero .hero-art:hover .hero-card.right.back-card{transform:translateY(-6px) rotate(12deg)}}
@media(prefers-reduced-motion:reduce){.hero .hero-card{transition:none}}