/* Bencefalo v93 — course overview cards + live-course payment plan */

.course-overview-list{gap:30px!important}
.course-overview{
  grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr)!important;
  min-height:390px;
  padding:0!important;
  overflow:hidden!important;
}
.course-overview .course-summary{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 18px 34px 34px;
}
.course-overview .course-description{
  max-width:62ch!important;
}
.course-overview .course-actions{
  justify-content:flex-start!important;
  margin-top:24px!important;
}
.course-overview-art{
  position:relative;
  min-height:100%;
  overflow:hidden;
  isolation:isolate;
}
.course-overview-art::before,
.course-overview-art::after{
  content:"";
  position:absolute;
  inset:0;
}
.course-overview-art::before{
  z-index:-2;
  background:
    radial-gradient(circle at 68% 46%,rgba(255,255,255,.08),transparent 11%),
    radial-gradient(circle at 68% 46%,transparent 0 24%,rgba(255,255,255,.05) 24.5%,transparent 25.2%),
    radial-gradient(circle at 68% 46%,transparent 0 38%,rgba(255,255,255,.035) 38.4%,transparent 39.2%);
}
.course-overview-art::after{
  z-index:-1;
  background:linear-gradient(90deg,var(--art-blend,#110d20) 0%,rgba(8,8,18,.70) 14%,transparent 43%);
}
.sendero-art{
  --art-blend:#21152e;
  background:
    radial-gradient(28rem 22rem at 72% 48%,rgba(220,190,108,.16),transparent 55%),
    radial-gradient(25rem 20rem at 78% 62%,rgba(132,67,199,.20),transparent 62%),
    linear-gradient(135deg,#20152d,#0b0913);
}
.lab-art{
  --art-blend:#082024;
  background:
    radial-gradient(26rem 22rem at 72% 45%,rgba(77,227,209,.20),transparent 56%),
    radial-gradient(23rem 20rem at 75% 67%,rgba(41,185,129,.18),transparent 64%),
    linear-gradient(135deg,#092126,#061016);
}
.divination-art{
  --art-blend:#211118;
  background:
    radial-gradient(27rem 22rem at 72% 43%,rgba(255,154,98,.22),transparent 54%),
    radial-gradient(23rem 20rem at 78% 68%,rgba(255,95,158,.18),transparent 62%),
    linear-gradient(135deg,#26141a,#100912);
}
.tarot-art{
  --art-blend:#151126;
  background:
    radial-gradient(27rem 22rem at 70% 42%,rgba(156,114,255,.24),transparent 55%),
    radial-gradient(25rem 20rem at 78% 66%,rgba(59,130,255,.20),transparent 64%),
    linear-gradient(135deg,#18112c,#080b19);
}
.art-mark{
  position:absolute;
  left:66%;
  top:50%;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:148px;
  height:148px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  color:rgba(255,255,255,.68);
  font:300 58px/1 var(--font-display);
  box-shadow:0 0 70px rgba(0,0,0,.28),inset 0 0 40px rgba(255,255,255,.025);
}
.art-orbit{
  position:absolute;
  left:66%;
  top:50%;
  width:230px;
  height:230px;
  transform:translate(-50%,-50%) rotate(28deg);
  border:1px solid rgba(255,255,255,.06);
  border-radius:50%;
}
.art-orbit::before,.art-orbit::after{
  content:"";
  position:absolute;
  border:1px solid rgba(255,255,255,.05);
  border-radius:50%;
}
.art-orbit::before{inset:26px -16px;transform:rotate(55deg)}
.art-orbit::after{inset:-16px 26px;transform:rotate(-42deg)}

/* Campus payment choice for live programmes */
.payment-plan-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:22px 0 12px;
}
.payment-plan{
  position:relative;
  display:block;
  cursor:pointer;
}
.payment-plan input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.payment-plan>span{
  display:flex;
  flex-direction:column;
  min-height:132px;
  padding:17px;
  border:1px solid rgba(174,139,222,.20);
  border-radius:18px;
  background:rgba(255,255,255,.018);
  transition:.18s ease;
}
.payment-plan b{
  color:#cba1ff;
  font:600 10px/1.3 var(--font-ui);
  letter-spacing:.09em;
  text-transform:uppercase;
}
.payment-plan strong{
  margin:7px 0 5px;
  color:#fff;
  font:700 22px/1.2 var(--font-ui);
}
.payment-plan small{
  color:#9993a4;
  font:400 11px/1.5 var(--font-ui);
}
.payment-plan input:checked+span{
  border-color:rgba(190,127,255,.62);
  background:linear-gradient(145deg,rgba(116,50,174,.18),rgba(255,255,255,.025));
  box-shadow:0 0 0 1px rgba(190,127,255,.10),0 12px 32px rgba(83,37,137,.15);
}
.accent-note{color:#d8bf74!important}

@media(max-width:820px){
  .course-overview{
    grid-template-columns:1fr!important;
    min-height:0;
  }
  .course-overview .course-summary{
    padding:24px 21px 18px;
  }
  .course-overview-art{
    min-height:210px;
    order:-1;
  }
  .course-overview-art::after{
    background:linear-gradient(180deg,rgba(4,5,12,.06),transparent 46%,var(--art-blend,#110d20) 100%);
  }
  .art-mark{left:70%;width:110px;height:110px;font-size:46px}
  .art-orbit{left:70%;width:174px;height:174px}
  .payment-plan-grid{grid-template-columns:1fr}
  .payment-plan>span{min-height:0}
}