/* Hero */
.hero {
  background-image: url('../images/outside-spa.jpg');
  background-size: cover;
  background-color: #e4e2ddf1;
  background-blend-mode: soft-light;
}

.hero__content {
  display: grid;
  justify-items: center;
}

/* Intro */
.intro {
  padding-top: var(--fluid-space-y);
}

/* Why */
.why {
  background-color: var(--secondary-bg);
}

/* Offerings */
.offerings {
  background-color: var(--tertiary-bg);
  padding-bottom: var(--fluid-space-y);
}

.offerings__container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
  gap: var(--gutter);
}