/* Third Eye Awakening companion spotlight */
.third-eye-spotlight{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(210px,.68fr) minmax(0,1.32fr);
  gap:clamp(1.35rem,4vw,3.4rem);
  align-items:center;
  margin:clamp(2.3rem,6vw,4.8rem) 0;
  padding:clamp(1.4rem,4vw,3.25rem);
  border:1px solid rgba(205,182,126,.34);
  border-radius:clamp(20px,3vw,32px);
  background:
    radial-gradient(circle at 15% 45%,rgba(205,182,126,.17),transparent 34%),
    radial-gradient(circle at 88% 5%,rgba(124,151,151,.16),transparent 30%),
    linear-gradient(145deg,#151711,#23271f 58%,#18201e);
  color:#f1ebdf;
  box-shadow:0 28px 70px rgba(16,18,14,.2);
}
.third-eye-spotlight:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.28;
  background-image:radial-gradient(circle,rgba(255,255,255,.78) 0 1px,transparent 1.5px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,#000,transparent 70%);
}
.third-eye-visual{
  min-height:250px;
  display:grid;
  place-items:center;
  position:relative;
}
.third-eye-orbit{
  width:min(230px,72vw);
  aspect-ratio:1;
  position:relative;
  display:grid;
  place-items:center;
  border:1px solid rgba(226,208,159,.34);
  border-radius:50%;
  box-shadow:inset 0 0 44px rgba(207,184,124,.1),0 0 46px rgba(207,184,124,.08);
}
.third-eye-orbit:before,.third-eye-orbit:after{
  content:"";
  position:absolute;
  inset:14%;
  border:1px solid rgba(217,200,158,.42);
  border-radius:50%;
  transform:rotate(28deg) scaleY(.48);
}
.third-eye-orbit:after{transform:rotate(-28deg) scaleY(.48)}
.third-eye-core{
  width:44%;
  aspect-ratio:1.6;
  display:grid;
  place-items:center;
  border:1px solid rgba(242,227,189,.6);
  border-radius:50% 0 50% 0;
  transform:rotate(45deg);
  background:radial-gradient(circle,rgba(231,210,157,.36),rgba(28,34,29,.72) 48%,transparent 52%);
  box-shadow:0 0 32px rgba(225,203,147,.18);
}
.third-eye-core span{transform:rotate(-45deg);font-size:2rem;color:#e3c985;text-shadow:0 0 18px rgba(227,201,133,.48)}
.third-eye-visual-note{
  position:absolute;
  bottom:.2rem;
  margin:0;
  color:rgba(241,235,223,.72);
  font-size:.76rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  text-align:center;
}
.third-eye-copy{min-width:0}
.third-eye-copy .eyebrow{color:#d8c28a}
.third-eye-copy h2{
  margin:.35rem 0 .25rem;
  color:#fffaf0;
  font-family:var(--serif);
  font-size:clamp(2rem,5vw,3.55rem);
  font-weight:500;
  line-height:1.02;
}
.third-eye-tagline{
  margin:0 0 1rem;
  color:#e7d6aa;
  font-family:var(--serif);
  font-size:clamp(1.18rem,2.3vw,1.55rem);
}
.third-eye-summary{max-width:760px;color:#d8d4ca;line-height:1.68}
.third-eye-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.15rem 0}
.third-eye-facts span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.42rem .72rem;
  border:1px solid rgba(226,208,159,.26);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#eee6d5;
  font-size:.78rem;
  font-weight:700;
}
.third-eye-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}
.third-eye-spotlight .third-eye-primary{
  background:#e4cb8e;
  border-color:#e4cb8e;
  color:#181a16;
}
.third-eye-spotlight .third-eye-primary:hover{background:#f0dca9;border-color:#f0dca9}
.third-eye-secondary{color:#eee6d5;font-weight:750;text-underline-offset:.25em}
.third-eye-external-note{display:block;margin-top:.7rem;color:rgba(241,235,223,.62);font-size:.78rem}
.third-eye-book-companion{
  position:relative;
  overflow:hidden;
  margin:1.5rem 0;
  padding:clamp(1.2rem,3vw,2rem);
  border:1px solid rgba(115,101,67,.23);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 94% 0,rgba(92,121,119,.15),transparent 34%),
    linear-gradient(145deg,rgba(235,228,214,.78),rgba(255,253,248,.98));
  box-shadow:var(--shadow-soft);
}
.third-eye-book-companion:after{
  content:"✦";
  position:absolute;
  right:clamp(1rem,4vw,2.5rem);
  top:clamp(.5rem,2vw,1.3rem);
  color:rgba(111,91,46,.16);
  font-size:clamp(4rem,12vw,8rem);
  line-height:1;
}
.third-eye-book-companion>*{position:relative;z-index:1}
.third-eye-book-companion h2{margin:.3rem 0 .55rem}
.third-eye-book-companion .companion-line{font-family:var(--serif);font-size:1.22rem;color:var(--ink);margin:.45rem 0}
.third-eye-book-companion .companion-note{font-size:.82rem;color:var(--ink-soft);margin-top:.75rem}
.third-eye-book-companion .actions{margin-top:1rem}
@media(max-width:760px){
  .third-eye-spotlight{grid-template-columns:1fr;padding:1.25rem;margin:2.25rem 0}
  .third-eye-visual{min-height:176px}
  .third-eye-orbit{width:168px}
  .third-eye-visual-note{position:static;margin-top:.8rem}
  .third-eye-copy h2{font-size:clamp(2.15rem,11vw,3rem)}
  .third-eye-actions{align-items:stretch}
  .third-eye-actions .btn{width:100%;justify-content:center;text-align:center}
  .third-eye-secondary{width:100%;text-align:center;padding:.4rem}
}
@media(prefers-reduced-motion:reduce){.third-eye-orbit,.third-eye-core{animation:none!important}}
.third-eye-spotlight>*{min-width:0}
.third-eye-copy h2,.third-eye-summary,.third-eye-external-note{overflow-wrap:anywhere}