/* gw_band_divider — full-bleed band, DS BandDivider: exactly 125px (clamped 72–125), centred 35px uppercase title. */
.gw-band {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: var(--gw-fluid-band-height);
}
.gw-band--tall { height: calc(var(--gw-fluid-band-height) * 2); }
.gw-band--teal { background: var(--gw-teal-400); }
.gw-band--orange { background: var(--gw-orange-500); }
.gw-band--green { background: var(--gw-green-700); }

/* Pattern: DS "palm-line-art" wash. Sourced from the Figma "band palm mask group" (2231×659.748
   at a 1920 canvas, i.e. 116.2vw), which bleeds above/below the band and is clipped by the
   section's own overflow:hidden — matching the masked composition on the "The Ideal Location"
   band (1:142). Recoloured via currentColor per band tone instead of the baked-in teal-500,
   since the same asset backs all three colour variants. */
.gw-band__pattern {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.gw-band__pattern svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 116.2vw;
  min-width: 2231px;
  height: auto;
  display: block;
}
.gw-band--teal .gw-band__pattern svg { color: var(--gw-teal-500); }
.gw-band--orange .gw-band__pattern svg { color: var(--gw-orange-700); }
.gw-band--green .gw-band__pattern svg { color: var(--gw-green-900); }

/* Two-class selector: the template's `.gw-scrolly h2` ink rule (0,1,1) must not win. */
.gw-band .gw-band__title {
  position: relative;
  z-index: 2;
  color: var(--gw-text-on-deep);
  text-align: center;
  padding: 0 var(--gw-fluid-margin-chrome);
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  line-height: 1.2 !important;
}