/* Desktop-only refinement pass for the Aries Blackstone author site. */
@media (min-width: 1000px) {
  main#home .hero {
    position: relative !important;
    height: calc(100svh - 82px) !important;
    min-height: 650px !important;
    max-height: 880px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 72% 54%, rgba(28, 144, 184, 0.24), transparent 22%),
      linear-gradient(90deg, #100c09 0%, #120e0b 46%, #1d1712 100%) !important;
  }

  main#home .hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      linear-gradient(90deg, rgba(11, 8, 6, 0.96) 0%, rgba(11, 8, 6, 0.82) 34%, rgba(11, 8, 6, 0.28) 57%, rgba(11, 8, 6, 0.66) 77%, rgba(11, 8, 6, 0.94) 100%),
      radial-gradient(circle at 60% 47%, rgba(6, 186, 229, 0.16), transparent 27%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  main#home .hero-bg {
    z-index: 0 !important;
    opacity: 1 !important;
    transform: translate3d(var(--parallax-x, 0px), calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px)), 0) !important;
    will-change: transform !important;
  }

  main#home .hero-bg img {
    left: auto !important;
    right: clamp(345px, 23vw, 520px) !important;
    top: 50% !important;
    width: clamp(455px, 36vw, 700px) !important;
    height: auto !important;
    max-width: none !important;
    max-height: 112% !important;
    opacity: 0.64 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: translate3d(var(--parallax-x, 0px), calc(-50% + var(--parallax-y, 0px) + var(--parallax-hover-y, 0px)), 0) scale(1.03) !important;
    filter: saturate(1.08) contrast(1.1) brightness(0.82) !important;
  }

  main#home .hero-inner {
    position: relative !important;
    z-index: 4 !important;
    width: min(100% - 72px, 1520px) !important;
    min-height: 100% !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: minmax(560px, 1fr) minmax(300px, 360px) !important;
    align-items: center !important;
    gap: clamp(42px, 5vw, 88px) !important;
    padding: clamp(22px, 3vh, 42px) 0 !important;
  }

  main#home .hero-copy {
    max-width: 790px !important;
    padding-left: clamp(10px, 2vw, 28px) !important;
    transform: translate3d(var(--parallax-x, 0px), calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px)), 0) !important;
    will-change: transform !important;
  }

  main#home .now-available {
    font-size: clamp(2.45rem, 4vw, 4.8rem) !important;
    line-height: 0.92 !important;
    margin-bottom: clamp(18px, 2vh, 28px) !important;
  }

  main#home .hero-copy h1 {
    max-width: 820px !important;
    font-size: clamp(4.25rem, 5.8vw, 6.7rem) !important;
    line-height: 0.84 !important;
    letter-spacing: 0 !important;
  }

  main#home .hero-copy .lead {
    max-width: 740px !important;
    font-size: clamp(1.05rem, 1.25vw, 1.35rem) !important;
    line-height: 1.45 !important;
  }

  main#home .hero-actions,
  main#home .realm-entry {
    max-width: 620px !important;
  }

  main#home .latest-card {
    width: min(100%, 340px) !important;
    max-height: calc(100svh - 132px) !important;
    align-self: center !important;
    justify-self: end !important;
    overflow: hidden !important;
    transform: translate3d(var(--parallax-x, 0px), calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px)), 0) !important;
    will-change: transform !important;
  }

  main#home .hero-parallax-layer {
    transform: translate3d(var(--parallax-x, 0px), calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px)), 0) !important;
    will-change: transform !important;
  }

  main#home .latest-card .release-art {
    min-height: 250px !important;
    aspect-ratio: 1 / 0.84 !important;
  }

  main#home .latest-card .release-art img {
    max-height: 230px !important;
    width: auto !important;
    object-fit: contain !important;
  }
}

/* Corinne-inspired homepage hero pass: one fixed visual, one strong reader panel. */
@media (min-width: 1000px) {
  main#home .hero {
    height: calc(100svh - 82px) !important;
    min-height: 640px !important;
    max-height: 900px !important;
    overflow: hidden !important;
    background: #120d0a !important;
    isolation: isolate !important;
  }

  main#home .hero-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
  }

  main#home .hero-bg img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 58% 38% !important;
    opacity: 0.9 !important;
    transform: none !important;
    filter: saturate(1.08) contrast(1.08) brightness(0.9) !important;
  }

  main#home .hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
      linear-gradient(90deg, rgba(15, 10, 7, 0.2) 0%, rgba(15, 10, 7, 0.1) 44%, rgba(15, 10, 7, 0.5) 100%),
      radial-gradient(circle at 72% 54%, rgba(19, 136, 170, 0.24), transparent 24%) !important;
  }

  main#home .hero-shade {
    z-index: 2 !important;
    background:
      linear-gradient(90deg, rgba(255, 249, 238, 0.86) 0%, rgba(255, 249, 238, 0.8) 36%, rgba(255, 249, 238, 0.18) 58%, rgba(18, 13, 10, 0.55) 100%) !important;
  }

  main#home .hero-inner {
    position: relative !important;
    z-index: 4 !important;
    width: min(100% - 88px, 1600px) !important;
    min-height: 100% !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: minmax(560px, 760px) 1fr !important;
    align-items: center !important;
    gap: clamp(40px, 6vw, 110px) !important;
    padding-block: clamp(32px, 5vh, 76px) !important;
  }

  main#home .hero-copy {
    max-width: 760px !important;
    padding: clamp(32px, 4vw, 58px) !important;
    color: #20150f !important;
    background: rgba(250, 244, 234, 0.84) !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 0 !important;
    box-shadow: 0 26px 86px rgba(17, 10, 7, 0.26) !important;
    backdrop-filter: blur(7px) saturate(1.05) !important;
    transform: translate3d(var(--parallax-x, 0px), calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px)), 0) !important;
    will-change: transform !important;
  }

  main#home .hero-copy::before {
    display: none !important;
  }

  main#home .now-available {
    color: #b06a2d !important;
    font-size: clamp(2.5rem, 4.4vw, 5.1rem) !important;
    line-height: 0.92 !important;
    margin: 0 0 clamp(14px, 2vh, 24px) !important;
    text-shadow: none !important;
  }

  main#home .hero-copy .eyebrow {
    color: #7b4a25 !important;
  }

  main#home .hero-copy h1 {
    max-width: 760px !important;
    color: #1d120c !important;
    font-size: clamp(4rem, 6.2vw, 7rem) !important;
    line-height: 0.85 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
  }

  main#home .hero-copy .tagline,
  main#home .hero-copy .lead {
    max-width: 680px !important;
    color: #3f3128 !important;
    font-size: clamp(1.05rem, 1.28vw, 1.32rem) !important;
    line-height: 1.45 !important;
    text-shadow: none !important;
  }

  main#home .hero-actions {
    max-width: 620px !important;
  }

  main#home .latest-card {
    display: none !important;
  }

  main#home .hero-gold-line {
    left: auto !important;
    right: 8vw !important;
    top: 18vh !important;
    width: 34vw !important;
    height: 34vw !important;
    opacity: 0.38 !important;
  }

  main#home .hero-blue-glow {
    left: auto !important;
    right: 13vw !important;
    top: 31vh !important;
    width: 22vw !important;
    height: 22vw !important;
    opacity: 0.38 !important;
  }
}

@media (min-width: 1000px) and (max-height: 760px) {
  main#home .hero {
    min-height: 580px !important;
  }

  main#home .hero-inner {
    padding-block: 24px !important;
  }

  main#home .hero-copy {
    padding: 28px 36px !important;
  }

  main#home .now-available {
    font-size: clamp(2.15rem, 3.5vw, 3.75rem) !important;
  }

  main#home .hero-copy h1 {
    font-size: clamp(3.55rem, 5.2vw, 5.7rem) !important;
  }
}

@media (min-width: 1000px) and (max-height: 820px) {
  main#home .hero {
    min-height: 610px !important;
  }

  main#home .now-available {
    font-size: clamp(2.15rem, 3.5vw, 3.8rem) !important;
    margin-bottom: 14px !important;
  }

  main#home .hero-copy h1 {
    font-size: clamp(3.65rem, 5vw, 5.6rem) !important;
  }

  main#home .hero-copy .lead {
    font-size: 1rem !important;
    max-width: 680px !important;
  }

  main#home .latest-card {
    width: min(100%, 318px) !important;
  }

  main#home .latest-card .release-copy {
    display: none !important;
  }
}

@media (min-width: 1500px) {
  main#home .hero-inner {
    grid-template-columns: minmax(640px, 1fr) minmax(320px, 370px) !important;
  }

  main#home .hero-bg img {
    right: clamp(430px, 26vw, 600px) !important;
    width: clamp(560px, 36vw, 760px) !important;
    opacity: 0.68 !important;
  }
}

/* Absolute final homepage override. Keep this block last. */
@media (min-width: 1000px) {
  main#home .hero {
    min-height: calc(100svh - 82px) !important;
    height: calc(100svh - 82px) !important;
    max-height: 920px !important;
    overflow: hidden !important;
    background: #140d09 !important;
  }

  main#home .hero-bg,
  main#home .hero-bg img {
    transform: none !important;
    will-change: auto !important;
  }

  main#home .hero-bg img {
    inset: 0 !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 60% 42% !important;
    opacity: 0.96 !important;
    filter: saturate(1.12) contrast(1.1) brightness(0.92) !important;
  }

  main#home .hero-shade {
    background:
      linear-gradient(90deg, rgba(255, 249, 238, 0.84) 0%, rgba(255, 249, 238, 0.62) 27%, rgba(20, 13, 9, 0.2) 53%, rgba(20, 13, 9, 0.7) 100%),
      linear-gradient(0deg, rgba(20, 13, 9, 0.2), rgba(20, 13, 9, 0.03) 46%, rgba(20, 13, 9, 0.16)) !important;
  }

  main#home .hero-inner {
    width: min(100% - 88px, 1600px) !important;
    min-height: 100% !important;
    grid-template-columns: minmax(560px, 760px) 1fr !important;
    align-items: center !important;
    padding-block: clamp(34px, 5vh, 78px) !important;
  }

  main#home .hero-copy {
    max-width: 760px !important;
    padding: clamp(34px, 4vw, 60px) !important;
    color: #20150f !important;
    background: rgba(250, 244, 234, 0.84) !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 0 !important;
    box-shadow: 0 26px 86px rgba(17, 10, 7, 0.26) !important;
    backdrop-filter: blur(7px) saturate(1.04) !important;
  }

  main#home .hero-copy h1,
  main#home .now-available,
  main#home .hero-copy .eyebrow,
  main#home .hero-copy .tagline,
  main#home .hero-copy .lead {
    text-shadow: none !important;
  }

  main#home .now-available {
    color: #a8652b !important;
    font-size: clamp(2.5rem, 4.2vw, 4.95rem) !important;
    line-height: 0.9 !important;
    margin-bottom: clamp(14px, 2vh, 22px) !important;
  }

  main#home .hero-copy h1 {
    color: #1c120c !important;
    font-size: clamp(3.9rem, 5.9vw, 6.7rem) !important;
    line-height: 0.86 !important;
  }

  main#home .hero-copy .tagline,
  main#home .hero-copy .lead {
    color: #3f3128 !important;
    max-width: 680px !important;
  }

  main#home .hero-gold-line {
    right: 8vw !important;
    top: 18vh !important;
    width: 34vw !important;
    height: 34vw !important;
    opacity: 0.34 !important;
  }

  main#home .hero-blue-glow {
    right: 13vw !important;
    top: 31vh !important;
    width: 22vw !important;
    height: 22vw !important;
    opacity: 0.34 !important;
  }

  main#home .latest-card {
    display: none !important;
  }
}

@media (min-width: 1000px) and (max-height: 760px) {
  main#home .hero {
    min-height: 590px !important;
    height: calc(100svh - 82px) !important;
  }

  main#home .hero-inner {
    padding-block: 24px !important;
  }

  main#home .hero-copy {
    padding: 28px 36px !important;
  }

  main#home .now-available {
    font-size: clamp(2rem, 3.4vw, 3.65rem) !important;
  }

  main#home .hero-copy h1 {
    font-size: clamp(3.25rem, 5vw, 5.35rem) !important;
  }
}

/* Final book-world image clarity pass. */
.series-card.large {
  background:
    linear-gradient(135deg, rgba(46, 54, 46, 0.88), rgba(103, 78, 48, 0.72)) !important;
}

.series-card.large::before,
.series-card.large::after {
  opacity: 0.18 !important;
}

.series-card.large .series-card-art {
  width: 54% !important;
  opacity: 0.64 !important;
  filter: saturate(1.12) contrast(1.06) brightness(1.26) !important;
  mix-blend-mode: normal !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.7) 18%, #000 42%, #000 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.7) 18%, #000 42%, #000 100%) !important;
}

.series-card.large > :not(.series-card-art) {
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.42) !important;
}

/* Ladonna fixed-backdrop hero pass.
   The image stays still while the author panel and following content scroll over it. */
@media (min-width: 1000px) {
  main#home {
    background-image:
      linear-gradient(90deg, rgba(248, 241, 230, 0.36) 0%, rgba(248, 241, 230, 0.12) 36%, rgba(18, 11, 7, 0.08) 58%, rgba(18, 11, 7, 0.5) 100%) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
  }

  main#home .hero {
    background: transparent !important;
    overflow: hidden !important;
  }

  main#home .hero-bg {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    transform: none !important;
  }

  main#home .hero-bg img {
    position: absolute !important;
    top: 50% !important;
    right: clamp(-210px, -8vw, -90px) !important;
    left: auto !important;
    width: clamp(760px, 58vw, 980px) !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 0.9 !important;
    transform: translateY(-48%) !important;
    filter: saturate(1.08) contrast(1.06) brightness(0.9) !important;
  }

  main#home .hero-shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background:
      linear-gradient(90deg, rgba(255, 249, 238, 0.32) 0%, rgba(255, 249, 238, 0.2) 33%, rgba(18, 11, 7, 0.02) 54%, rgba(18, 11, 7, 0.36) 100%),
      radial-gradient(circle at 73% 34%, rgba(39, 171, 214, 0.18), transparent 28%) !important;
  }

  main#home .hero-inner {
    position: relative !important;
    z-index: 4 !important;
    grid-template-columns: minmax(560px, 850px) 1fr !important;
    align-items: center !important;
  }

  main#home .hero-copy {
    background: rgba(250, 244, 234, 0.48) !important;
    border-color: rgba(255, 255, 255, 0.48) !important;
    box-shadow: 0 24px 78px rgba(18, 11, 7, 0.2) !important;
    backdrop-filter: blur(3px) saturate(1.08) !important;
  }

  main#home .hero-copy h1 {
    color: rgba(28, 18, 12, 0.9) !important;
  }

  main#home .now-available {
    color: rgba(168, 101, 43, 0.88) !important;
  }

  main#home .hero-copy .tagline,
  main#home .hero-copy .lead {
    color: rgba(48, 38, 30, 0.92) !important;
  }

  main#home .hero-actions .button-light {
    border-color: rgba(32, 21, 15, 0.28) !important;
    background: rgba(255, 250, 242, 0.72) !important;
    color: #20150f !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42) !important;
  }

  main#home .hero-actions .button-light:hover {
    background: #fffaf2 !important;
    border-color: rgba(168, 101, 43, 0.42) !important;
  }

  main#home .hero-actions .hero-buy-now {
    min-width: 178px !important;
    background: #d6ab60 !important;
    color: #1f150f !important;
    font-size: 1.05rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    box-shadow: 0 16px 34px rgba(168, 101, 43, 0.3) !important;
  }

  main#home .hero-release .release-buy-now {
    width: fit-content !important;
    min-width: 190px !important;
    margin-top: 10px !important;
    margin-left: 0 !important;
  }

  main#home .intro-band {
    background: rgba(248, 241, 230, 0.86) !important;
    backdrop-filter: blur(8px) saturate(1.04) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.46) !important;
  }

  main#home .books-section,
  main#home .featured-strip,
  main#home .newsletter {
    background-color: #1d130f !important;
  }
}

@media (min-width: 1000px) and (max-width: 1280px) {
  main#home .hero-copy {
    max-width: 680px !important;
  }

  main#home .hero-bg img {
    right: clamp(-260px, -16vw, -150px) !important;
    width: clamp(730px, 64vw, 880px) !important;
  }
}

/* Home book-world/explore section clarity pass. */
main#home .explore-section {
  background:
    radial-gradient(circle at 14% 22%, rgba(218, 176, 93, 0.2), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(92, 137, 128, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(248, 241, 230, 0.97), rgba(238, 224, 204, 0.95)) !important;
  color: #20150f !important;
}

main#home .explore-section .section-kicker,
main#home .explore-section .section-title h2 {
  color: #20150f !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

main#home .explore-section .section-title p {
  color: rgba(32, 21, 15, 0.72) !important;
}

main#home .explore-grid {
  gap: clamp(18px, 2.4vw, 32px) !important;
}

main#home .explore-tile {
  position: relative !important;
  overflow: hidden !important;
  min-height: clamp(240px, 24vw, 320px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  color: #fffaf2 !important;
  border: 1px solid rgba(214, 173, 96, 0.42) !important;
  background:
    linear-gradient(180deg, rgba(18, 11, 7, 0.12), rgba(18, 11, 7, 0.78)),
    linear-gradient(135deg, rgba(35, 52, 50, 0.9), rgba(118, 82, 49, 0.88)) !important;
  box-shadow: 0 28px 70px rgba(36, 24, 16, 0.18) !important;
}

main#home .explore-tile::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 0.46 !important;
  transform: scale(1.03) !important;
  transition: opacity 0.55s ease, transform 0.55s ease !important;
}

main#home .explore-tile:nth-child(1)::before {
  background-image: url("images/ladonna-stone-portrait.jpg") !important;
  background-position: 56% 18% !important;
}

main#home .explore-tile:nth-child(2)::before {
  background-image: url("images/max-zoey-together.png") !important;
}

main#home .explore-tile:nth-child(3)::before {
  background-image: url("images/quantum-entry-orb.jpg") !important;
}

main#home .explore-tile::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(180deg, transparent 18%, rgba(18, 11, 7, 0.78) 100%) !important;
  pointer-events: none !important;
}

main#home .explore-tile > * {
  position: relative !important;
  z-index: 2 !important;
}

main#home .explore-tile span {
  color: rgba(255, 223, 166, 0.98) !important;
}

main#home .explore-tile strong {
  color: #fffaf2 !important;
  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.42) !important;
}

main#home .explore-tile:hover::before {
  opacity: 0.6 !important;
  transform: scale(1.08) !important;
}

@media (max-width: 820px) {
  main#home .explore-tile {
    min-height: 220px !important;
  }
}

/* Latest release hero callout. */
main#home .hero-release {
  display: grid !important;
  gap: clamp(4px, 0.6vw, 8px) !important;
  margin: 0 0 clamp(18px, 2.4vw, 28px) !important;
}

main#home .hero-release .now-available {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 7px 13px !important;
  border: 1px solid rgba(168, 101, 43, 0.36) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 242, 0.72) !important;
  color: #8d5223 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(0.74rem, 0.85vw, 0.92rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

main#home .release-title {
  margin: 0 !important;
  color: #21150f !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(3rem, 5vw, 6rem) !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

main#home .release-subtitle {
  width: fit-content !important;
  margin: 0 !important;
  padding: 8px 13px 9px !important;
  border-left: 4px solid #d6ab60 !important;
  background: rgba(32, 21, 15, 0.08) !important;
  color: #6d3f1d !important;
  font-size: clamp(1.18rem, 1.7vw, 1.75rem) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.01em !important;
}

main#home .hero-feature {
  position: relative !important;
  z-index: 5 !important;
  align-self: center !important;
  justify-self: end !important;
  width: min(100%, 360px) !important;
  display: grid !important;
  gap: 13px !important;
  justify-items: center !important;
  padding: clamp(16px, 1.7vw, 22px) !important;
  border: 1px solid rgba(214, 171, 96, 0.46) !important;
  background:
    linear-gradient(180deg, rgba(20, 13, 9, 0.78), rgba(20, 13, 9, 0.54)),
    radial-gradient(circle at 50% 28%, rgba(53, 173, 205, 0.22), transparent 52%) !important;
  box-shadow: 0 28px 80px rgba(12, 8, 6, 0.42) !important;
  color: #fffaf2 !important;
  backdrop-filter: blur(3px) saturate(1.08) !important;
}

main#home .hero-feature-cover {
  display: block !important;
  width: min(66%, 196px) !important;
  filter: drop-shadow(0 26px 34px rgba(0, 0, 0, 0.44)) !important;
  transform: rotate(-2deg) !important;
  transition: transform 220ms ease, filter 220ms ease !important;
}

main#home .hero-feature-cover:hover {
  transform: translateY(-4px) rotate(-1deg) !important;
  filter: drop-shadow(0 32px 40px rgba(0, 0, 0, 0.5)) !important;
}

main#home .hero-feature-cover img {
  width: 100% !important;
  height: auto !important;
}

main#home .hero-feature-copy {
  text-align: center !important;
}

main#home .hero-feature-copy p {
  margin: 0 0 6px !important;
  color: #d6ab60 !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

main#home .hero-feature-copy h2 {
  margin: 0 !important;
  color: #fffaf2 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.95rem, 2.75vw, 2.9rem) !important;
  line-height: 0.92 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.42) !important;
}

main#home .hero-feature-copy span {
  display: inline-block !important;
  margin-top: 6px !important;
  padding: 7px 12px !important;
  background: rgba(255, 250, 242, 0.12) !important;
  color: #ffe0a6 !important;
  font-size: clamp(1rem, 1.2vw, 1.2rem) !important;
  font-weight: 900 !important;
}

main#home .hero-feature-buy {
  width: min(100%, 210px) !important;
  margin-top: 14px !important;
  color: #1f150f !important;
  font-size: 1rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.34) !important;
}

main#home .hero-feature {
  display: none !important;
}

@media (max-width: 999px) {
  main#home .hero-feature {
    width: min(100%, 520px) !important;
    margin: 0 auto 32px !important;
  }

  main#home .hero-feature-cover {
    width: min(58%, 210px) !important;
  }
}

@media (max-width: 680px) {
  main#home .release-title {
    font-size: clamp(2.45rem, 13vw, 4rem) !important;
  }

  main#home .release-subtitle {
    max-width: 100% !important;
    font-size: clamp(1.05rem, 5vw, 1.35rem) !important;
  }
}

/* Final hero image placement: keep Ladonna out from behind the book title panel. */
@media (min-width: 1000px) {
  main#home .hero-bg {
    display: block !important;
    z-index: 0 !important;
    transform: none !important;
    will-change: auto !important;
    pointer-events: none !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 27%, rgba(0, 0, 0, 0.12) 34%, rgba(0, 0, 0, 0.72) 43%, #000 55%, #000 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, transparent 27%, rgba(0, 0, 0, 0.12) 34%, rgba(0, 0, 0, 0.72) 43%, #000 55%, #000 100%) !important;
  }

  main#home .hero-bg img {
    top: 78% !important;
    right: clamp(-420px, -19vw, -285px) !important;
    left: auto !important;
    width: clamp(1341px, 86vw, 1543px) !important;
    height: auto !important;
    max-width: none !important;
    transform: translateY(-50%) !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: saturate(1.1) contrast(1.08) brightness(1.1) !important;
    image-rendering: auto !important;
    will-change: auto !important;
  }
}

@media (min-width: 1000px) {
  main#home .hero-copy {
    max-width: 610px !important;
    padding: clamp(22px, 2.5vw, 34px) !important;
  }

  main#home .hero-copy h1 {
    font-size: clamp(2.9rem, 4vw, 4.75rem) !important;
  }

  main#home .release-title {
    font-size: clamp(2.6rem, 4vw, 4.75rem) !important;
  }

  main#home .release-subtitle {
    font-size: clamp(1.05rem, 1.4vw, 1.5rem) !important;
  }
}

/* Final panel balance pass. */
@media (min-width: 1000px) {
  main#home .hero-shade {
    background:
      linear-gradient(90deg, rgba(255, 249, 238, 0.24) 0%, rgba(255, 249, 238, 0.14) 32%, rgba(18, 11, 7, 0.02) 54%, rgba(18, 11, 7, 0.26) 100%),
      radial-gradient(circle at 74% 42%, rgba(39, 171, 214, 0.14), transparent 30%) !important;
  }

  main#home .hero-inner {
    grid-template-columns: minmax(440px, 560px) 1fr !important;
  }

  main#home .hero-copy {
    max-width: 575px !important;
    padding: 12px 22px 14px !important;
    position: relative !important;
    z-index: 6 !important;
    transform: translate3d(calc(clamp(48px, 10vw, 185px) + var(--parallax-x, 0px)), calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px)), 0) !important;
    will-change: transform !important;
  }

  main#home .hero-release {
    gap: 2px !important;
    margin-bottom: 8px !important;
  }

  main#home .release-title {
    font-size: clamp(2.15rem, 3vw, 3.55rem) !important;
    line-height: 0.9 !important;
  }

  main#home .release-subtitle {
    font-size: clamp(1rem, 1.15vw, 1.25rem) !important;
    padding: 5px 10px 6px !important;
  }

  main#home .hero-copy h1 {
    font-size: clamp(2.35rem, 2.9vw, 3.45rem) !important;
    line-height: 0.9 !important;
  }

  main#home .tagline {
    max-width: 530px !important;
    font-size: clamp(0.92rem, 1vw, 1.06rem) !important;
    line-height: 1.34 !important;
  }

  main#home .quantum-storyline {
    max-width: 540px !important;
    margin: 14px 0 2px !important;
    color: #231711 !important;
    font-family: var(--font-heading) !important;
    font-size: clamp(1.45rem, 2vw, 2.35rem) !important;
    font-weight: 800 !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
  }

  main#home .quantum-storyline span {
    display: inline-block !important;
    margin: 0 0.16em 0.2em 0 !important;
    opacity: 0.12 !important;
    transform: translate3d(0, 12px, 0) !important;
    filter: blur(2px) !important;
    transition: opacity 0.32s ease, transform 0.32s ease, filter 0.32s ease !important;
  }

  main#home .quantum-storyline span.is-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    filter: blur(0) !important;
  }
}

/* Keep Ladonna planted while the copy panel keeps its parallax movement. */
@media (min-width: 1000px) {
  main#home .hero-bg {
    position: absolute !important;
    inset: 0 !important;
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
  }

  main#home .hero-bg img {
    transform: translate3d(0, -50%, 0) !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
  }
}

/* Pin the Quantum Divide hero until the Ladonna hook fully reveals. */
@media (min-width: 1000px) {
  main#home .hero {
    position: relative !important;
    height: 185svh !important;
    min-height: 1350px !important;
    max-height: none !important;
    overflow: visible !important;
    background: #17120f !important;
  }

  main#home .hero-pin {
    position: sticky !important;
    top: 80px !important;
    height: calc(100svh - 80px) !important;
    min-height: 620px !important;
    overflow: hidden !important;
    background: #17120f !important;
  }

  main#home .hero-pin .hero-bg,
  main#home .hero-pin .hero-shade,
  main#home .hero-pin .hero-parallax-layer {
    position: absolute !important;
  }

  main#home .hero-pin .hero-bg {
    inset: 0 !important;
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
  }

  main#home .hero-pin .hero-bg img {
    transform: translate3d(0, -50%, 0) !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
  }

  main#home .hero-pin .hero-inner {
    height: 100% !important;
    min-height: 0 !important;
  }

  main#home .hero + .intro-band {
    position: relative !important;
    z-index: 3 !important;
  }
}