/* V14 — tighter chapter rhythm and explicit CTA contrast. */
.sr-hero__content { width: 100%; }

.sr-hero__headline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(35px, 6vw, 110px);
  width: 100%;
}

.sr-hero__headline h1 { flex: 0 1 920px; }

.sr-hero__headline .sr-hero__rating {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  flex: 0 0 150px;
  margin-top: .08em;
}

.sr-hut-explorer {
  padding-top: clamp(55px,6vw,92px);
  padding-bottom: clamp(55px,6vw,92px);
}

.sr-interiors {
  padding-top: clamp(55px,6vw,92px);
  padding-bottom: clamp(55px,6vw,92px);
}

.sr-ritual {
  padding-top: clamp(58px,6vw,90px);
  padding-bottom: clamp(52px,5.5vw,82px);
}

.sr-arrive {
  padding-top: clamp(50px,6vw,92px);
  padding-bottom: clamp(50px,6vw,92px);
}

.sr-soak {
  padding-top: clamp(65px,8vw,115px);
  padding-bottom: clamp(65px,8vw,115px);
}

.sr-pet {
  padding-top: clamp(45px,5.5vw,85px);
  padding-bottom: clamp(45px,5.5vw,85px);
}

.sr-reviews {
  padding-top: clamp(55px,6.5vw,100px);
  padding-bottom: clamp(55px,6.5vw,100px);
}

.sr-coast {
  padding-top: clamp(60px,8vw,115px);
  padding-bottom: clamp(60px,8vw,115px);
}

.sr-final { padding-top: 65px; padding-bottom: 65px; }

.sr-footer .sr-button--footer,
.sr-footer .sr-button--footer:visited,
.sr-footer .sr-button--footer:hover,
.sr-footer .sr-button--footer:focus {
  color: var(--sr-forest) !important;
  background: var(--sr-sand) !important;
}

@media (max-width: 600px) {
  .sr-hero__headline {
    position: relative;
    display: block;
  }

  .sr-hero__headline h1 {
    max-width: calc(100% - 72px);
    font-size: clamp(54px, 15vw, 72px);
  }

  .sr-hero__headline .sr-hero__rating {
    position: absolute;
    top: 3px;
    right: 0;
    width: 72px;
    height: 72px;
    padding: 9px;
    margin: 0;
  }

  .sr-hero__headline .sr-hero__rating strong { font-size: 25px; }
  .sr-hero__headline .sr-hero__rating small { font-size: 10px; }
  .sr-hero__headline .sr-hero__rating span { font-size: 4px; }

  .sr-hut-explorer { padding-top: 48px; padding-bottom: 55px; }
  .sr-interiors { padding-top: 50px; padding-bottom: 58px; }
  .sr-ritual { padding-top: 47px; padding-bottom: 45px; }
  .sr-arrive { padding-top: 48px; padding-bottom: 58px; }
  .sr-soak { padding-top: 65px; padding-bottom: 85px; }
  .sr-pet { padding-top: 50px; padding-bottom: 58px; }
  .sr-reviews { padding-top: 52px; padding-bottom: 52px; }
  .sr-coast { padding-top: 60px; padding-bottom: 40px; }
  .sr-final { padding-top: 53px; padding-bottom: 53px; }
}