.hero-milestone__title { letter-spacing: -0.02em; }

.hero-milestone__copy > * { opacity: 0; transform: translateY(1.25rem); animation: hero-milestone-rise 800ms cubic-bezier(.2, .8, .2, 1) forwards; }
.hero-milestone__copy > *:nth-child(2) { animation-delay: 100ms; }
.hero-milestone__copy > *:nth-child(3) { animation-delay: 200ms; }
.hero-milestone__copy > *:nth-child(4) { animation-delay: 300ms; }

.hero-milestone__panel { opacity: 0; transform: translateY(2rem); transition: opacity 800ms ease, transform 800ms cubic-bezier(.2, .8, .2, 1); }
.hero-milestone__panel.is-visible { opacity: 1; transform: none; }

.hero-milestone__stage { height: 16rem; }
.hero-milestone__chart { display: block; width: 100%; height: 100%; overflow: visible; }
.hero-milestone__chart [data-line] { transition: stroke-dashoffset 2200ms cubic-bezier(.45, .05, .35, 1) 300ms; }
.hero-milestone__chart [data-area] { transition: opacity 900ms ease 1800ms; }
.hero-milestone__panel.is-visible .hero-milestone__chart [data-area] { opacity: .16; }

.hero-milestone__pin { transform: translate(-50%, calc(-100% + .625rem)); }
.hero-milestone__tip { white-space: nowrap; opacity: 0; transform: translateY(.5rem) scale(.8); transform-origin: bottom center; transition: opacity 400ms ease, transform 500ms cubic-bezier(.34, 1.56, .64, 1); }
.hero-milestone__dot { width: 1.25rem; height: 1.25rem; transform: scale(0); transition: transform 450ms cubic-bezier(.34, 1.56, .64, 1); }
.hero-milestone__pin.is-on .hero-milestone__tip { opacity: 1; transform: none; transition-delay: 120ms; }
.hero-milestone__pin.is-on .hero-milestone__dot { transform: scale(1); }
.hero-milestone__micro { font-size: .75rem; line-height: 1rem; }

.hero-milestone__icon { width: 2.5rem; height: 2.5rem; flex-shrink: 0; }
.hero-milestone__icon + * { min-width: 0; overflow-wrap: anywhere; }
.hero-milestone__badge { opacity: 0; transform: translateY(1rem); transition: opacity 500ms ease, transform 500ms ease; }
.hero-milestone.is-done .hero-milestone__badge { opacity: 1; transform: none; }
.hero-milestone.is-done li:nth-child(2) > .hero-milestone__badge { transition-delay: 100ms; }
.hero-milestone.is-done li:nth-child(3) > .hero-milestone__badge { transition-delay: 200ms; }
.hero-milestone.is-done li:nth-child(4) > .hero-milestone__badge { transition-delay: 300ms; }

@keyframes hero-milestone-rise { to { opacity: 1; transform: none; } }

@media (max-width: 575.98px) {
    .hero-milestone__stage { height: 12rem; }
    .hero-milestone__tip { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-milestone__copy > * { animation: none; opacity: 1; transform: none; }
    .hero-milestone__panel, .hero-milestone__badge, .hero-milestone__tip, .hero-milestone__dot,
    .hero-milestone__chart [data-line], .hero-milestone__chart [data-area] { transition: none; opacity: 1; transform: none; }
}

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.hero-milestone[hidden], .hero-milestone [hidden], .hero-milestone .hidden.d-none { display: none !important; }

.digest-sq-6  { width: 1.5rem;  height: 1.5rem;  flex-shrink: 0; }
.digest-sq-10 { width: 2.5rem;  height: 2.5rem;  flex-shrink: 0; }

.values-simple__thumb {
    width: 5rem;
    height: 5rem;
}

/* team v19 — masonry with corner dots */
.team-masonry__media {
  height: 16rem;
}

.team-masonry__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team-masonry__card-accent {
  width: 0.25rem;
  z-index: 1;
}

.team-masonry__decor {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  opacity: 0.08;
  pointer-events: none;
}

.team-masonry__decor--top-left {
  top: -40px;
  left: -40px;
  background-color: currentColor;
}

.team-masonry__decor--bottom-right {
  bottom: -40px;
  right: -40px;
  background-color: currentColor;
}

@media (max-width: 768px) {
  .team-masonry__decor {
    width: 80px;
    height: 80px;
  }
}

.belief-tabs__icon-box {
    width: 4rem;
    height: 4rem;
}

.belief-tabs__link--active {
    border-color: var(--bs-primary, rgb(var(--tw-primary-500, 59 130 246) / 1)) !important;
    background-color: var(--bs-primary, rgb(var(--tw-primary-600, 37 99 235) / 1)) !important;
    color: #fff !important;
}


.appeal-signup__appeal--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

.appeal-signup__shell--py-4xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}