/* Unveiling Medusa · section 3: the Medusa book, announced as "coming soon".
   The cover is a CSS placeholder (dark violet board, foil title) until the real cover exists. */
.medusa-book {
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(32px, 6vw, 110px); align-items: center;
  max-width: 1280px; margin: 0 auto; padding: clamp(60px, 7vw, 110px) 3.2rem; color: #e0e5ef;
}
.medusa-book__cover {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  width: clamp(200px, 22vw, 300px); aspect-ratio: 2 / 3; padding: 24px; border-radius: 4px 14px 14px 4px; overflow: hidden;
  background: radial-gradient(ellipse at 50% 30%, #4b35b0 0, #1d1840 55%, #0b0d1c 100%);
  box-shadow: inset 10px 0 18px #00000066, inset -1px 0 0 #ffffff1a, 0 30px 70px #03060ecc, 0 0 60px #7657f033;
  transform: perspective(1200px) rotateY(-14deg); transform-origin: left center;
}
.medusa-book__cover::before { content: ''; position: absolute; inset: 14px; border: 1px solid #c9b9ff40; border-radius: 2px 8px 8px 2px; pointer-events: none; }
.medusa-book__cover-mark { display: grid; place-items: center; width: 64px; aspect-ratio: 1; border-radius: 50%; border: 1px solid #c9b9ff80; font: 400 30px/1 var(--_font-default); color: #e0d8ff; box-shadow: 0 0 26px #8d7cf066; }
.medusa-book__cover-title { font: 400 clamp(26px, 2.6vw, 38px)/1 var(--_font-default); letter-spacing: .14em; text-transform: uppercase; color: #f1f3f9; }
.medusa-book__cover-sub { font: 400 10px/1.3 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: #a79ac8; }
.medusa-book__label { display: flex; align-items: center; gap: 16px; margin: 0 0 22px; font: 300 10px/1.4 var(--_font-default); letter-spacing: .14em; color: #aab6c8; }
.medusa-book__label span { width: 70px; height: 1px; background: #aab6c82b; }
.medusa-book__eyebrow { margin: 0 0 16px; font: 400 10px/1.3 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: #a79ac8; }
.medusa-book h2 { margin: 0 0 22px; font: 400 clamp(34px, 3.6vw, 62px)/1.02 var(--_font-default); letter-spacing: -.045em; color: #f1f3f9; }
.medusa-book__text p:not([class]) { max-width: 52ch; margin: 0 0 28px; font: 300 clamp(15px, 1.15vw, 18px)/1.6 var(--_font-default); color: #afb9cc; }
.medusa-book__badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; border: 1px solid #c9b9ff55; border-radius: 999px; font: 400 11px/1 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: #e0d8ff; background: #7657f01a; }
.medusa-book__badge::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #b9a8ff; box-shadow: 0 0 10px #b9a8ff; }
@media (max-width: 767px) {
  .medusa-book { grid-template-columns: minmax(0, 1fr); padding-inline: 2.2rem; justify-items: start; }
  .medusa-book__cover { justify-self: center; }
}