/* Decorative atlas panels stay square so the artwork cannot be stretched. */
body{position:relative;isolation:isolate;background:radial-gradient(ellipse at 8% 18%,#e1f0ed 0,transparent 46%),radial-gradient(ellipse at 94% 56%,#eee5f4 0,transparent 48%),linear-gradient(135deg,#fbf3e2,#f2f6ef 50%,#f5edf5);background-attachment:fixed}
body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;aspect-ratio:1;background-image:url('/assets/v2-environments.webp');background-size:200% 200%;background-repeat:no-repeat;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%)}
body:before{width:clamp(320px,48vw,720px);left:-90px;top:120px;background-position:0 0;opacity:.22}
body:after{width:clamp(360px,52vw,780px);right:-110px;bottom:-70px;background-position:0 100%;opacity:.24}
main{background:transparent}
.section{border-top-color:#ccdcd5aa}
.v2-header{background:#fffaf1f2!important}
.v2-card,.resource-card{background:#fffdf6e8;border-color:#d4e1d8;box-shadow:0 5px 18px #344f5010}
.book-detail,.byline+.section{background:#fffdf4e8;border-radius:24px;padding:24px}
.page-hero{background:#f7f0e1}
.page-hero:before{background-size:200% auto;opacity:.24}
.page-hero.scene-nature:before{background-size:cover}
.page-hero>div{background:#fffdf4eb}
.creative-world,.studio-world,.club-world{background-color:#f9f1e5e8}
.v2-footer{isolation:isolate;overflow:hidden;min-height:430px;padding:42px max(4%,24px) 32px;background:linear-gradient(110deg,#e5edf5f5 15%,#f0e7f0eb 70%,#e4edf6dd);border-top:1px solid #c9d9df;margin-top:28px}
.v2-footer:before{top:auto;left:auto;right:-24px;bottom:-18px;width:clamp(320px,43vw,520px);height:auto;aspect-ratio:1;background:url('/assets/v2-environments.webp') 100% 100%/200% 200% no-repeat;opacity:.42;mask-image:linear-gradient(to right,transparent,#000 45%);z-index:-1;pointer-events:none}
.v2-footer>div,.v2-footer>p,.v2-footer>a{position:relative}
.v2-footer nav,.v2-footer .legal-links{gap:12px 22px}
.v2-footer a{border-radius:5px;background:#f0f1f5b8;padding:2px 5px}
@media(max-width:600px){body:before{left:-140px;opacity:.16}body:after{right:-160px;opacity:.17}.v2-footer{padding:30px 22px;min-height:0}.v2-footer:before{width:340px;opacity:.25;right:-90px}.v2-footer nav{gap:8px 16px}.book-detail{padding:14px}.v2-footer p{max-width:100%}}
@media print{body{background:white}body:before,body:after{display:none}}
