/*
 * Allina Reiki — Cursus Reiki
 * Alleen laden op /cursus-reiki/
 * Een doorlopende opleidingsroute met drie niveaus.
 */

:root {
  --cr-navy:#20263d;
  --cr-navy-dark:#151a2d;
  --cr-blue:#3f5073;
  --cr-violet:#796987;
  --cr-coral:#b86f5b;
  --cr-gold:#c09a56;
  --cr-sage:#789487;
  --cr-parchment:#eee4d3;
  --cr-ivory:#f8f3e9;
  --cr-paper:#fdfaf4;
  --cr-ink:#343541;
  --cr-copy:#65636a;
  --cr-light:#fffdf8;
}

body:has(.cr-hero) .title_outer,
body:has(.cr-hero) .title_holder {
  display:none!important;
}
body:has(.cr-hero) .content,
body:has(.cr-hero) .content_inner {
  margin-top:0!important;
  background:var(--cr-paper);
}
.cr-hero,.cr-route,.cr-level,.cr-closing,
.cr-hero *,.cr-route *,.cr-level *,.cr-closing * {
  box-sizing:border-box;
}
.cr-hero > .full_section_inner,
.cr-route > .full_section_inner,
.cr-level > .full_section_inner,
.cr-closing > .full_section_inner {
  position:relative;
  z-index:2;
  display:grid;
  align-items:center;
  width:calc(100% - 48px);
  max-width:1180px;
  margin:0 auto;
}
.cr-hero > .full_section_inner > br,
.cr-route > .full_section_inner > br,
.cr-level > .full_section_inner > br,
.cr-closing > .full_section_inner > br {
  display:none!important;
}
.cr-hero__copy,.cr-hero__media,
.cr-route__intro,
.cr-level__price,.cr-level__copy,
.cr-closing__copy,.cr-closing__media {
  position:relative!important;
  float:none!important;
  width:auto!important;
  min-width:0;
  padding:0!important;
}
.cr-hero__copy,.cr-level__price,.cr-closing__copy {
  grid-column:1;
  grid-row:1;
}
.cr-hero__media,.cr-level__copy,.cr-closing__media {
  grid-column:2;
  grid-row:1;
}
.cr-route__intro {
  grid-column:1/-1;
  grid-row:1;
}
.cr-hero .wpb_content_element,
.cr-route .wpb_content_element,
.cr-level .wpb_content_element,
.cr-closing .wpb_content_element {
  margin:0!important;
}

/* Donkere, ceremoniële hero zonder schuine verdeling */
.cr-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:690px;
  padding:118px 24px 90px;
  background:
    radial-gradient(circle at 82% 20%,rgba(121,105,135,.28),transparent 28%),
    radial-gradient(circle at 14% 82%,rgba(120,148,135,.20),transparent 30%),
    linear-gradient(145deg,var(--cr-navy-dark),var(--cr-navy));
}
.cr-hero::before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(78vw,980px);
  height:min(78vw,980px);
  transform:translate(-50%,-50%) rotate(-8deg);
  border:1px solid rgba(192,154,86,.20);
  border-top-color:transparent;
  border-radius:50%;
  box-shadow:
    0 0 0 45px rgba(121,105,135,.025),
    0 0 0 90px rgba(120,148,135,.018);
}
.cr-hero::after {
  content:"I · II · III";
  position:absolute;
  right:4%;
  bottom:-30px;
  color:rgba(255,253,248,.045);
  font-family:"Fraunces",Georgia,serif;
  font-size:120px;
  letter-spacing:.1em;
}
.cr-hero > .full_section_inner {
  grid-template-columns:minmax(0,1.36fr) minmax(320px,.64fr);
  gap:clamp(58px,9vw,120px);
}
.cr-hero__copy {
  z-index:4;
}
.cr-eyebrow {
  display:block;
  margin-bottom:17px;
  color:#d4ba83;
  font-family:"Fraunces",Georgia,serif;
  font-size:19px;
  font-style:italic;
  letter-spacing:.04em;
}
.cr-hero h1 {
  max-width:790px;
  margin:0 0 30px!important;
  color:var(--cr-light)!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-size:clamp(43px,5vw,69px)!important;
  font-weight:400!important;
  letter-spacing:-.045em!important;
  line-height:1.07!important;
  text-transform:none!important;
}
.cr-hero__copy p {
  max-width:760px;
  margin:0;
  color:rgba(255,253,248,.73);
  font-size:15px;
  line-height:1.84;
}
.cr-hero__copy strong {
  color:#ead8b6;
}
.cr-hero__media {
  z-index:3;
  padding:28px!important;
  background:rgba(255,253,248,.08);
  border:1px solid rgba(192,154,86,.22);
  border-radius:50%;
}
.cr-hero__media::before,
.cr-closing__media::before {
  content:"";
  position:absolute;
  z-index:3;
  inset:-18px;
  padding:1px;
  border-radius:50%;
  background:conic-gradient(from 25deg,rgba(192,154,86,.74) 0 13%,transparent 13% 32%,rgba(120,148,135,.61) 32% 50%,transparent 50% 70%,rgba(184,111,91,.58) 70% 85%,transparent 85%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.cr-hero__media img {
  display:block;
  width:100%!important;
  height:auto!important;
  object-fit:contain;
  background:rgba(255,253,248,.94);
  border-radius:50%;
  filter:sepia(.08) saturate(.80);
  box-shadow:0 30px 70px rgba(5,7,18,.42);
}
.cr-actions {
  display:flex;
  margin-top:30px!important;
}
.cr-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 28px;
  color:var(--cr-navy-dark)!important;
  background:linear-gradient(135deg,#e2c994,var(--cr-gold));
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  box-shadow:0 15px 35px rgba(5,7,18,.28);
  font-size:13px;
  font-weight:650;
  text-decoration:none!important;
  transition:transform .25s ease,box-shadow .25s ease;
}
.cr-button:hover {
  color:var(--cr-navy-dark)!important;
  transform:translateY(-3px);
  box-shadow:0 21px 43px rgba(5,7,18,.38);
}

/* Route-intro */
.cr-route {
  position:relative;
  padding:92px 24px 54px;
  background:
    radial-gradient(circle at 84% 20%,rgba(120,148,135,.13),transparent 28%),
    var(--cr-parchment);
}
.cr-route h2 {
  margin:0!important;
  color:var(--cr-navy)!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-size:clamp(40px,4.8vw,62px)!important;
  font-weight:400!important;
  letter-spacing:-.04em!important;
  line-height:1.1!important;
  text-align:center;
  text-transform:none!important;
}
.cr-route h2::after {
  content:"";
  display:block;
  width:1px;
  height:68px;
  margin:26px auto 0;
  background:linear-gradient(var(--cr-gold),var(--cr-sage));
}

/* Drie opleidingsniveaus */
.cr-level {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:72px 24px;
  background:var(--cr-parchment);
}
.cr-level::before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(rgba(192,154,86,.18),rgba(63,80,115,.40),rgba(192,154,86,.18));
}
.cr-level > .full_section_inner {
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:clamp(58px,9vw,125px);
}
.cr-level--two {
  background:
    radial-gradient(circle at 16% 80%,rgba(121,105,135,.12),transparent 28%),
    var(--cr-ivory);
}
.cr-level--two .cr-level__copy {
  grid-column:1;
  grid-row:1;
}
.cr-level--two .cr-level__price {
  grid-column:2;
  grid-row:1;
}
.cr-level--three {
  padding-bottom:112px;
}
.cr-level__price {
  padding:34px!important;
  background:rgba(255,253,248,.76);
  border:1px solid rgba(32,38,61,.09);
  border-radius:46px 10px 46px 10px;
  box-shadow:0 24px 58px rgba(32,38,61,.11);
}
.cr-level--two .cr-level__price {
  border-radius:10px 46px 10px 46px;
}
.cr-level__number {
  display:block;
  margin-bottom:22px;
  color:var(--cr-gold);
  font-family:"Fraunces",Georgia,serif;
  font-size:54px;
  line-height:1;
}
.cr-level__price .qode-advanced-pricing-list {
  margin:0!important;
}
.cr-level__price [class*="pricing"] h2,
.cr-level__price [class*="pricing"] h3,
.cr-level__price [class*="pricing"] h4 {
  color:var(--cr-navy)!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-weight:400!important;
  text-transform:none!important;
}
.cr-level__price [class*="pricing"] .price,
.cr-level__price [class*="pricing"] [class*="price"] {
  color:var(--cr-coral)!important;
  font-family:"Fraunces",Georgia,serif!important;
}
.cr-level__price [class*="pricing"] p,
.cr-level__price [class*="pricing"] span {
  color:var(--cr-copy);
}
.cr-level__copy h2 {
  margin:0 0 25px!important;
  color:var(--cr-navy)!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-size:clamp(40px,4.5vw,60px)!important;
  font-weight:400!important;
  letter-spacing:-.04em!important;
  line-height:1.08!important;
  text-transform:none!important;
}
.cr-level__copy p {
  margin:0 0 19px;
  color:var(--cr-copy);
  font-size:15px;
  line-height:1.86;
  white-space:normal;
}
.cr-duration {
  position:relative;
  margin-bottom:28px!important;
  padding:22px 25px!important;
  color:var(--cr-blue)!important;
  background:rgba(255,253,248,.45);
  border-left:1px solid var(--cr-gold);
  border-right:1px solid rgba(120,148,135,.55);
  border-radius:22px 4px 22px 4px;
  font-family:"Fraunces",Georgia,serif;
  font-size:19px!important;
  font-style:italic;
  line-height:1.62!important;
}

/* Afsluiting */
.cr-closing {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:104px 24px 112px;
  background:
    radial-gradient(circle at 82% 20%,rgba(121,105,135,.27),transparent 28%),
    radial-gradient(circle at 16% 84%,rgba(120,148,135,.20),transparent 30%),
    linear-gradient(145deg,var(--cr-navy-dark),var(--cr-navy));
}
.cr-closing > .full_section_inner {
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  gap:clamp(52px,9vw,118px);
}
.cr-closing__copy p {
  margin:0;
  color:var(--cr-light);
  font-family:"Fraunces",Georgia,serif;
  font-size:clamp(27px,3.2vw,43px);
  line-height:1.5;
}
.cr-closing__media {
  padding:26px!important;
  background:rgba(255,253,248,.08);
  border-radius:50%;
}
.cr-closing__media img {
  display:block;
  width:100%!important;
  height:auto!important;
  padding:15px;
  background:rgba(255,253,248,.94);
  border-radius:50%;
  filter:sepia(.08) saturate(.80);
  box-shadow:0 28px 62px rgba(5,7,18,.44);
}
.cr-button--light {
  background:var(--cr-parchment);
}

@media(max-width:960px) {
  .cr-hero > .full_section_inner,
  .cr-level > .full_section_inner,
  .cr-closing > .full_section_inner {
    grid-template-columns:1fr 1fr;
    gap:44px;
  }
}
@media(max-width:760px) {
  .cr-hero,.cr-route,.cr-level,.cr-closing {
    padding-left:20px;
    padding-right:20px;
  }
  .cr-hero,.cr-closing {padding-top:60px;padding-bottom:68px;}
  .cr-hero > .full_section_inner,
  .cr-level > .full_section_inner,
  .cr-closing > .full_section_inner {
    display:flex;
    width:100%;
    flex-direction:column;
    gap:38px;
  }
  .cr-hero__copy,.cr-level__copy,.cr-closing__copy {order:1;}
  .cr-hero__media,.cr-level__price,.cr-closing__media {order:2;}
  .cr-hero__copy,.cr-hero__media,
  .cr-level__copy,.cr-level__price,
  .cr-closing__copy,.cr-closing__media {
    grid-column:auto;
    grid-row:auto;
  }
  .cr-hero h1 {font-size:40px!important;}
  .cr-hero__media,.cr-closing__media {width:100%!important;max-width:380px;margin:auto;}
  .cr-level::before {left:20px;}
  .cr-level__price {width:100%!important;padding:27px 21px!important;}
}
@media(prefers-reduced-motion:no-preference) {
  .cr-hero__media::before,
  .cr-closing__media::before {
    animation:cr-course-breathe 9s ease-in-out infinite;
  }
}
@keyframes cr-course-breathe {
  0%,100% {opacity:.56;transform:rotate(-4deg) scale(.98);}
  50% {opacity:.92;transform:rotate(2deg) scale(1.02);}
}