.hero {
  background-image: url("assets/club-documents-hero.png");
}

.intro {
  position: relative;
  isolation: isolate;
  color: #fff;
  background: url("assets/studland-old-harry-wide-v2.png") center 48% / cover no-repeat;
}

.intro::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(3, 34, 38, .9), rgba(3, 34, 38, .66));
}

.intro .eyebrow,
.intro .values span {
  color: var(--mint);
}

.intro .intro-copy,
.intro .values p {
  color: #e0e9e6;
}

.intro .intro-copy .text-link {
  color: #fff;
}

.intro .values article {
  border-top-color: #ffffff6b;
}

.events-loading {
  padding: 30px 5px;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
}

.event-list article > div p + p {
  margin-top: 7px;
  max-width: 720px;
}

.event-source {
  font-size: .76rem;
  font-weight: 700;
  border-bottom: 1px solid currentColor;
  white-space: nowrap;
}

.public-courses{background:#edf1eb}.public-course-list{display:grid;gap:14px}.public-course-list article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:28px;background:#fff;border-left:5px solid var(--river)}.public-course-list h3{margin:7px 0;font-size:1.4rem}.public-course-list p{margin:5px 0;color:var(--muted)}.public-course-list small{font-weight:700;color:var(--river)}.public-course-list button:disabled{opacity:.5;cursor:not-allowed}
#course-booking-dialog{width:min(650px,calc(100% - 30px));border:0;padding:0;box-shadow:0 25px 70px #0018}#course-booking-dialog::backdrop{background:#052f32cc}.guest-course-form{display:grid;gap:16px;padding:34px;background:#fff}.guest-form-heading{display:flex;justify-content:space-between;align-items:start}.guest-form-heading h3{font-size:1.8rem}.guest-form-heading button{border:0;background:none;font-size:1.7rem;cursor:pointer}.guest-course-form label{display:grid;gap:5px;font-size:.72rem;font-weight:700;text-transform:uppercase}.guest-course-form input{width:100%;padding:12px;border:1px solid var(--line);font:inherit}.guest-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guest-course-form .guest-consent{display:flex;align-items:start;grid-template-columns:auto 1fr;text-transform:none;font-weight:500}.guest-consent input{width:auto;margin-top:5px}.guest-course-form .form-status{color:var(--river)}
@media(max-width:650px){.public-course-list article{grid-template-columns:1fr}.public-course-list .button{width:max-content}.guest-form-row{grid-template-columns:1fr}.guest-course-form{padding:22px}}