/* process.css */

.bg-white { background-color: var(--color-1); }

/* HERO */
.pr-hero { background-color: var(--color-7); }

/* STEG */
.pr-step { background-color: var(--color-7); }
.pr-step.bg-white { background-color: var(--color-1); }

.pr-step-inner {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 80px; align-items: center;
}

.pr-step-inner--img-left .pr-step-img { order: -1; }

.pr-step-img {
  overflow: hidden; border-radius: 4px;
  aspect-ratio: 1/1; background-color: rgba(43,48,51,0.06);
}

.pr-step-img img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
}

.pr-step-text { display: flex; flex-direction: column; gap: 16px; }

.pr-step-number {
  font-family: var(--font-primary); font-size: var(--h4-size);
  font-weight: 300; letter-spacing: -0.02em;
  color: var(--color-4); opacity: 0.3; margin: 0;
}

.pr-step-text h2 { margin: 0; }
.pr-step-text .p1 { color: var(--color-4); margin: 0; }

/* CTA */
.pr-cta-sub { color: var(--color-5); margin: 8px 0 0; }

@media (max-width: 768px) {
  .pr-step-inner { grid-template-columns: 1fr; gap: 32px; }
  .pr-step-inner--img-left .pr-step-img { order: 0; }
}