/* =========================================================
   HISTORIA PAGE — REDESIGN
   ========================================================= */

.page-content--history {
  width: min(var(--content-w), calc(100% - 140px));
  margin: 72px auto 110px;
}

.history-hero {
  margin-bottom: 54px;
  text-align: center;
}

.history-title {
  margin: 0 0 30px;
  color: #1184c3;
  line-height: 1.05;
  letter-spacing: -0.018em;
}

.history-title strong {
  font-weight: 700;
}

.history-intro {
  width: min(520px, 100%);
  margin: 0 auto;
  color: #8b8b8b;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.56;
  text-align: left;
}

.history-intro p {
  margin: 0;
}

.history-intro p + p {
  margin-top: 18px;
}

.history-timeline {
  display: grid;
  gap: 16px;
}

.page-content--history .historia-entry {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 30px;
  align-items: start;
}

.page-content--history .historia-entry__content {
  display: flex;
  flex-direction: column;
}

.historia-entry__rule {
  width: 100%;
  border-top: 1px solid #b7daee;
  margin-bottom: 10px;
}

.page-content--history .historia-year {
  margin: 0 0 16px;
  color: #0b84b7;
  font-size: 3.95rem;
  font-weight: 700;
  line-height: 0.9;
  text-align: center;
  width: auto;
}

.page-content--history .historia-text {
  color: #757575;
  font-size: 0.96rem;
  line-height: 1.55;
  font-weight: 300;
}

.page-content--history .historia-entry--stacked .historia-text {
  font-size: 0.92rem;
  line-height: 1.5;
}

.page-content--history .historia-entry--stacked {
  align-items: stretch;
}

.page-content--history .historia-text p {
  margin: 0;
}

.page-content--history .historia-text p + p {
  margin-top: 11px;
}

.page-content--history .historia-entry__images {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 14px;
  height: auto;
}

.page-content--history .historia-entry--stacked .historia-entry__images {
  height: 100%;
}

.historia-entry__media {
  margin: 0;
}

.historia-entry__image,
.historia-entry__media img {
  width: 100%;
  aspect-ratio: 1 / 0.78;
  display: block;
  object-fit: cover;
  background: #8b8b8b;
}

.page-content--history .historia-entry--stacked .historia-entry__image {
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
}

.page-content--history .historia-divider {
  border: 0;
  border-top: 1px solid #d4dce6;
  width: 100%;
  margin: 0;
}