/* Customer stories (OKU, Higuerón…) — page layout on top of the design system. */

/* hero: customer logo tile + spacing */
.hero-photo .icon-btn--glass { margin-bottom: 8px; }
.story-logo {
  display: grid; place-items: center; width: 88px; height: 88px; padding: 14px;
  background: var(--white); border-radius: var(--r-md); box-shadow: 0 20px 40px -20px rgba(0,0,0,.6);
  transition: transform var(--dur) var(--ease);
}
.story-logo:hover { transform: translateY(-2px); }
.story-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.hero-photo .btn { margin-top: 10px; }

/* at a glance: profile card + 2×2 results */
.glance { padding-block: var(--space-18) 0; }
.glance__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 20px; align-items: stretch; }
.glance__profile { gap: 18px; }
.glance__results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.glance__results .stat-card { gap: 10px; justify-content: center; }
.glance__results .stat-card__value { font-size: clamp(32px, 3vw, 44px); }
.glance__results .stat-card__text { margin-top: 0; font-size: var(--fs-sm); color: var(--text-body); }
@media (max-width: 900px) { .glance__grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .glance__results { grid-template-columns: 1fr; } }

/* story column */
.story { padding-top: var(--space-18); }
.story__col { max-width: calc(720px + 2 * var(--gut)); }
.story__col > h2 { margin-top: 56px; }
.story__col figure img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-md); }
.story__col .quote-block { margin-block: 48px; }
.story__col .quote-block .person { margin-top: 20px; }
.story__col .quote-block .person__role a { color: var(--accent-text); }

/* CTA band actions */
.cta-band__actions { justify-content: flex-end; }
@media (max-width: 1000px) { .cta-band__actions { justify-content: flex-start; } }