.camping-statement {
  --camping-statement-height: 19rem;
  --camping-statement-title-max: 46.35rem;
  color: var(--dia-front-color-forest);
  background: var(--dia-front-color-surface);
  --dia-front-pointer-wash-x: 50%;
  --dia-front-pointer-wash-y: 50%;
}
.camping-statement .camping-statement__title {
  position: relative;
  isolation: isolate;
}
.camping-statement .camping-statement__title > :where(h1, h2, h3, p) {
  color: inherit;
  background-color: var(--dia-front-color-forest);
  background-image: var(--dia-front-gradient-pointer-wash);
  background-repeat: no-repeat;
  background-position: calc(var(--dia-front-pointer-wash-x) - var(--dia-front-pointer-wash-size) / 2) calc(var(--dia-front-pointer-wash-y) - var(--dia-front-pointer-wash-size) / 2);
  background-size: var(--dia-front-pointer-wash-size) var(--dia-front-pointer-wash-size);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--dia-front-color-forest);
  transition: color var(--dia-front-transition-base) var(--dia-front-motion-ease-out), -webkit-text-fill-color var(--dia-front-transition-base) var(--dia-front-motion-ease-out);
}
.camping-statement[data-pointer-wash-active] .camping-statement__title > :where(h1, h2, h3, p) {
  color: transparent;
  -webkit-text-fill-color: transparent;
}
@media (prefers-reduced-motion: reduce) {
  .camping-statement .camping-statement__title > :where(h1, h2, h3, p) {
    color: var(--dia-front-color-forest);
    background-image: none;
    -webkit-text-fill-color: var(--dia-front-color-forest);
    transition: none;
  }
}
.camping-statement__inner {
  display: grid;
  min-height: var(--camping-statement-height);
  padding: var(--dia-front-space-64) var(--dia-front-container-gutter);
  place-items: center;
}
.camping-statement__title {
  width: min(100%, var(--camping-statement-title-max));
  text-align: center;
}
.camping-statement__title :where(h2) {
  text-wrap: balance;
  margin: 0;
  font-family: var(--dia-front-font-heading);
  font-size: var(--dia-front-font-size-section-title-mobile);
  font-weight: var(--dia-front-font-weight-heading);
  line-height: var(--dia-front-line-height-solid);
}

@media (min-width: 62rem) {
  .camping-statement {
    --camping-statement-height: 40.375rem;
    --camping-statement-display-scale: 1.25;
  }
  .camping-statement__inner {
    padding-block: var(--dia-front-space-120);
  }
  .camping-statement__title :where(h2) {
    font-size: calc(var(--dia-front-font-size-section-title) * var(--camping-statement-display-scale));
  }
}