/* Camphill MK Hero Slider
   Colours are variables so they can be retuned in Avada > Custom CSS.
   Typography reads Avada's global typography variables (Avada > Options > Typography). */
.chs{--chs-navy:#2E2A6B;--chs-ink:#1E1B45;--chs-white:#fff;--chs-lilac:#C9C4EE;--chs-ease:cubic-bezier(.22,.8,.3,1);
  position:relative;width:100%;height:var(--chs-h,min(82vh,760px));min-height:520px;overflow:hidden;background:var(--chs-ink);color:var(--chs-white);isolation:isolate;
  font-family:var(--body_typography-font-family,inherit)}
@media(max-width:768px){.chs{height:max(520px,calc(var(--chs-h,70vh) * .8))}}
.chs__track,.chs__slide{position:absolute;inset:0}
.chs__slide{opacity:0;visibility:hidden;transition:opacity 1.1s var(--chs-ease),visibility 0s 1.1s;display:flex;align-items:center}
.chs__slide.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:1}
.chs__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.chs--kb .chs__slide.is-active .chs__img{animation:chs-kb 9s linear forwards}
@keyframes chs-kb{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.chs__shade{position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(30,27,69,calc(var(--chs-ov,.55) * 1.1)) 0%,rgba(30,27,69,calc(var(--chs-ov,.55) * .7)) 45%,rgba(30,27,69,calc(var(--chs-ov,.55) * .25)) 100%),
    linear-gradient(180deg,rgba(30,27,69,.15) 0%,rgba(30,27,69,0) 30%,rgba(30,27,69,calc(var(--chs-ov,.55) * .9)) 100%)}
.chs__slide--center .chs__shade{background:linear-gradient(180deg,rgba(30,27,69,calc(var(--chs-ov,.55) * .5)) 0%,rgba(30,27,69,calc(var(--chs-ov,.55) * .75)) 50%,rgba(30,27,69,var(--chs-ov,.55)) 100%)}
.chs__inner{position:relative;text-shadow:0 1px 2px rgba(0,0,0,.25);width:100%;max-width:1200px;margin:0 auto;padding:40px clamp(20px,4vw,40px) 90px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;align-items:flex-start;text-align:left}
.chs__slide--center .chs__inner{align-items:center;text-align:center}
/* text entrance */
.chs__eyebrow,.chs__title,.chs__text,.chs__actions{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .8s var(--chs-ease)}
.chs__slide.is-active .chs__eyebrow{opacity:1;transform:none;transition-delay:.25s}
.chs__slide.is-active .chs__title{opacity:1;transform:none;transition-delay:.35s}
.chs__slide.is-active .chs__text{opacity:1;transform:none;transition-delay:.5s}
.chs__slide.is-active .chs__actions{opacity:1;transform:none;transition-delay:.65s}
.chs .chs__eyebrow{margin:0;color:var(--chs-lilac)!important;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--chs-lilac)}
.chs .chs__title{margin:0;color:var(--chs-white)!important;font-family:var(--h1_typography-font-family,inherit);font-weight:var(--h1_typography-font-weight,800);letter-spacing:var(--h1_typography-letter-spacing,-.01em);text-transform:var(--h1_typography-text-transform,none);font-size:clamp(26px,3vw,38px)!important;line-height:1.15;max-width:22ch;text-wrap:balance}
.chs .chs__text{margin:0;color:#E6E3F7!important;font-size:clamp(17px,1.5vw,21px);line-height:1.5;max-width:58ch}
.chs__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:4px}
.chs__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 26px;border-radius:6px;font-weight:700;font-size:16px;text-decoration:none;transition:background .2s,color .2s,transform .3s var(--chs-ease);box-sizing:border-box}
.chs__btn:hover{transform:translateY(-2px)}
.chs__btn--solid{background:var(--chs-white);color:var(--chs-navy)}.chs__btn--solid:hover{background:var(--chs-lilac);color:var(--chs-navy)}
.chs__btn--ghost{border:1.5px solid var(--chs-white);color:var(--chs-white)}.chs__btn--ghost:hover{background:rgba(255,255,255,.14);color:var(--chs-white)}
/* controls */
.chs__ui{position:absolute;left:0;right:0;bottom:0;z-index:2;max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px) 26px;box-sizing:border-box;display:flex;align-items:center;gap:14px}
.chs__arrow,.chs__pause{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.35);color:var(--chs-white);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s,border-color .2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.chs__arrow:hover,.chs__pause:hover{background:rgba(255,255,255,.22);border-color:#fff}
.chs__arrow:focus-visible,.chs__pause:focus-visible,.chs__dot:focus-visible,.chs__btn:focus-visible{outline:2px solid var(--chs-lilac);outline-offset:3px}
.chs__pause{margin-left:auto;width:40px;height:40px}
.chs__pause .chs__ico-play{display:none}.chs.is-paused .chs__pause .chs__ico-play{display:block}.chs.is-paused .chs__pause .chs__ico-pause{display:none}
.chs__dots{display:flex;gap:8px;align-items:center}
.chs__dot{position:relative;width:44px;height:28px;background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center}
.chs__dot::before{content:"";display:block;width:100%;height:3px;border-radius:2px;background:rgba(255,255,255,.3)}
.chs__dotfill{position:absolute;left:0;top:50%;height:3px;margin-top:-1.5px;width:0;border-radius:2px;background:#fff}
.chs__dot.is-active .chs__dotfill{width:100%;transition:width var(--chs-dur,7s) linear}
.chs.is-paused .chs__dot.is-active .chs__dotfill,.chs[data-interval="0"] .chs__dot.is-active .chs__dotfill{width:100%;transition:none}
@media(max-width:600px){.chs__arrow{display:none}.chs__dot{width:32px}}
@media(prefers-reduced-motion:reduce){.chs__slide,.chs__eyebrow,.chs__title,.chs__text,.chs__actions,.chs__btn{transition-duration:.01s!important;transition-delay:0s!important}.chs--kb .chs__slide.is-active .chs__img{animation:none}.chs__dot.is-active .chs__dotfill{transition:none}}