/* ---------- OUR STORY / CERTIFICATIONS 2-COL LAYOUT ---------- */
.our-story {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: var(--space-12);
}
.our-story--reverse .our-story__img { order: -1; }
.our-story__text .section-eyebrow { display: block; margin-bottom: var(--space-4); }
.our-story__text .section-title { margin-bottom: var(--space-6); }
.our-story__text p {
  color: var(--color-text-secondary);
  font-size: var(--text-base);
  line-height: var(--lh-loose);
  margin-bottom: var(--space-4);
}
.our-story__text p:last-child { margin-bottom: 0; }

.our-story__img {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-red);
  box-shadow: 0 20px 60px rgba(0,0,0,0.45);
}
.our-story__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Floating app-mockup variant (hero_img.png) — no frame/border, just the mockup + glow */
.our-story__img--mockup {
  border: none;
  box-shadow: none;
  overflow: visible;
  min-height: 340px;
}
.our-story__img--mockup img {
  width: clamp(220px, 24vw, 340px);
  margin-inline: auto;
}

@media (max-width: 900px) {
  .our-story {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }
  .our-story--reverse .our-story__img { order: 0; }
  .our-story__img { max-width: 420px; margin-inline: auto; }
  .our-story__img--mockup { min-height: 0; }
  .our-story__img--mockup img { width: clamp(160px, 42vw, 220px); }
}