/* Image layer: keeps the supplied layout intact while replacing its placeholders. */
.hero-photo{background-image:url('assets/kids-reading-hero-v2-opt.webp')}
.hero h1{font-size:clamp(3.5rem,5.3vw,5.8rem)}
.hero{min-height:620px}
.promise-reason{max-width:810px;margin:2rem 0 0 auto;color:#5c5363;font-size:1.08rem}
.promise .values article{min-height:0}
.promise .values h3{font-size:1.42rem;margin-top:1.7rem}

.reading-photo{border:0;background:#fff;box-shadow:0 24px 55px rgba(25,16,39,.28)}
.reading-photo img{object-position:51% center}

.book-cover{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:1rem;background:#f7f0e5;box-shadow:0 14px 28px rgba(76,58,104,.16),inset 4px 0 0 rgba(255,255,255,.3);transition:transform .35s ease,box-shadow .35s ease}
.book-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(66,42,26,.12),transparent 8%,transparent 92%,rgba(255,255,255,.24));mix-blend-mode:multiply}
.book:hover .book-cover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 22px 38px rgba(76,58,104,.22)}
.book-cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.book-cover-title{position:absolute;z-index:1;top:5.5%;left:7%;right:7%;font-family:"Amatic SC",cursive;font-size:clamp(1.45rem,2.15vw,2.15rem);font-weight:700;line-height:.92;letter-spacing:.02em;text-align:center;color:#563d61;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.book-cover-brand{position:absolute;z-index:2;left:50%;bottom:3.8%;transform:translateX(-50%);display:grid;place-items:center;width:32%;padding:.18rem .3rem;border-radius:999px;background:rgba(255,253,248,.9);box-shadow:0 2px 7px rgba(76,58,104,.12)}
.book-cover-brand img{width:100%;height:auto}
.cover-moon .book-cover-title,.cover-space .book-cover-title{color:#fffdf4;text-shadow:0 2px 5px rgba(13,17,48,.65)}
.cover-me .book-cover-title{color:#6b4260}
.cover-desert .book-cover-title{color:#70452f}
.cover-diwali .book-cover-title{color:#8c3d38}

.explore .banner{display:block;min-height:440px;padding:0;background:#3c294f}
.explore .banner:after{z-index:1;inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(90deg,rgba(38,24,53,.92) 0%,rgba(49,30,66,.76) 37%,rgba(42,27,57,.2) 69%,rgba(31,21,42,.08) 100%)}
.explore-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.explore-copy{position:relative;z-index:2;display:flex;min-height:440px;max-width:570px;padding:4.5rem;flex-direction:column;justify-content:center;align-items:flex-start}

@media(max-width:900px){.explore .banner{min-height:470px}.explore .banner:after{background:linear-gradient(90deg,rgba(38,24,53,.9),rgba(38,24,53,.52))}.explore-copy{min-height:470px;padding:2.5rem 1.5rem}.explore-photo{object-position:60% center}}
@media(max-width:900px){.hero{min-height:650px}.hero-photo{background-size:auto 62%;background-position:76% top;background-repeat:no-repeat}.hero h1{font-size:clamp(3rem,11vw,4.1rem);line-height:1.02}.promise-reason{margin:1.5rem 0 0}.promise .values article{min-height:0}}
@media(max-width:560px){.hero{min-height:620px}.hero h1{font-size:3rem}.hero-copy{padding-bottom:2.2rem}.book-cover-title{font-size:clamp(1.35rem,7vw,2rem)}.book-cover-brand{width:38%}}