/* Centered second-section copy with an active-lifestyle photograph. */
.purity {
  --parallax-y: 0px;
  position: relative;
  aspect-ratio: 1440 / 811;
  min-height: 520px;
  overflow: hidden;
  /* Backdrop sampled from the photo's surface so the parallax travel is seamless */
  background: #d6d2cd;
}

/* Preserve the selected photograph's full width and its clear text area.
   The matching surface fills the small vertical parallax travel gap. */
.purity__image {
  position: absolute;
  left: 0;
  right: auto;
  top: 50%;
  width: 100%;
  max-width: none;
  height: auto;
  transform: translate3d(0, calc(-50% + var(--parallax-y)), 0);
  will-change: transform;
}

.purity__content {
  position: relative;
  z-index: 1;
  width: min(676px, calc(100% - 48px));
  margin-inline: auto;
  padding-top: 124px;
}

.purity__title {
  margin: 0;
  color: var(--color-text);
  font-size: clamp(48px, 4.45vw, 64px);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.02;
}

.purity__text {
  margin: 60px 0 0;
  font-size: clamp(34px, 3.45vw, 50px);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.text-fill__para {
  display: block;
}

.text-fill__para + .text-fill__para {
  margin-top: 0.85em;
}

/* Trust strip — right-to-left ticker after "Nothing to hide." */
.trust-strip {
  overflow: hidden;
  background: var(--color-ink);
  padding-block: clamp(16px, 2vw, 22px);
}

.trust-strip__track {
  display: flex;
  width: max-content;
  animation: trust-marquee 32s linear infinite;
}

.trust-strip:hover .trust-strip__track {
  animation-play-state: paused;
}

.trust-strip__group {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.trust-strip__item {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  color: var(--color-cream);
  font-size: clamp(16px, 1.3vw, 19px);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.trust-strip__item::after {
  content: "\00b7";
  margin-inline: clamp(26px, 3.4vw, 52px);
  color: rgba(244, 240, 232, 0.45);
  font-weight: 700;
}

@keyframes trust-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .trust-strip__track {
    animation: none;
    transform: none;
  }
}

.text-fill {
  color: rgba(17, 17, 17, 0.42);
}

.text-fill__word {
  display: inline-block;
  color: rgba(17, 17, 17, 0.42);
  transition: color 180ms ease;
}

.text-fill__word.is-filled {
  color: var(--color-text);
}

@media (prefers-reduced-motion: reduce) {
  .purity__image { will-change: auto; }
  .text-fill__word { color: var(--color-text); transition: none; }
}

@media (max-width: 700px) {
  .purity { width: 100%; aspect-ratio: auto; min-height: 620px; }
  .purity__image {
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: none;
    will-change: auto;
  }
  .purity__content { width: calc(100% - 40px); padding-top: 80px; }
  .purity__title { font-size: clamp(38px, 10vw, 48px); }
  .purity__text { margin-top: 32px; font-size: clamp(27px, 7vw, 36px); }
}