/* Home page contrast fixes. Loaded after styles.css and desktop-fixes.css. */
main#home .books-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(223, 178, 88, 0.12), transparent 30%),
    linear-gradient(180deg, #1a100b 0%, #1d120d 100%) !important;
}

/* 2026-05-29: final desktop composition polish for the simplified hero. */
@media (min-width: 1000px) {
  main#home .hero-book-reveal,
  body:not(.home-hero-stage-active) main#home .hero-book-reveal,
  main#home .hero.story-is-complete .hero-book-reveal {
    left: clamp(290px, 28vw, 540px) !important;
    top: calc(80px + ((100svh - 80px) * 0.51)) !important;
    width: clamp(430px, 33vw, 670px) !important;
    height: min(82svh, 800px) !important;
    z-index: 6 !important;
  }

  body.home-hero-stage-active main#home .hero-pin .hero-bg img,
  body.home-hero-stage-active main#home .hero-bg img {
    right: clamp(-112px, -5vw, -70px) !important;
    top: calc(80px + ((100svh - 80px) * 0.58)) !important;
    width: clamp(1260px, 88vw, 1580px) !important;
    filter: none !important;
  }

  main#home .hero-copy,
  main#home .hero.story-is-complete .hero-copy {
    width: min(42vw, 600px) !important;
    max-width: 600px !important;
    padding: clamp(22px, 2vw, 32px) !important;
    background:
      linear-gradient(90deg, rgba(244, 240, 232, 0.62) 0%, rgba(244, 240, 232, 0.42) 56%, rgba(244, 240, 232, 0.05) 100%) !important;
    transform:
      perspective(1600px)
      translate3d(
        calc(clamp(-72px, -2.4vw, -34px) + var(--parallax-x, 0px)),
        calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px) - 24px),
        0
      )
      rotateX(14deg) !important;
  }

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

  main#home .quantum-storyline {
    max-width: 510px !important;
    font-size: clamp(1.22rem, 1.65vw, 1.72rem) !important;
  }
}

/* 2026-05-29: calm the hero composition so the book, Ladonna, and copy each have their own space. */
@media (min-width: 1000px) {
  main#home .hero {
    height: 220svh !important;
    min-height: 1540px !important;
  }

  main#home .hero,
  main#home .hero-pin {
    background:
      radial-gradient(ellipse at 66% 42%, rgba(230, 233, 230, 0.12), transparent 38%),
      linear-gradient(90deg, #120d0b 0%, #17110f 29%, #342f2a 52%, #66635f 100%) !important;
  }

  main#home .hero-shade {
    z-index: 2 !important;
    background:
      linear-gradient(90deg, rgba(11, 8, 7, 0.9) 0%, rgba(14, 10, 8, 0.68) 28%, rgba(33, 29, 25, 0.28) 54%, rgba(37, 33, 29, 0.2) 100%),
      linear-gradient(180deg, rgba(12, 9, 8, 0.02) 0%, rgba(12, 9, 8, 0.12) 56%, rgba(12, 9, 8, 0.34) 100%) !important;
  }

  body.home-hero-stage-active main#home .hero-pin .hero-bg img,
  body.home-hero-stage-active main#home .hero-bg img {
    right: clamp(-130px, -6vw, -80px) !important;
    top: calc(80px + ((100svh - 80px) * 0.58)) !important;
    width: clamp(1260px, 88vw, 1600px) !important;
    z-index: 4 !important;
  }

  main#home .hero-book-reveal,
  body:not(.home-hero-stage-active) main#home .hero-book-reveal,
  main#home .hero.story-is-complete .hero-book-reveal {
    position: fixed !important;
    z-index: 6 !important;
    left: clamp(300px, 29vw, 560px) !important;
    top: calc(80px + ((100svh - 80px) * 0.52)) !important;
    width: clamp(420px, 32vw, 660px) !important;
    height: min(80svh, 780px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    overflow: visible !important;
    pointer-events: none !important;
    transform:
      translate3d(
        calc(-50% + var(--parallax-x, 0px)),
        calc(-50% + var(--parallax-y, 0px)),
        0
      )
      scale(1) !important;
    filter:
      drop-shadow(0 34px 54px rgba(0, 0, 0, 0.42))
      drop-shadow(0 0 22px rgba(212, 226, 236, 0.14)) !important;
    transition: opacity 0.5s ease, filter 0.5s ease !important;
  }

  main#home .hero-book-reveal img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  main#home .hero-copy,
  main#home .hero.story-is-complete .hero-copy {
    z-index: 8 !important;
    width: min(47vw, 660px) !important;
    max-width: 660px !important;
    min-height: 0 !important;
    padding: clamp(24px, 2.3vw, 36px) !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
    background:
      linear-gradient(90deg, rgba(244, 240, 232, 0.7) 0%, rgba(244, 240, 232, 0.48) 58%, rgba(244, 240, 232, 0.08) 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 72%, rgba(0, 0, 0, 0.46) 100%) !important;
    mask-image: linear-gradient(90deg, #000 0%, #000 72%, rgba(0, 0, 0, 0.46) 100%) !important;
    transform:
      perspective(1600px)
      translate3d(
        calc(clamp(-36px, 2.2vw, 34px) + var(--parallax-x, 0px)),
        calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px) - 16px),
        0
      )
      rotateX(14deg) !important;
    transition: transform 0.4s ease, opacity 0.4s ease !important;
  }

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

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

  main#home .quantum-storyline {
    max-width: 560px !important;
    margin-top: 14px !important;
    font-size: clamp(1.35rem, 1.9vw, 2rem) !important;
    line-height: 1.24 !important;
  }

  main#home .hero-copy .release-buy-now {
    display: inline-flex !important;
  }

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

  main#home .hero.story-is-complete .release-title::before,
  main#home .hero.story-is-complete .release-title::after,
  main#home .hero.story-is-complete .release-subtitle::after {
    animation: none !important;
    opacity: 0 !important;
  }
}

/* Final winning desktop hero polish: book and Ladonna stay readable while the panel moves over them. */
@media (min-width: 1000px) {
  main#home .hero-book-reveal,
  body:not(.home-hero-stage-active) main#home .hero-book-reveal,
  main#home .hero.story-is-complete .hero-book-reveal {
    left: clamp(290px, 28vw, 540px) !important;
    top: calc(80px + ((100svh - 80px) * 0.51)) !important;
    width: clamp(430px, 33vw, 670px) !important;
    height: min(82svh, 800px) !important;
    z-index: 6 !important;
  }

  body.home-hero-stage-active main#home .hero-pin .hero-bg img,
  body.home-hero-stage-active main#home .hero-bg img {
    right: clamp(-112px, -5vw, -70px) !important;
    top: calc(80px + ((100svh - 80px) * 0.58)) !important;
    width: clamp(1260px, 88vw, 1580px) !important;
    filter: none !important;
  }

  main#home .hero-copy,
  main#home .hero.story-is-complete .hero-copy {
    width: min(42vw, 600px) !important;
    max-width: 600px !important;
    padding: clamp(22px, 2vw, 32px) !important;
    background:
      linear-gradient(90deg, rgba(244, 240, 232, 0.62) 0%, rgba(244, 240, 232, 0.42) 56%, rgba(244, 240, 232, 0.05) 100%) !important;
    transform:
      perspective(1600px)
      translate3d(
        calc(clamp(-72px, -2.4vw, -34px) + var(--parallax-x, 0px)),
        calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px) - 24px),
        0
      )
      rotateX(14deg) !important;
  }

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

  main#home .quantum-storyline {
    max-width: 510px !important;
    font-size: clamp(1.22rem, 1.65vw, 1.72rem) !important;
  }
}

/* Final desktop hero balance: keep the visual anchors clear and make the moving panel lighter. */
@media (min-width: 1000px) {
  main#home .hero {
    height: 220svh !important;
    min-height: 1540px !important;
  }

  main#home .hero,
  main#home .hero-pin {
    background:
      radial-gradient(ellipse at 66% 42%, rgba(230, 233, 230, 0.12), transparent 38%),
      linear-gradient(90deg, #120d0b 0%, #17110f 29%, #342f2a 52%, #66635f 100%) !important;
  }

  main#home .hero-shade {
    z-index: 2 !important;
    background:
      linear-gradient(90deg, rgba(11, 8, 7, 0.9) 0%, rgba(14, 10, 8, 0.68) 28%, rgba(33, 29, 25, 0.28) 54%, rgba(37, 33, 29, 0.2) 100%),
      linear-gradient(180deg, rgba(12, 9, 8, 0.02) 0%, rgba(12, 9, 8, 0.12) 56%, rgba(12, 9, 8, 0.34) 100%) !important;
  }

  body.home-hero-stage-active main#home .hero-pin .hero-bg img,
  body.home-hero-stage-active main#home .hero-bg img {
    right: clamp(-130px, -6vw, -80px) !important;
    top: calc(80px + ((100svh - 80px) * 0.58)) !important;
    width: clamp(1260px, 88vw, 1600px) !important;
    z-index: 4 !important;
  }

  main#home .hero-book-reveal,
  body:not(.home-hero-stage-active) main#home .hero-book-reveal,
  main#home .hero.story-is-complete .hero-book-reveal {
    position: fixed !important;
    z-index: 6 !important;
    left: clamp(300px, 29vw, 560px) !important;
    top: calc(80px + ((100svh - 80px) * 0.52)) !important;
    width: clamp(420px, 32vw, 660px) !important;
    height: min(80svh, 780px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    overflow: visible !important;
    pointer-events: none !important;
    transform:
      translate3d(
        calc(-50% + var(--parallax-x, 0px)),
        calc(-50% + var(--parallax-y, 0px)),
        0
      )
      scale(1) !important;
    filter:
      drop-shadow(0 34px 54px rgba(0, 0, 0, 0.42))
      drop-shadow(0 0 22px rgba(212, 226, 236, 0.14)) !important;
    transition: opacity 0.5s ease, filter 0.5s ease !important;
  }

  main#home .hero-book-reveal img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  main#home .hero-copy,
  main#home .hero.story-is-complete .hero-copy {
    z-index: 8 !important;
    width: min(47vw, 660px) !important;
    max-width: 660px !important;
    min-height: 0 !important;
    padding: clamp(24px, 2.3vw, 36px) !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
    background:
      linear-gradient(90deg, rgba(244, 240, 232, 0.7) 0%, rgba(244, 240, 232, 0.48) 58%, rgba(244, 240, 232, 0.08) 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 72%, rgba(0, 0, 0, 0.46) 100%) !important;
    mask-image: linear-gradient(90deg, #000 0%, #000 72%, rgba(0, 0, 0, 0.46) 100%) !important;
    transform:
      perspective(1600px)
      translate3d(
        calc(clamp(-36px, 2.2vw, 34px) + var(--parallax-x, 0px)),
        calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px) - 16px),
        0
      )
      rotateX(14deg) !important;
    transition: transform 0.4s ease, opacity 0.4s ease !important;
  }

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

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

  main#home .quantum-storyline {
    max-width: 560px !important;
    margin-top: 14px !important;
    font-size: clamp(1.35rem, 1.9vw, 2rem) !important;
    line-height: 1.24 !important;
  }

  main#home .hero-copy .release-buy-now {
    display: inline-flex !important;
  }

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

  main#home .hero.story-is-complete .release-title::before,
  main#home .hero.story-is-complete .release-title::after,
  main#home .hero.story-is-complete .release-subtitle::after {
    animation: none !important;
    opacity: 0 !important;
  }
}

main#home .books-section .section-title {
  max-width: 860px !important;
  margin-bottom: clamp(32px, 4vw, 54px) !important;
  text-align: center !important;
}

main#home .books-section .section-kicker {
  color: #e2b65d !important;
  opacity: 1 !important;
}

main#home .books-section .section-title h2 {
  color: #fff8eb !important;
  opacity: 1 !important;
  text-shadow: 0 10px 34px rgba(0, 0, 0, 0.34) !important;
}

main#home .books-section .section-title p {
  color: rgba(255, 248, 235, 0.78) !important;
  opacity: 1 !important;
}

main#home .quantum-storyline {
  color: #fff7df !important;
  text-shadow:
    0 0 3px rgba(255, 255, 255, 0.95),
    0 0 14px rgba(255, 232, 170, 0.88),
    0 0 34px rgba(230, 176, 73, 0.72),
    0 0 58px rgba(69, 174, 213, 0.38),
    0 10px 28px rgba(0, 0, 0, 0.62) !important;
}

main#home .quantum-storyline span {
  color: inherit !important;
  filter: drop-shadow(0 0 7px rgba(255, 232, 170, 0.72)) drop-shadow(0 0 16px rgba(230, 176, 73, 0.42)) !important;
  text-shadow:
    0 0 3px rgba(255, 255, 255, 0.96),
    0 0 13px rgba(255, 232, 170, 0.86),
    0 0 31px rgba(230, 176, 73, 0.7),
    0 8px 24px rgba(0, 0, 0, 0.6) !important;
}

main#home .quantum-storyline .story-question {
  margin-top: 0.18em !important;
  color: #fff1bf !important;
  filter: drop-shadow(0 0 8px rgba(255, 238, 186, 0.9)) drop-shadow(0 0 20px rgba(230, 176, 73, 0.66)) !important;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 1),
    0 0 18px rgba(255, 232, 170, 0.96),
    0 0 42px rgba(230, 176, 73, 0.82),
    0 0 70px rgba(69, 174, 213, 0.44),
    0 10px 28px rgba(0, 0, 0, 0.66) !important;
}

main#home .contact-section {
  background:
    radial-gradient(circle at 66% 48%, rgba(226, 178, 88, 0.12), transparent 32%),
    linear-gradient(90deg, #18100c 0%, #1d130e 46%, #120c09 100%) !important;
}

main#home .contact-section .section-kicker {
  color: #e2b65d !important;
  opacity: 1 !important;
}

main#home .contact-section h2 {
  color: #fff8eb !important;
  text-shadow: 0 16px 42px rgba(0, 0, 0, 0.48) !important;
}

main#home .contact-section .contact-grid > div > p:not(.section-kicker) {
  color: rgba(255, 248, 235, 0.78) !important;
}

main#home .contact-section .contact-card {
  background: #fff8ec !important;
  color: #5d4c3e !important;
}

main#home .contact-section .contact-card strong {
  color: #21140d !important;
}

main#home .contact-section .contact-card a {
  color: #6f431f !important;
}

@media (min-width: 1000px) {
  main#home .hero {
    height: 385svh !important;
    min-height: 2800px !important;
  }

  main#home .hero,
  main#home .hero-pin {
    background:
      radial-gradient(ellipse at 70% 42%, rgba(146, 148, 143, 0.2), transparent 40%),
      linear-gradient(90deg, #211b17 0%, #27211d 34%, #3c3732 51%, #56534f 64%, #666661 76%, #504b47 100%) !important;
  }

  main#home .hero-bg {
    overflow: visible !important;
    z-index: 6 !important;
    pointer-events: none !important;
  }

  body.home-hero-stage-active main#home .hero-pin .hero-bg img,
  body.home-hero-stage-active main#home .hero-bg img {
    position: fixed !important;
    top: calc(80px + ((100svh - 80px) * 0.67)) !important;
    right: clamp(-210px, -10vw, -120px) !important;
    left: auto !important;
    width: clamp(1420px, 98vw, 1780px) !important;
    max-width: none !important;
    height: auto !important;
    z-index: 6 !important;
    transform: translate3d(0, -50%, 0) !important;
    mix-blend-mode: normal !important;
    filter: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
  }

  main#home .hero-inner {
    position: relative !important;
  }

  main#home .hero-shade {
    background:
      radial-gradient(ellipse at 74% 38%, rgba(43, 164, 198, 0.08), transparent 33%),
      radial-gradient(ellipse at 58% 56%, rgba(244, 240, 232, 0.06), transparent 42%),
      linear-gradient(90deg, rgba(22, 17, 14, 0.82) 0%, rgba(28, 22, 18, 0.58) 34%, rgba(42, 35, 29, 0.32) 50%, rgba(42, 37, 32, 0.26) 66%, rgba(31, 25, 21, 0.36) 100%),
      linear-gradient(180deg, rgba(20, 15, 12, 0.02) 0%, rgba(20, 15, 12, 0.18) 52%, rgba(20, 15, 12, 0.72) 100%) !important;
  }

  main#home .hero-copy {
    z-index: 5 !important;
    width: min(63vw, 820px) !important;
    max-width: 820px !important;
    min-height: 470px !important;
    padding: clamp(34px, 3.3vw, 54px) !important;
    background:
      linear-gradient(90deg, rgba(242, 239, 232, 0.66) 0%, rgba(242, 239, 232, 0.58) 54%, rgba(242, 239, 232, 0.36) 82%, rgba(242, 239, 232, 0.08) 100%) !important;
    border-color: rgba(255, 255, 255, 0.34) !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 78%, rgba(0, 0, 0, 0.74) 90%, rgba(0, 0, 0, 0.42) 100%) !important;
    mask-image: linear-gradient(90deg, #000 0%, #000 78%, rgba(0, 0, 0, 0.74) 90%, rgba(0, 0, 0, 0.42) 100%) !important;
    transform:
      perspective(1800px)
      translate3d(
        calc(clamp(-44px, 4vw, 78px) + var(--parallax-x, 0px)),
        calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px)),
        0
      )
      rotateX(20deg) !important;
    transform-origin: center bottom !important;
    transform-style: preserve-3d !important;
    backface-visibility: visible !important;
    box-shadow:
      24px 34px 90px rgba(18, 12, 9, 0.34),
      inset 1px 0 0 rgba(255, 255, 255, 0.72),
      inset -18px 0 42px rgba(255, 255, 255, 0.18) !important;
    transition:
      opacity 0.95s ease,
      filter 0.95s ease,
      transform 0.95s ease !important;
  }

  main#home .hero.story-is-complete .hero-copy {
    opacity: 0 !important;
    filter: blur(18px) saturate(0.9) !important;
    pointer-events: none !important;
    transform:
      perspective(1800px)
      translate3d(
        calc(clamp(-44px, 4vw, 78px) + var(--parallax-x, 0px)),
        calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px) + 22px),
        0
      )
      rotateX(20deg)
      scale(0.96) !important;
    transition-delay: 4.8s !important;
  }

  main#home .hero-book-reveal {
    position: fixed !important;
    z-index: 7 !important;
    left: clamp(300px, 24vw, 500px) !important;
    top: 80px !important;
    width: clamp(560px, 42vw, 820px) !important;
    height: calc(100svh - 80px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    transform: translate3d(-50%, 0, 0) scale(0.96) rotateY(-5deg) !important;
    filter:
      drop-shadow(0 32px 44px rgba(0, 0, 0, 0.34))
      drop-shadow(0 0 24px rgba(226, 237, 245, 0.22)) !important;
    transition:
      opacity 1.15s ease,
      transform 1.15s cubic-bezier(0.2, 0.8, 0.2, 1),
      filter 1.15s ease !important;
  }

  body:not(.home-hero-stage-active) main#home .hero-book-reveal {
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important;
  }

  main#home .hero-book-reveal::before {
    content: none !important;
  }

  main#home .hero-book-reveal img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  main#home .hero.story-is-complete .hero-book-reveal {
    opacity: 1 !important;
    transform: translate3d(-50%, 0, 0) scale(1) rotateY(0deg) !important;
    filter:
      drop-shadow(0 42px 60px rgba(0, 0, 0, 0.42))
      drop-shadow(0 0 36px rgba(226, 237, 245, 0.34)) !important;
    transition-delay: 5.4s !important;
  }

  main#home .hero-copy .release-buy-now {
    display: none !important;
  }

  main#home .hero-final-buy {
    position: fixed !important;
    z-index: 9 !important;
    left: clamp(650px, 47vw, 940px) !important;
    top: clamp(154px, 20vh, 230px) !important;
    bottom: auto !important;
    width: auto !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(-50%, 16px, 0) scale(0.96) !important;
    transition:
      opacity 0.5s ease,
      visibility 0.5s ease,
      transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  }

  main#home .hero.story-is-complete .hero-final-buy {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(-50%, 0, 0) scale(1) !important;
    transition-delay: 7s !important;
  }

  main#home .hero.story-is-complete .hero-final-buy span {
    animation: fluorescent-button-text 2.8s steps(1, end) 7.15s 1 both !important;
  }

  main#home .hero.story-is-complete .hero-final-buy::before {
    animation: fluorescent-button-tube 2.8s steps(1, end) 7.15s 1 both !important;
  }

  main#home .hero.story-is-complete .hero-final-buy::after {
    animation: fluorescent-button-glow 2.8s steps(1, end) 7.15s 1 both !important;
  }

  body:not(.home-hero-stage-active) main#home .hero-final-buy {
    display: none !important;
  }

  main#home .quantum-storyline {
    max-width: 650px !important;
    margin-top: 18px !important;
    color: #21140d !important;
    font-size: clamp(1.42rem, 1.9vw, 2.05rem) !important;
    line-height: 1.2 !important;
  }

  main#home .quantum-storyline span,
  main#home .quantum-storyline span.is-visible {
    color: #21140d !important;
    -webkit-text-stroke: 0.55px rgba(241, 247, 252, 0.96) !important;
    paint-order: stroke fill !important;
    filter:
      drop-shadow(0 0 3px rgba(255, 255, 255, 1))
      drop-shadow(0 0 10px rgba(220, 230, 238, 0.95))
      drop-shadow(0 0 22px rgba(175, 194, 209, 0.76)) !important;
    text-shadow:
      1px 1px 0 rgba(255, 255, 255, 0.9),
      2px 2px 0 rgba(176, 186, 193, 0.76),
      3px 3px 0 rgba(92, 98, 104, 0.32),
      0 0 7px rgba(255, 255, 255, 1),
      0 0 18px rgba(210, 222, 232, 0.98),
      0 0 34px rgba(159, 176, 190, 0.72),
      0 6px 16px rgba(0, 0, 0, 0.34) !important;
    transform: translate3d(0, 0, 28px) !important;
  }

  main#home .quantum-storyline .story-question,
  main#home .quantum-storyline .story-question.is-visible {
    display: inline-block !important;
    color: #1f120c !important;
    -webkit-text-stroke: 0.65px rgba(245, 250, 255, 1) !important;
    filter:
      drop-shadow(0 0 4px rgba(255, 255, 255, 1))
      drop-shadow(0 0 14px rgba(220, 230, 238, 1))
      drop-shadow(0 0 30px rgba(175, 194, 209, 0.88)) !important;
    text-shadow:
      1px 1px 0 rgba(255, 255, 255, 0.95),
      2px 2px 0 rgba(176, 186, 193, 0.82),
      3px 3px 0 rgba(92, 98, 104, 0.36),
      0 0 8px rgba(255, 255, 255, 1),
      0 0 22px rgba(210, 222, 232, 1),
      0 0 44px rgba(159, 176, 190, 0.78),
      0 7px 18px rgba(0, 0, 0, 0.36) !important;
    transform: translate3d(0, 0, 36px) !important;
  }

  main#home .release-title {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    transition: color 0.35s ease, text-shadow 0.35s ease, filter 0.35s ease !important;
  }

  main#home .release-title::before {
    content: "" !important;
    position: absolute !important;
    inset: -16% -5% -8% !important;
    z-index: -1 !important;
    pointer-events: none !important;
    border-radius: 999px !important;
    background:
      radial-gradient(ellipse at 48% 54%, rgba(255, 226, 145, 0.7), rgba(255, 226, 145, 0.26) 34%, transparent 72%),
      radial-gradient(ellipse at 50% 50%, rgba(236, 244, 250, 0.42), transparent 62%) !important;
    opacity: 0 !important;
    filter: blur(10px) !important;
    transition: opacity 0.45s ease !important;
  }

  main#home .release-title::after {
    content: "" !important;
    position: absolute !important;
    top: -18% !important;
    bottom: -18% !important;
    left: -45% !important;
    width: 36% !important;
    transform: skewX(-18deg) translateX(-150%) !important;
    pointer-events: none !important;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.2),
      rgba(226, 237, 245, 0.95),
      rgba(255, 255, 255, 0.32),
      transparent
    ) !important;
    opacity: 0 !important;
  }

  main#home .hero.story-is-complete .release-title::after {
    animation: quantum-title-shine 1.35s ease-out 0.12s 1 both !important;
  }

  main#home .hero.story-is-complete .release-title {
    color: #281810 !important;
    -webkit-text-stroke: 0.55px rgba(245, 250, 255, 0.96) !important;
    filter:
      drop-shadow(0 0 4px rgba(255, 255, 255, 0.95))
      drop-shadow(0 0 13px rgba(236, 244, 250, 0.9))
      drop-shadow(0 0 28px rgba(232, 178, 72, 0.68)) !important;
    text-shadow:
      1px 1px 0 rgba(255, 255, 255, 0.88),
      2px 2px 0 rgba(169, 178, 186, 0.7),
      0 0 9px rgba(255, 255, 255, 0.92),
      0 0 22px rgba(236, 244, 250, 0.86),
      0 0 42px rgba(232, 178, 72, 0.74),
      0 10px 28px rgba(0, 0, 0, 0.35) !important;
  }

  main#home .hero.story-is-complete .release-title::before {
    opacity: 1 !important;
    animation: quantum-title-backlight 2.4s ease-in-out 0.08s infinite alternate !important;
  }

  main#home .release-subtitle {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  main#home .release-subtitle::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -35% !important;
    bottom: -35% !important;
    left: -55% !important;
    width: 42% !important;
    pointer-events: none !important;
    transform: skewX(-18deg) translateX(-140%) !important;
    opacity: 0 !important;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.1),
      rgba(233, 244, 252, 0.86),
      rgba(255, 255, 255, 0.18),
      transparent
    ) !important;
    filter: blur(0.5px) drop-shadow(0 0 10px rgba(235, 244, 252, 0.7)) !important;
  }

  main#home .hero.story-is-complete .release-subtitle::after {
    animation: quantum-subtitle-streak 2.8s ease-in-out 0.28s 1 both !important;
  }
}

main#home .hero-final-buy {
  isolation: isolate !important;
  overflow: visible !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
  box-shadow: none !important;
  letter-spacing: 0.06em !important;
  text-shadow: none !important;
}

main#home .hero-final-buy span {
  position: relative !important;
  z-index: 1 !important;
  color: #260000;
  font-size: clamp(2.4rem, 4.2vw, 5.1rem) !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  text-transform: uppercase !important;
  -webkit-text-stroke: 1.6px rgba(28, 0, 0, 0.95) !important;
  paint-order: stroke fill !important;
  text-shadow: none;
}

main#home .release-buy-now {
  position: relative !important;
}

main#home .hero-final-buy::before {
  content: none !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  opacity: 0 !important;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(246, 251, 255, 0.96), rgba(190, 208, 222, 0.78) 42%, rgba(98, 112, 124, 0.56) 100%) !important;
  filter: blur(0.2px) !important;
}

main#home .hero-final-buy::after {
  content: none !important;
  position: absolute !important;
  inset: -35% -18% !important;
  z-index: -1 !important;
  opacity: 0 !important;
  background: radial-gradient(ellipse at center, rgba(236, 244, 250, 0.86), transparent 62%) !important;
  filter: blur(18px) !important;
}

@keyframes quantum-title-shine {
  0% {
    opacity: 0;
    transform: skewX(-18deg) translateX(-150%);
  }

  14% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: skewX(-18deg) translateX(420%);
  }
}

@keyframes fluorescent-button-text {
  0%, 8%, 13%, 22%, 31% {
    color: #17100c;
    text-shadow: none;
  }

  10%, 20%, 27% {
    color: rgba(255, 66, 54, 0.78);
    -webkit-text-stroke: 1.6px rgba(25, 0, 0, 0.96);
    text-shadow:
      0 0 4px rgba(255, 210, 205, 0.95),
      0 0 12px rgba(255, 52, 42, 0.78);
  }

  38%, 100% {
    color: #d40f0f;
    -webkit-text-stroke: 1.8px rgba(18, 0, 0, 1);
    text-shadow:
      0 2px 0 rgba(0, 0, 0, 0.85),
      0 0 3px rgba(255, 242, 238, 1),
      0 0 12px rgba(255, 88, 74, 0.98),
      0 0 30px rgba(224, 20, 20, 0.86),
      0 0 58px rgba(128, 0, 0, 0.62);
  }
}

@keyframes fluorescent-button-tube {
  0%, 8%, 13%, 22%, 31% {
    opacity: 0;
  }

  10%, 20%, 27% {
    opacity: 0.38;
  }

  38%, 100% {
    opacity: 1;
  }
}

@keyframes fluorescent-button-glow {
  0%, 8%, 13%, 22%, 31% {
    opacity: 0;
  }

  10%, 20%, 27% {
    opacity: 0.28;
  }

  38%, 100% {
    opacity: 0.82;
  }
}

@keyframes quantum-title-backlight {
  0% {
    filter: blur(10px);
    transform: scaleX(0.98);
  }

  100% {
    filter: blur(14px);
    transform: scaleX(1.04);
  }
}

@keyframes quantum-subtitle-streak {
  0% {
    opacity: 0;
    transform: skewX(-18deg) translateX(-140%);
  }

  16% {
    opacity: 1;
  }

  78% {
    opacity: 0.92;
  }

  100% {
    opacity: 0;
    transform: skewX(-18deg) translateX(430%);
  }
}

/* Cleaner hero composition: Ladonna and the book stay as the visual anchors while the copy moves over them. */
@media (min-width: 1000px) {
  main#home .hero {
    height: 220svh !important;
    min-height: 1540px !important;
  }

  main#home .hero,
  main#home .hero-pin {
    background:
      radial-gradient(ellipse at 66% 42%, rgba(230, 233, 230, 0.12), transparent 38%),
      linear-gradient(90deg, #120d0b 0%, #17110f 29%, #342f2a 52%, #66635f 100%) !important;
  }

  body.home-hero-stage-active main#home .hero-pin .hero-bg img,
  body.home-hero-stage-active main#home .hero-bg img {
    right: clamp(-130px, -6vw, -80px) !important;
    top: calc(80px + ((100svh - 80px) * 0.58)) !important;
    width: clamp(1260px, 88vw, 1600px) !important;
    z-index: 4 !important;
  }

  main#home .hero-shade {
    z-index: 2 !important;
    background:
      linear-gradient(90deg, rgba(11, 8, 7, 0.9) 0%, rgba(14, 10, 8, 0.68) 28%, rgba(33, 29, 25, 0.28) 54%, rgba(37, 33, 29, 0.2) 100%),
      linear-gradient(180deg, rgba(12, 9, 8, 0.02) 0%, rgba(12, 9, 8, 0.12) 56%, rgba(12, 9, 8, 0.34) 100%) !important;
  }

  main#home .hero-book-reveal,
  main#home .hero.story-is-complete .hero-book-reveal {
    position: fixed !important;
    z-index: 6 !important;
    left: clamp(300px, 29vw, 560px) !important;
    top: calc(80px + ((100svh - 80px) * 0.52)) !important;
    width: clamp(420px, 32vw, 660px) !important;
    height: min(80svh, 780px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    pointer-events: none !important;
    overflow: visible !important;
    transform:
      translate3d(
        calc(-50% + var(--parallax-x, 0px)),
        calc(-50% + var(--parallax-y, 0px)),
        0
      )
      scale(1) !important;
    filter:
      drop-shadow(0 34px 54px rgba(0, 0, 0, 0.42))
      drop-shadow(0 0 22px rgba(212, 226, 236, 0.14)) !important;
    transition: opacity 0.5s ease, filter 0.5s ease !important;
  }

  body:not(.home-hero-stage-active) main#home .hero-book-reveal {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  main#home .hero-book-reveal img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  main#home .hero.story-is-complete .hero-book-reveal {
    opacity: 1 !important;
    transition-delay: 0s !important;
  }

  main#home .hero-copy,
  main#home .hero.story-is-complete .hero-copy {
    z-index: 8 !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
    width: min(47vw, 660px) !important;
    max-width: 660px !important;
    min-height: 0 !important;
    padding: clamp(24px, 2.3vw, 36px) !important;
    background:
      linear-gradient(90deg, rgba(244, 240, 232, 0.7) 0%, rgba(244, 240, 232, 0.48) 58%, rgba(244, 240, 232, 0.08) 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 72%, rgba(0, 0, 0, 0.46) 100%) !important;
    mask-image: linear-gradient(90deg, #000 0%, #000 72%, rgba(0, 0, 0, 0.46) 100%) !important;
    transform:
      perspective(1600px)
      translate3d(
        calc(clamp(-36px, 2.2vw, 34px) + var(--parallax-x, 0px)),
        calc(var(--parallax-y, 0px) + var(--parallax-hover-y, 0px) - 16px),
        0
      )
      rotateX(14deg) !important;
    transition: transform 0.4s ease, opacity 0.4s ease !important;
  }

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

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

  main#home .quantum-storyline {
    max-width: 560px !important;
    margin-top: 14px !important;
    font-size: clamp(1.35rem, 1.9vw, 2rem) !important;
    line-height: 1.24 !important;
  }

  main#home .hero-copy .release-buy-now {
    display: inline-flex !important;
  }

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

  main#home .hero.story-is-complete .release-title::before,
  main#home .hero.story-is-complete .release-title::after,
  main#home .hero.story-is-complete .release-subtitle::after {
    animation: none !important;
    opacity: 0 !important;
  }
}