@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
/* Somente a seção indicada: banner editorial roxo, inspirado na referência. */
#historia.story.section {
  --story-banner-text: #fff;
  --story-banner-muted: #ddd2f5;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 76px var(--page-gutter) 72px;
  text-align: center;
  color: var(--story-banner-text);
  background:
    linear-gradient(
      to bottom,
      #030205 0%,
      #030205b3 14%,
      transparent 38%,
      transparent 58%,
      #0f0f0fb3 84%,
      #0f0f0f 100%
    ),
    radial-gradient(ellipse at 55% 5%, #100921b3 0%, transparent 62%),
    radial-gradient(
      ellipse at 4% 110%,
      #432091 0%,
      #30176c70 33%,
      transparent 61%
    ),
    radial-gradient(
      ellipse at 105% -10%,
      #5b2cc5a3 0%,
      #3d188b38 33%,
      transparent 60%
    ),
    linear-gradient(112deg, #231044 0%, #120a27 52%, #1b0e38 100%);
}
#historia.story.section .section-kicker,
#historia.story.section .journey {
  display: none;
}
#historia.story.section h2 {
  font-family: "Inter", sans-serif;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 46px;
  font-weight: 400;
  letter-spacing: -2px;
  line-height: 1.08;
  color: var(--story-banner-text);
  text-wrap: balance;
}
#historia.story.section h2 > span {
  color: inherit;
}
#historia.story.section .story-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  max-width: 690px;
  margin: 27px auto 0;
}
#historia.story.section .story-bottom p {
  max-width: 660px;
  margin: 0;
  color: var(--story-banner-muted);
  font-size: 15px;
  line-height: 1.65;
  text-wrap: pretty;
}
#historia.story.section .story-bottom p:first-child {
  max-width: 610px;
  font-size: 16px;
  line-height: 1.5;
  color: #f0e8ff;
}
@media (max-width: 760px) {
  #historia.story.section {
    padding: 58px 24px 54px;
  }
  #historia.story.section .story-bottom {
    margin-top: 23px;
    gap: 14px;
  }
  #historia.story.section .story-bottom p:first-child {
    font-size: 14px;
  }
  #historia.story.section .story-bottom p {
    font-size: 14px;
    line-height: 1.7;
  }
}
@media print {
  #historia.story.section {
    background: white !important;
    color: #1b2538 !important;
  }
  #historia.story.section h2,
  #historia.story.section .story-bottom p {
    color: #1b2538 !important;
  }
}