.hero[data-astro-cid-lcdefpme] {
  --hero-img: var(--hero-img-lg);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: clamp(520px, 47vw, 900px);
  --optical-drop: 3.25rem;
  --book-w: clamp(110px, 20vw, 320px);
  padding: calc(var(--pad-section) + 2 * var(--optical-drop)) var(--pad-inline)
			var(--pad-section);
  background-color: var(--moss);
  overflow: hidden;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3e%3cpath%20fill='%23000'%20d='M0,44%20C90,20%20170,64%20260,46%20C350,28%20420,70%20520,50%20C620,30%20700,66%20800,44%20C900,22%20980,62%201080,48%20C1180,34%201260,68%201360,46%20C1400,38%201420,40%201440,44%20L1440,0%20L0,0%20Z'/%3e%3c/svg%3e"), linear-gradient(#000, #000);
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3e%3cpath%20fill='%23000'%20d='M0,44%20C90,20%20170,64%20260,46%20C350,28%20420,70%20520,50%20C620,30%20700,66%20800,44%20C900,22%20980,62%201080,48%20C1180,34%201260,68%201360,46%20C1400,38%201420,40%201440,44%20L1440,0%20L0,0%20Z'/%3e%3c/svg%3e"), linear-gradient(#000, #000);
  -webkit-mask-size: var(--edge-water-span) var(--edge-water), 100% calc(100% - var(--edge-water) + 1px);
  mask-size: var(--edge-water-span) var(--edge-water), 100% calc(100% - var(--edge-water) + 1px);
  -webkit-mask-position: 0 bottom, 0 0;
  mask-position: 0 bottom, 0 0;
  -webkit-mask-repeat: repeat-x, no-repeat;
  mask-repeat: repeat-x, no-repeat;
}

.hero[data-astro-cid-lcdefpme]:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--hero-img);
  background-size: cover;
  background-position: 50% 85%;
  transform: scale(1.06);
}

.hero[data-astro-cid-lcdefpme]:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(100deg, #12140e8c 0%, #12140e47 45%, #12140e0d 72%, #0000 85%);
  pointer-events: none;
}

.hero-content[data-astro-cid-lcdefpme] {
  position: relative;
  z-index: 1;
  max-width: 56rem;
}

@media (width >= 901px) {
  .hero-content[data-astro-cid-lcdefpme] {
    max-width: min(56rem, calc(100% - var(--book-w) - var(--space-xl)));
  }
}

.hero[data-astro-cid-lcdefpme] canvas.water {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .8s var(--ease-out);
}

.hero[data-astro-cid-lcdefpme] canvas.water.is-live {
  opacity: 1;
}

.eyebrow[data-astro-cid-lcdefpme] {
  color: var(--gold);
  font-size: var(--text-eyebrow);
  font-weight: 550;
  margin-bottom: var(--space-2xs);
}

.hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme] {
  font-family: var(--font-sans);
  font-stretch: var(--stretch-display);
  font-weight: 550;
  font-size: var(--display-md);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  text-transform: uppercase;
  color: var(--cream);
  text-wrap: balance;
}

.hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]:after {
  content: "";
  display: block;
  width: min(320px, 70%);
  height: 2px;
  background: var(--gold);
  margin-top: var(--space-md);
}

.hook[data-astro-cid-lcdefpme] {
  margin-top: var(--space-md);
  font-size: var(--text-lead);
  line-height: var(--leading-body);
  max-width: var(--measure-prose);
  text-wrap: pretty;
}

.hero-actions[data-astro-cid-lcdefpme] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-sm) var(--space-md);
  margin-top: var(--space-lg);
}

.preorder[data-astro-cid-lcdefpme] {
  position: relative;
}

.preorder[data-astro-cid-lcdefpme] summary[data-astro-cid-lcdefpme] {
  list-style: none;
}

.preorder[data-astro-cid-lcdefpme] summary[data-astro-cid-lcdefpme]::-webkit-details-marker {
  display: none;
}

.preorder[data-astro-cid-lcdefpme][open] summary[data-astro-cid-lcdefpme] {
  background: var(--cream);
  border-color: var(--cream);
}

.preorder-menu[data-astro-cid-lcdefpme] {
  position: absolute;
  left: 0;
  bottom: calc(100% + var(--space-2xs));
  z-index: 4;
  display: grid;
  min-width: 15rem;
  padding: var(--space-2xs);
  background: var(--ink);
  border: 1px solid color-mix(in srgb, var(--gold) 45%, transparent);
  border-radius: 6px;
  box-shadow: 0 20px 40px #00000080;
}

.preorder-label[data-astro-cid-lcdefpme] {
  padding: var(--space-2xs) .9rem .2rem;
  font-family: var(--font-sans);
  font-size: .62rem;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: color-mix(in srgb, var(--cream) 55%, transparent);
}

.preorder-menu[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme] {
  display: flex;
  justify-content: space-between;
  gap: var(--space-sm);
  padding: .75rem .9rem;
  min-height: 44px;
  align-items: center;
  border-radius: 4px;
  color: var(--cream);
  text-decoration: none;
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  transition: background var(--dur-quick) var(--ease-out), color var(--dur-quick) var(--ease-out);
}

.preorder-menu[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]:first-of-type {
  color: var(--gold);
}

.preorder-menu[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]:hover, .preorder-menu[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]:focus-visible {
  background: color-mix(in srgb, var(--cream) 10%, transparent);
  color: var(--gold);
}

@media (width <= 1400px) {
  .hero[data-astro-cid-lcdefpme] {
    --hero-img: var(--hero-img-md);
  }
}

@media (width <= 800px) {
  .hero[data-astro-cid-lcdefpme] {
    --hero-img: var(--hero-img-sm);
  }
}

.book-tease {
  position: absolute;
  z-index: 1;
  left: max(calc(100% - var(--pad-inline) - var(--book-w)),
			min(calc((var(--pad-inline) + 49rem + 100% - var(--book-w)) / 2),
				calc(100% - var(--book-w) - 2rem)));
  top: calc(50% - var(--book-w) * .81 + var(--optical-drop));
  width: var(--book-w);
  height: auto;
  filter: drop-shadow(0 22px 34px #00000061) drop-shadow(0 6px 12px #00000038);
  pointer-events: none;
}

@media (width <= 900px) {
  .hero[data-astro-cid-lcdefpme] {
    --book-w: clamp(110px, 17vw, 130px);
    padding-top: calc(var(--pad-section) + 4rem);
    padding-bottom: calc(var(--pad-section) + var(--book-w) * 1.62 + var(--edge-water) + var(--space-sm));
  }

  .book-tease {
    top: auto;
    bottom: calc(var(--edge-water) + var(--space-sm));
  }
}

@media (width <= 640px) {
  .hero[data-astro-cid-lcdefpme] {
    padding-top: var(--pad-section);
    padding-bottom: var(--pad-section);
  }

  .hero-actions[data-astro-cid-lcdefpme] .btn[data-astro-cid-lcdefpme], .hero-actions[data-astro-cid-lcdefpme] .preorder[data-astro-cid-lcdefpme] {
    flex: 100%;
  }

  .preorder[data-astro-cid-lcdefpme] summary[data-astro-cid-lcdefpme] {
    width: 100%;
  }

  .preorder-menu[data-astro-cid-lcdefpme] {
    right: 0;
  }

  .book-tease {
    display: none;
  }
}

.about[data-astro-cid-lcdefpme] {
  position: relative;
  z-index: 0;
  display: grid;
  --seam: calc(var(--pad-inline) + 16rem);
  --about-min: calc(clamp(420px, 33vw, 560px) + var(--edge-water));
  --photo-h: calc(var(--about-min) * 1.12);
  --photo-half: calc(var(--photo-h) * .29);
  grid-template-columns: var(--seam) 1fr;
  background: var(--cream);
  overflow: hidden;
  margin-top: calc(-1 * var(--edge-water));
}

.about-visual[data-astro-cid-lcdefpme] {
  background-size: cover;
  background-position: 0;
  min-height: var(--about-min);
}

.about-photo {
  position: absolute;
  bottom: calc(var(--photo-h) * -.248);
  left: var(--seam);
  transform: translateX(-50%);
  height: var(--photo-h);
  width: auto;
}

.about-text[data-astro-cid-lcdefpme] {
  align-self: center;
  color: var(--ink);
  padding: var(--pad-section) max(2rem, var(--pad-inline)) var(--pad-section)
			calc(var(--photo-half) + var(--space-lg));
}

.section-eyebrow[data-astro-cid-lcdefpme] {
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--ink);
}

.section-eyebrow[data-astro-cid-lcdefpme]:after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  background: var(--gold);
  margin-top: var(--space-2xs);
  margin-bottom: var(--space-lg);
}

.about-text[data-astro-cid-lcdefpme] p {
  font-size: var(--text-lead);
  line-height: var(--leading-body);
  max-width: var(--measure-prose);
  text-wrap: pretty;
}

.about-text[data-astro-cid-lcdefpme] p:first-of-type {
  font-size: var(--text-lg);
  line-height: 1.5;
}

.about-text[data-astro-cid-lcdefpme] p + p {
  margin-top: var(--space-md);
}

.newsletter[data-astro-cid-lcdefpme] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(var(--space-lg), 5vw, var(--space-xl));
  background: var(--gold);
  color: var(--ink);
  padding: var(--pad-section) var(--pad-inline);
}

.newsletter[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme] {
  font-family: var(--font-sans);
  font-stretch: var(--stretch-display);
  font-weight: 640;
  font-size: var(--display-lg);
  line-height: 1.05;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.signup[data-astro-cid-lcdefpme] {
  border-left: 1px solid color-mix(in srgb, var(--ink) 30%, transparent);
  padding-left: clamp(var(--space-lg), 5vw, var(--space-xl));
}

.signup-intro[data-astro-cid-lcdefpme] {
  font-size: var(--text-lead);
  line-height: 1.55;
  max-width: var(--measure-prose);
  text-wrap: pretty;
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes rise-in {
    from {
      opacity: 0;
      translate: 0 24px;
    }
  }

  @keyframes drift {
    0%, 100% {
      transform: scale(1.06) translate3d(0, 0, 0);
    }

    50% {
      transform: scale(1.12) translate3d(-1.2%, -1%, 0);
    }
  }

  .hero[data-astro-cid-lcdefpme]:before {
    animation: drift var(--dur-breathe) ease-in-out infinite;
  }

  @keyframes waterline {
    0%, 100% {
      -webkit-mask-position: 0 bottom, 0 0;
      mask-position: 0 bottom, 0 0;
    }

    50% {
      -webkit-mask-position: calc(var(--edge-water-span) * -.18) bottom, 0 top;
      mask-position: calc(var(--edge-water-span) * -.18) bottom, 0 top;
    }
  }

  .hero[data-astro-cid-lcdefpme] {
    animation: waterline calc(var(--dur-breathe) * 2) ease-in-out infinite;
  }

  @keyframes draw {
    from {
      scale: 0 1;
    }
  }

  .eyebrow[data-astro-cid-lcdefpme] {
    animation: rise-in var(--dur-reveal) var(--ease-out) backwards;
  }

  .hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme] {
    animation: rise-in var(--dur-reveal) var(--ease-out) 90ms backwards;
  }

  .hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]:after {
    transform-origin: 0;
    animation: draw .6s var(--ease-out) .3s backwards;
  }

  .hook[data-astro-cid-lcdefpme] {
    animation: rise-in var(--dur-reveal) var(--ease-out) .18s backwards;
  }

  .hero-actions[data-astro-cid-lcdefpme] {
    animation: rise-in var(--dur-reveal) var(--ease-out) .24s backwards;
  }

  .book-tease {
    animation: rise-in var(--dur-reveal) var(--ease-out) .27s backwards;
  }

  @supports (animation-timeline: view()) and (animation-range: entry) {
    .about-photo, .about-text[data-astro-cid-lcdefpme] > *, .newsletter[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme], .signup-intro[data-astro-cid-lcdefpme], .signup[data-astro-cid-lcdefpme] form[data-astro-cid-lcdefpme] {
      animation: linear rise-in;
      animation-timeline: view();
      animation-range: entry 10% entry 55%;
    }

    .section-eyebrow[data-astro-cid-lcdefpme]:after {
      transform-origin: 0;
      animation: linear draw;
      animation-timeline: view();
      animation-range: entry 20% entry 70%;
    }
  }
}

@media (width <= 900px) {
  .about[data-astro-cid-lcdefpme] {
    grid-template-columns: 1fr;
  }

  .about-visual[data-astro-cid-lcdefpme] {
    min-height: calc(480px + var(--edge-water));
  }

  .about-photo {
    top: calc(var(--space-md) + var(--edge-water));
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    height: 460px;
  }

  .about-text[data-astro-cid-lcdefpme] {
    padding: var(--pad-section) clamp(1.5rem, 5vw, 5rem);
  }

  .newsletter[data-astro-cid-lcdefpme] {
    grid-template-columns: 1fr;
  }

  .signup[data-astro-cid-lcdefpme] {
    border-left: none;
    padding-left: 0;
  }
}

@media (width <= 640px) {
  .newsletter[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme] {
    font-size: var(--display-md);
  }
}