/* Process Strip — Delivery Phases Section */

.doghouse-process-strip {
  padding: var(--site-space-3xl) 0;
  border-bottom: 1px solid var(--site-color-border-subtle);
}

.doghouse-process-strip--light {
  background-color: var(--site-color-bg-surface);
}

.doghouse-process-strip__inner {
  /* max-width: var(--site-container-max-width);
  margin: 0 auto;
  padding: 0 var(--site-container-padding); */
}

/* Header */
.doghouse-process-strip__header {
  max-width: var(--site-container-max-width);
  margin: 0 auto var(--site-space-xl);
  padding: 0 var(--site-container-padding);
}

.doghouse-process-strip__viewport {
  position: relative;
  max-width: 1360px;
  margin: 0 auto;
}

.doghouse-process-strip__eyebrow {
  display: block;
  margin-bottom: var(--site-space-sm);
}

.doghouse-process-strip__steps {
  padding: 0 var(--site-container-padding);
  max-width: var(--site-container-max-width);
  margin: 0 auto;
}

/* Steps container — vertical stack */
.doghouse-process-strip__steps > div {
  display: flex;
  flex-direction: column;
}

/* Staggered slide-up animation */
.doghouse-process-strip__steps > div > div {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.doghouse-process-strip.dh-visible .doghouse-process-strip__steps > div > div {
  opacity: 1;
  transform: translateY(0);
}

.doghouse-process-strip__steps > div > div:nth-child(1) { transition-delay: 0s; }
.doghouse-process-strip__steps > div > div:nth-child(2) { transition-delay: 0.15s; }
.doghouse-process-strip__steps > div > div:nth-child(3) { transition-delay: 0.3s; }
.doghouse-process-strip__steps > div > div:nth-child(4) { transition-delay: 0.45s; }
.doghouse-process-strip__steps > div > div:nth-child(5) { transition-delay: 0.6s; }
.doghouse-process-strip__steps > div > div:nth-child(6) { transition-delay: 0.75s; }
.doghouse-process-strip__steps > div > div:nth-child(7) { transition-delay: 0.9s; }
.doghouse-process-strip__steps > div > div:nth-child(8) { transition-delay: 1.05s; }
.doghouse-process-strip__steps > div > div:nth-child(9) { transition-delay: 1.2s; }
.doghouse-process-strip__steps > div > div:nth-child(10) { transition-delay: 1.35s; }

@media (prefers-reduced-motion: reduce) {
  .doghouse-process-strip__steps > div > div {
    opacity: 1;
    transform: none;
    transition: none;
  }
}