/* First colour refresh: decorative accents stay behind the existing artwork. */
.home-page{
  overflow-x:clip;
  background:
    radial-gradient(ellipse 460px 440px at 0% 440px,rgba(0,191,239,.09),transparent 75%),
    radial-gradient(ellipse 450px 480px at 100% 620px,rgba(247,26,145,.065),transparent 75%),
    radial-gradient(ellipse 620px 300px at 50% 1160px,rgba(134,90,236,.045),transparent 75%),
    #fff;
}
.home-page .header{position:relative}
.home-page .header::after{
  content:"";position:absolute;bottom:0;left:8%;right:8%;height:2px;opacity:.26;
  background:linear-gradient(90deg,transparent,#00bcec,#7753e8,#ed278e,#ffc53d,transparent);
  pointer-events:none;
}
.home-page .nav a{
  padding-bottom:5px;
  background:linear-gradient(90deg,#21b9ef,#b443e7,#f02491) center bottom / 0 2px no-repeat;
  transition:background-size .2s,color .2s;
}
.home-page .nav a:hover{background-size:100% 2px}
.home-page .hero{position:relative;isolation:isolate;overflow:hidden}
.home-page .hero::before,.home-page .hero::after{
  content:"";position:absolute;z-index:-1;width:clamp(260px,42vw,570px);aspect-ratio:1;
  background:url(optimized/home-color-splash-v1-upload-399a6e013a2c.webp) center / contain no-repeat;
  pointer-events:none;
}
.home-page .hero::before{left:-230px;top:5px;opacity:.25;transform:rotate(-18deg)}
.home-page .hero::after{right:-230px;top:160px;opacity:.20;transform:rotate(155deg)}
.home-page .family img{filter:drop-shadow(0 12px 15px rgba(89,72,131,.07))}
.home-page .books{position:relative}
.home-page .books .section-heading>div:first-child::after{
  content:"";display:block;width:108px;height:4px;margin:22px auto 0;border-radius:99px;
  background:linear-gradient(90deg,#10b9f0,#8c43df,#f32f92,#ffc433);
}
.home-page .books .section-heading .eyebrow{margin-bottom:16px}
.home-page .book-carousel{
  position:relative;isolation:isolate;overflow:hidden;padding:22px 20px 24px;border:1px solid #eae7f5;
  border-radius:36px;
  background:
    radial-gradient(ellipse at 6% 32%,rgba(60,193,242,.075),transparent 43%),
    radial-gradient(ellipse at 94% 36%,rgba(233,99,191,.065),transparent 43%),
    linear-gradient(145deg,#fff,#fdfcff 65%,#fff);
  box-shadow:0 16px 52px rgba(45,58,113,.045);
}
.home-page .book-carousel::before,.home-page .book-carousel::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:280px;aspect-ratio:1;background:url(optimized/home-color-splash-v1-upload-399a6e013a2c.webp) center / contain no-repeat;
}
.home-page .book-carousel::before{left:-172px;top:20%;opacity:.16;transform:rotate(18deg)}
.home-page .book-carousel::after{right:-168px;bottom:8%;opacity:.14;transform:rotate(195deg)}
.home-page .carousel-button{border-color:#e0daf0;box-shadow:0 5px 12px rgba(72,51,132,.045)}
.home-page .carousel-button:hover:not(:disabled){background:var(--blue)}
.home-page .books.is-spatial-carousel .carousel-details .amazon-button{box-shadow:0 5px 14px rgba(66,60,113,.12)}
.home-page .home-closing{position:relative;isolation:isolate}
.home-page .home-closing::before{
  content:"";position:absolute;z-index:-1;inset:10% 5% 5%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,224,97,.075),rgba(0,190,240,.035) 40%,transparent 72%);
  pointer-events:none;
}
.home-page .footer{border-top:3px solid;border-image:linear-gradient(90deg,#00baf2,#733eee,#f32495,#ffb637,#78d447,#00baf2) 1}
@media(max-width:720px){
  .home-page .hero::before{width:330px;left:-255px;top:50px;opacity:.17}
  .home-page .hero::after{width:330px;right:-260px;top:110px;opacity:.15}
  .home-page .book-carousel{padding:16px 0 22px;border-radius:24px}
  .home-page .book-carousel::before{width:200px;left:-185px;opacity:.10}
  .home-page .book-carousel::after{width:200px;right:-188px;opacity:.10}
  .home-page .carousel-meta{padding:0 16px}
  .home-page .carousel-details{padding-left:10px!important;padding-right:10px!important}
}