/* Susan Haught — move the core story promise into the lavender arch, below the book covers. */
.hero-art { min-height: 785px; }
.hero-cover-main { top: 14% !important; }
.hero-cover-back { top: 20% !important; }
.hero-arch { height: 89% !important; }
.hero-art-tagline {
  position: absolute;
  z-index: 4;
  left: 17%;
  right: 0%;
  bottom: 45px;
  margin: 0 auto;
  width: 78%;
  max-width: 410px;
  color: #392653;
  font-family: 'GFSArtemisiaRegular', Georgia, serif;
  font-size: clamp(21px, 1.9vw, 27px);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.012em;
  text-align: center;
  text-wrap: balance;
  text-shadow: 0 1px 0 #ffffff50;
}
.hero-copy .hero-detail {
  max-width: 560px;
  font-size: 19px;
  line-height: 1.7;
  margin-top: 28px;
}
@media (max-width: 1100px) and (min-width: 761px) {
  .hero-art { min-height: 735px; }
  .hero-art-tagline { font-size: 21px; max-width: 310px; bottom: 49px; left: 13%; width: 83%; }
  .hero-cover-main { top: 16% !important; }
  .hero-cover-back { top: 22% !important; }
}
@media (max-width: 760px) {
  .hero-copy .hero-detail { margin-top: 16px; font-size: 17px; }
  .hero-art { min-height: 640px; height: 640px; }
  .hero-arch { height: 97% !important; width: 88% !important; right: 6% !important; }
  .hero-cover-main { top: 12% !important; }
  .hero-cover-back { top: 18% !important; }
  .hero-art-tagline { bottom: 45px; left: 12%; right: 5%; width: 80%; max-width: 330px; font-size: clamp(20px, 4.8vw, 25px); line-height: 1.27; }
}
@media (max-width: 390px) {
  .hero-art { min-height: 575px; height: 575px; }
  .hero-arch { height: 94% !important; }
  .hero-art-tagline { bottom: 42px; left: 11%; right: 5%; width: 83%; font-size: 21px; }
}
@media (max-width: 355px) {
  .hero-art { min-height: 545px; height: 545px; }
  .hero-art-tagline { font-size: 19px; bottom: 39px; }
}

/* A few recognizable, delicately illuminated fireflies replace the stray gold specks.
   Decorations are noninteractive and hidden from screen readers. */
.hero {
  background:linear-gradient(120deg,#FFFFFF 0%,#F8F4FC 50%,#F0E9F8 100%) !important;
}
.hero-art { isolation:isolate; }
.hero-arch { z-index:0; }
.hero-firefly { position:absolute;z-index:3;display:block;width:40px;height:40px;pointer-events:none;opacity:.83; }
.hero-firefly::before {
  content:"";position:absolute;inset:-21px;z-index:-1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,230,147,.42) 0%,rgba(255,229,162,.18) 23%,rgba(255,231,172,0) 60%);
}
.hero-firefly svg {display:block;width:100%;height:100%;filter:drop-shadow(0 0 3px #ffdfa66b);}
.hero-firefly--one {left:4%;top:24%;transform:rotate(-17deg) scale(.91);}
.hero-firefly--two {right:-1%;top:29%;transform:rotate(15deg) scale(.79);}
.hero-firefly--three {left:10%;bottom:20%;transform:rotate(7deg) scale(.68);opacity:.68;}
@media (max-width:760px) {
  .hero-firefly {width:34px;height:34px;opacity:.80;}
  .hero-firefly--one {left:4%;top:23%;transform:rotate(-17deg) scale(.8);}
  .hero-firefly--two {right:0%;top:28%;transform:rotate(15deg) scale(.7);}
  .hero-firefly--three {left:7%;bottom:20%;transform:rotate(8deg) scale(.63);}
}
@media (max-width:390px) {
  .hero-firefly--one {left:2%;top:25%;}
  .hero-firefly--two {right:-2%;top:34%;}
  .hero-firefly--three {left:3%;bottom:23%;}
}
/* Balanced tablet placement and an uncropped lockup on narrow phones. */
@media (min-width:761px) and (max-width:1000px) {
  .hero-cover-main { left:12%;top:24% !important;width:64% !important; }
  .hero-cover-back { left:50%;top:29% !important;width:53% !important; }
  .hero-art-tagline { bottom:65px; }
}
@media (max-width:355px) {
  .hero .hero-title-impact .hero-title-script { font-size:92px !important; }
}