.ep-page {}

.ep-hero-grid {
  display: grid;
  grid-template-columns: 45% 55%;
  gap: var(--space-4);
  align-items: center;
}
.ep-hero-text {max-width: 60ch;}
.ep-hero-image img {width: 100%; height: auto;}

.ep-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}
.ep-card {display:flex; flex-direction:column; gap: var(--space-2); min-width:0;}

.ep-personal {text-align:center;}
.ep-personal-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-3);
  max-width: 60ch;
  margin-inline:auto;
}
.ep-personal-item {min-width:0;}

.ep-offer-grid {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  align-items:center;
}
.ep-offer-text {min-width:0;}

.ep-atmosphere-grid {
  display:grid;
  grid-template-columns: 60% 40%;
  gap: var(--space-4);
  align-items:center;
}
.ep-atmosphere-text {max-width:60ch;}

.ep-steps {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-3);
  text-align:center;
}
.ep-step {min-width:0;}

.ep-why {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-3);
}
.ep-why > div {min-width:0;}

.ep-cta {
  background: var(--color-gradient-secondary);
  color: var(--color-text-on-gradient);
}
.ep-cta-inner {
  text-align:center;
  max-width: 60ch;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap: var(--space-3);
}

@media (max-width: 1000px) {
  .ep-cards {grid-template-columns: repeat(2, minmax(0,1fr));}
}

@media (max-width: 900px) {
  .ep-hero-grid,
  .ep-offer-grid,
  .ep-atmosphere-grid {
    grid-template-columns: 1fr;
  }
  .ep-hero-text,
  .ep-atmosphere-text {text-align:center; margin-inline:auto;}
}

@media (max-width: 600px) {
  .ep-cards,
  .ep-personal-grid,
  .ep-steps,
  .ep-why {grid-template-columns: 1fr;}
}