
.book-collection{background:#f5f9ed;color:#173f31;padding:55px 28px 32px;scroll-margin-top:78px;border-top:5px solid #e9c958;border-bottom:5px solid #e9c958}
.collection-inner{max-width:1120px;margin:auto}.collection-heading{text-align:center;margin:0 auto 36px;max-width:900px}.collection-star{font-size:26px;color:#b88713;display:block;line-height:1;margin-bottom:10px}.collection-heading h2{font-family:'Baloo 2',sans-serif;font-size:42px;font-weight:800;line-height:1.15;margin:0 0 13px;color:#173f31;text-shadow:none}.collection-heading p{font:500 18px/1.6 Quicksand,sans-serif;margin:0;color:#365448}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.collection-book{display:flex;flex-direction:column;min-width:0;text-align:left}.collection-cover{height:310px;display:flex;align-items:flex-end;justify-content:center;padding:0 20px 24px;border-bottom:3px solid #d2debc}.collection-cover img{height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:3px;filter:drop-shadow(7px 10px 7px #163b292e);display:block}.collection-copy{display:flex;flex-direction:column;flex:1;padding:20px 8px 0}.collection-kind{font:700 13px Quicksand,sans-serif;color:#4d6744;margin-bottom:9px}.collection-copy h3{font:800 27px/1.15 'Baloo 2',sans-serif;min-height:63px;margin:0 0 10px;color:#173f31}.collection-copy p{font:500 16px/1.65 Quicksand,sans-serif;margin:0 0 22px;color:#365448;flex:1}.collection-buy{font:800 15px Quicksand,sans-serif;color:#243d28;background:#f5d45c;min-height:49px;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e1b83e;border-radius:25px;text-decoration:none;width:100%;box-sizing:border-box;opacity:1}.collection-buy:disabled{cursor:default}a.collection-buy:hover{background:#ffe38b}.collection-buy:focus-visible{outline:3px solid #155d71;outline-offset:4px}.collection-signoff{text-align:center;font:700 26px Caveat,cursive;color:#4b6645;margin:30px 0 0}
@media(max-width:1000px){.collection-grid{gap:22px}.collection-cover{height:280px;padding-left:10px;padding-right:10px}.collection-copy h3{font-size:23px}.collection-heading h2{font-size:36px}}
@media(max-width:680px){.book-collection{padding:42px 24px 30px}.collection-heading h2{font-size:31px}.collection-heading p{font-size:16px}.collection-grid{grid-template-columns:1fr;gap:40px;max-width:380px;margin:auto}.collection-cover{height:340px}.collection-copy{padding-top:18px}.collection-copy h3{min-height:0;font-size:27px}.collection-kind{font-size:14px}.collection-signoff{font-size:24px}}

/* Three illustrated books share the original stone pedestal. */
.book-trio{width:100%;max-width:530px;aspect-ratio:1.5;isolation:isolate;margin:0 auto}
.book-trio::before{display:none}
.book-trio .book-pedestal{width:110%;bottom:-62%;z-index:-1}
.pedestal-book{position:absolute;bottom:0;display:block;transform-origin:bottom center}
.book-trio .pedestal-book img{width:100%;height:auto;border-radius:3px;transform:none;filter:drop-shadow(5px 10px 9px #071f2c66)}
.pedestal-original{width:43%;left:28.5%;z-index:3;transform:rotate(1deg)}
.pedestal-coloring{width:37%;left:0;bottom:15px;z-index:2;transform:rotate(-9deg)}
.pedestal-baseball{width:37%;right:0;bottom:15px;z-index:2;transform:rotate(9deg)}
.pedestal-book:focus-visible{outline:4px solid #ffda64;outline-offset:5px}
@media(max-width:760px){.book-trio{max-width:410px;width:90%}.pedestal-coloring,.pedestal-baseball{bottom:9px}.hero-art{width:100%}.hero-quote{margin-top:25px}}

/* Mobile: lead with the books, with the landscape limited to their display area. */
@media(max-width:760px){
 .hero{padding-top:85px;padding-bottom:38px;background-color:#173f31;background-image:linear-gradient(to bottom,transparent 75%,#173f31 100%),url('assets/sunrise-lake-crisp.webp');background-size:100% 560px,auto 560px;background-position:center top;background-repeat:no-repeat}
 .hero .wrap{display:flex;flex-direction:column;gap:38px}
 .hero-art{order:-1;padding-top:0;margin-bottom:22px}
 .hero .book-trio{max-width:360px;width:92%}
 .hero .hero-quote{margin-top:28px;font-size:19px;background:#123b30e8}
 .hero-copy{background:#103b30;padding:28px 23px}
 #home>.scene-motion{height:560px;mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}
 .hero .hero-tag{margin-bottom:0}
}
@media(max-width:600px){.hero{background-image:linear-gradient(to bottom,transparent 75%,#173f31 100%),url('assets/sunrise-lake-crisp-mobile-crop.webp')}}

.contact-form{max-width:600px;margin:24px auto 0;text-align:left;display:flex;flex-direction:column;gap:17px}
.contact-form .contact-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.contact-form label{display:block;margin:0;font:700 15px Quicksand,sans-serif;color:#234839}
.contact-form label span{font-size:12px;font-weight:500;color:#486451}
.contact-form .contact-location{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form input,.contact-form textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #90a58f;border-radius:12px;background:#fffef9;padding:13px 15px;font:500 16px/1.5 Quicksand,sans-serif;color:#183d2e;box-shadow:none}
.contact-form textarea{resize:vertical;min-height:130px}
.contact-form input:focus,.contact-form textarea:focus{outline:3px solid #cfad3b;outline-offset:2px}
.contact-form button{align-self:stretch;min-height:49px;border-radius:25px;background:#f5d45c;color:#243d28;font:800 15px Quicksand,sans-serif;border:1px solid #d5ad35;cursor:pointer}
.contact-form #signup-status{text-align:center;margin:0;font-size:13px;color:#486451}
@media(max-width:430px){.contact-form .contact-location{grid-template-columns:1fr;gap:17px}}

.collection-copy .book-quick-facts{font-size:14px;font-weight:700;margin:0 0 13px;flex:0}
.collection-copy .info-details{margin:0 0 18px;font-size:15px}
.collection-copy .info-details summary{font-weight:700;text-decoration:underline}
.detail-book-cover{display:block;max-width:190px;width:100%;height:auto;margin:0 auto 24px;border-radius:4px}
.collection-faq{background:#f5f9ed;padding:40px 26px 50px;color:#173f31}
.faq-inner{max-width:860px;margin:auto}.collection-faq h2{text-align:center;font:800 32px/1.2 'Baloo 2',sans-serif;margin:0 0 24px;color:#173f31}
.faq-item{border-bottom:1px solid #b7c8aa;padding:17px 0}.faq-item summary{cursor:pointer;font:700 17px/1.5 Quicksand,sans-serif}.faq-item p{font:500 16px/1.7 Quicksand,sans-serif;color:#365448;margin:14px 0 5px}.faq-item a{color:#175841;text-decoration:underline}.faq-item summary:focus-visible{outline:3px solid #bd941e;outline-offset:5px}

/* Author artwork remains still; only the small lamp glow varies. */
.about-card{isolation:isolate;animation:none!important;transform:none!important;opacity:1!important}
.author-leaves{display:none!important}
.about-card .author-lantern{transform:translate(-50%,-50%);border-radius:50%;mix-blend-mode:normal;pointer-events:none;z-index:1;background:radial-gradient(ellipse,#fff3bd80 0%,#ffc44c50 32%,#ffb52a18 55%,transparent 72%);animation:localLampFlicker 4.6s ease-in-out infinite;will-change:opacity}
@keyframes localLampFlicker{0%,100%{opacity:.55}18%{opacity:.72}28%{opacity:.58}43%{opacity:.8}57%{opacity:.62}73%{opacity:.76}88%{opacity:.6}}
@media(prefers-reduced-motion:reduce){.about-card .author-lantern{animation:none;display:none}}
.a11y-reduce-motion .about-card .author-lantern{animation:none;display:none}

.contact-note{font-size:13px;line-height:1.6;text-align:center}.contact-note a{text-decoration:underline;color:inherit}.contact-form button:disabled{opacity:.65;cursor:wait}
