.hero-clouds{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.olympus-cloud{position:absolute;width:68%;height:42%;min-width:440px;filter:blur(13px);background:radial-gradient(ellipse 33% 44% at 28% 62%,#ffffffa6 0%,#ffffff66 45%,#ffffff00 80%),radial-gradient(ellipse 27% 58% at 54% 49%,#ffffffb3 0%,#ffffff73 42%,#ffffff00 82%),radial-gradient(ellipse 31% 38% at 75% 65%,#ffffff99 0%,#ffffff59 45%,#ffffff00 82%);animation:olympus-cloud-drift 64s ease-in-out infinite alternate;will-change:transform}
.cloud-one{right:-9%;top:0;opacity:.8}
.cloud-two{left:-16%;bottom:0;width:84%;height:36%;opacity:.5;animation-duration:83s;animation-delay:-31s;animation-direction:alternate-reverse}
.cloud-three{right:-8%;bottom:4%;width:56%;height:25%;opacity:.5;animation-duration:73s;animation-delay:-18s}
@keyframes olympus-cloud-drift{from{transform:translate3d(-7%,0,0)}to{transform:translate3d(9%,-10px,0)}}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .hero h1 em,.section-title h2,.book-row h2{background-image:linear-gradient(110deg,#122f46 0%,#122f46 40%,#7d632b 46%,#e8c573 50%,#7d632b 54%,#122f46 60%,#122f46 100%);background-size:250% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:olympus-title-glint 18s ease-in-out infinite}
  .section-title h2,.book-row h2{animation-delay:3s}
}
@keyframes olympus-title-glint{0%,72%{background-position:100% 50%}94%,100%{background-position:0% 50%}}
.book-display{perspective:1000px}
.book-cover,.book-row>img{transform-origin:50% 70%;transition:transform .65s cubic-bezier(.22,.61,.36,1),box-shadow .65s cubic-bezier(.22,.61,.36,1)}
@media(hover:hover) and (pointer:fine){
  .book-display:hover .book-cover{transform:rotate(1deg) rotateY(-7deg) translateY(-6px);box-shadow:14px 22px 0 #b8d6e5,24px 30px 42px #2447633d}
  .book-row>img:hover{transform:perspective(1000px) rotateY(-6deg) translateY(-5px);box-shadow:14px 20px 34px #122f4633}
}
@media(max-width:680px),(hover:none){
  .cloud-two,.cloud-three{display:none}
  .cloud-one{right:-35%;top:43%;width:130%;height:35%;opacity:.55;animation:none;will-change:auto}
  .hero h1 em,.section-title h2,.book-row h2{animation:none;background:none;color:var(--ink)}
  .book-cover,.book-row>img{transition:none}
  .book-display:hover .book-cover{transform:rotate(3deg);box-shadow:12px 18px 0 #b8d6e5,20px 24px 38px #24476333}
  .book-row>img:hover{transform:none;box-shadow:10px 14px 28px #122f4626}
}
@media(prefers-reduced-motion:reduce){
  .olympus-cloud{animation:none;will-change:auto;transform:none}
  .hero h1 em,.section-title h2,.book-row h2{animation:none;background:none;color:var(--ink)}
  .book-cover,.book-row>img{transition:none}
  .book-display:hover .book-cover{transform:rotate(3deg);box-shadow:12px 18px 0 #b8d6e5,20px 24px 38px #24476333}
  .book-row>img:hover{transform:none;box-shadow:10px 14px 28px #122f4626}
}
@media print{.hero-clouds{display:none}.hero h1 em,.section-title h2,.book-row h2{animation:none;background:none;color:#122f46}}