/* === Card 'Nossa História' (layout + imagem) === */
.about-story .story-card {padding: 18.0px 28px;}
.about-story .story-card .story-card-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px;
  align-items: stretch;
}
@media (max-width: 992px) {
  .about-story .story-card .story-card-grid { grid-template-columns: 1fr; }
}
.about-story .badge {
  display: inline-block;
  font-size: 12px; letter-spacing: .08em; text-transform: uppercase;
  background: #EEF2FF; color: #251B88;
  border-radius: 999px; padding: 6px 10px; font-weight: 600;
  margin-bottom: 10px;
}
.about-story .title {font-size: 28.0px; margin: 0 0 8px; color: #251B88;}
.about-story .subtitle {font-size: 17.0px; line-height: 1.8; color: #334155;}

/* === Ajuste de proporção/recorte da imagem === */
.about-story .story-image {
  display: grid;
  min-height: 360px;
  max-height: 520px;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 18px 36px rgba(2,6,23,.10);
}
@media (min-width: 1280px) {
  .about-story .story-image { min-height: 420px; max-height: 560px; }
}
@media (max-width: 992px) {
  .about-story .story-image { min-height: 280px; max-height: 420px; }
}
.about-story .story-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 55% center;
  border-radius: 16px;
  display: block;
}
.about-story.section {padding-top: 40.0px; padding-bottom: 40.0px;}

/* === Refinos tipográficos para Nossa História (homogêneo com MVV) === */
.about-story .title {
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .2px;
}
.about-story .story-text { max-width: 62ch; }
.about-story .subtitle p { margin: 0 0 12px; }
.about-story .subtitle { text-wrap: pretty; hyphens: auto; word-break: keep-all; }
@media (min-width: 1200px) {
  .about-story .story-text { padding-right: 8px; }
}