.occult-member-teaser{max-width:1120px;margin:2.6rem auto 3rem;padding:1.5rem clamp(1rem,3vw,2.25rem);border:1px solid #b9a0cd;border-radius:14px;background:linear-gradient(130deg,#f8f4fc,#f2eafa 70%,#eee5f5);box-shadow:0 12px 35px rgba(44,19,67,.09);color:#2b1d38}
.occult-member-teaser__eyebrow{margin:0 0 .45rem;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#674483}
.occult-member-teaser h2{margin:0 0 1.1rem;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.2;color:#301840}
.occult-member-teaser__benefit{padding:.85rem 1rem;border-left:4px solid #80619a;background:#fffdfd;border-radius:0 9px 9px 0}
.occult-member-teaser__benefit span{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#65477c}
.occult-member-teaser__benefit p{margin:.35rem 0 0;font-size:1.08rem;font-weight:650;line-height:1.45}
.occult-member-teaser__description{max-width:68ch;margin:1rem 0;color:#42324f;line-height:1.55}
.occult-member-teaser__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.2rem}
.occult-member-teaser__actions a{font-weight:750;text-underline-offset:.18em}
.occult-member-teaser__join{display:inline-flex;align-items:center;gap:.5rem;padding:.68rem 1rem;border-radius:8px;background:#563275;color:#fff;text-decoration:none}
.occult-member-teaser__join:hover,.occult-member-teaser__join:focus-visible{background:#3a1f53;color:#fff}
.occult-member-teaser__open{color:#51336f}
.occult-member-teaser__note{margin:1rem 0 0;font-size:.82rem;color:#66576d}
@media(max-width:700px){.occult-member-teaser{margin:2rem .75rem;padding:1.2rem}.occult-member-teaser__actions{align-items:stretch;flex-direction:column}.occult-member-teaser__join{justify-content:center}}

/* Route-paired Occult and Atharvaveda offers use the dark locked-card palette. */
.occult-member-teaser--locked {
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 54rem;
  margin: clamp(2.25rem, 5vw, 3.5rem) auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #594560;
  border-radius: .55rem;
  background: #211925;
  box-shadow: 0 1rem 2.5rem rgb(25 16 28 / 18%);
  color: #f4ebf0;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

main > .occult-member-teaser--locked {
  width: min(54rem, calc(100% - 2rem));
}

.occult-member-teaser--locked *,
.occult-member-teaser--locked *::before,
.occult-member-teaser--locked *::after {
  box-sizing: border-box;
  min-width: 0;
}

.occult-member-teaser--locked .occult-member-teaser__header {
  position: relative;
  padding: clamp(1.5rem, 4vw, 2.2rem);
  overflow: hidden;
  border-bottom: 1px solid #594560;
  background: radial-gradient(circle at 94% 10%, #50345a 0, transparent 37%),
    linear-gradient(135deg, #302039, #1d1722);
}

.occult-member-teaser--locked .occult-member-teaser__header::after {
  content: "✦";
  position: absolute;
  top: .45rem;
  right: clamp(1rem, 4vw, 2rem);
  color: #dfbd78;
  font: 2.4rem/1 Georgia, "Times New Roman", serif;
  opacity: .68;
  pointer-events: none;
}

.occult-member-teaser--locked .occult-member-teaser__eyebrow {
  margin: 0 2rem .65rem 0;
  color: #dfbd78;
  font: 800 .72rem/1.35 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .13em;
}

.occult-member-teaser--locked h2 {
  max-width: 30ch;
  margin: 0;
  color: #fff7e8;
  font: 500 clamp(1.7rem, 3.4vw, 2.5rem)/1.12 Georgia, "Times New Roman", serif;
  text-wrap: balance;
}

.occult-member-teaser--locked .occult-member-teaser__benefit {
  margin: clamp(1.25rem, 3vw, 1.8rem) clamp(1.2rem, 4vw, 2.2rem) 0;
  padding: 1rem 1.15rem;
  border: 1px solid #664e6d;
  border-left: 3px solid #dfbd78;
  border-radius: .3rem;
  background: #2b2030;
}

.occult-member-teaser--locked .occult-member-teaser__benefit span {
  color: #dfbd78;
  font: 800 .69rem/1.4 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .13em;
}

.occult-member-teaser--locked .occult-member-teaser__benefit p {
  margin: .45rem 0 0;
  color: #fff7e8;
  font: 500 clamp(1.06rem, 2vw, 1.22rem)/1.45 Georgia, "Times New Roman", serif;
}

.occult-member-teaser--locked .occult-member-teaser__description {
  max-width: 67ch;
  margin: 1.2rem clamp(1.2rem, 4vw, 2.2rem);
  color: #ddd0df;
  font: .96rem/1.6 Inter, ui-sans-serif, system-ui, sans-serif;
}

.occult-member-teaser--locked .occult-member-teaser__actions {
  margin: 0 clamp(1.2rem, 4vw, 2.2rem) clamp(1.4rem, 4vw, 2rem);
  gap: .75rem 1.2rem;
}

.occult-member-teaser--locked .occult-member-teaser__join {
  min-height: 44px;
  justify-content: center;
  padding: .75rem 1.15rem;
  border-radius: .3rem;
  background: #dfbd78;
  color: #241727;
  font: 800 .88rem/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
}

.occult-member-teaser--locked .occult-member-teaser__join:hover,
.occult-member-teaser--locked .occult-member-teaser__join:focus-visible {
  background: #f2d597;
  color: #241727;
}

.occult-member-teaser--locked .occult-member-teaser__actions a:focus-visible {
  outline: 3px solid #f6dfa9;
  outline-offset: 3px;
}

.occult-member-teaser--locked .occult-member-teaser__open {
  color: #efd49d;
  font: 700 .87rem/1.4 Inter, ui-sans-serif, system-ui, sans-serif;
}

.occult-member-teaser--locked .occult-member-teaser__open:hover {
  color: #fff7e8;
}

.occult-member-teaser--locked .occult-member-teaser__note {
  margin: 0;
  padding: .95rem clamp(1.2rem, 4vw, 2.2rem);
  border-top: 1px solid #49394f;
  background: #1a141e;
  color: #c9bcca;
  font: .8rem/1.5 Inter, ui-sans-serif, system-ui, sans-serif;
}

@media (max-width: 700px) {
  .occult-member-teaser--locked,
  main > .occult-member-teaser--locked {
    width: calc(100% - 1.5rem);
    margin: 2rem auto;
    padding: 0;
  }

  .spell-article .occult-member-teaser--locked {
    width: 100%;
  }

  .occult-member-teaser--locked .occult-member-teaser__header::after {
    font-size: 1.7rem;
  }

  .occult-member-teaser--locked .occult-member-teaser__actions {
    align-items: stretch;
    flex-direction: column;
  }
}