/* Página de detalhes de uma frente de atuação */
.frente-hero {
  position: relative;
  overflow: hidden;
  padding: 96px 0 72px;
  background: var(--ink);
  border-bottom: 1px solid #243244;
}

.frente-hero .shell {
  position: relative;
  z-index: 1;
}

.frente-hero .eyebrow {
  margin: 0 0 24px;
}

.frente-hero h1 {
  font: 700 clamp(44px, 6vw, 82px)/.98 var(--display);
  letter-spacing: -.078em;
  margin: 0;
}

.frente-lead {
  font-size: 16px;
  line-height: 1.7;
  color: #abb8c8;
  max-width: 660px;
  margin: 28px 0 0;
}

.frente-conteudo {
  background: var(--panel);
}

.frente-conteudo .shell {
  position: relative;
}

.frente-symbol {
  position: absolute;
  right: -30px;
  top: -10px;
  font: 500 220px var(--display);
  color: rgba(103, 183, 255, .07);
  pointer-events: none;
  user-select: none;
}

.frente-body {
  max-width: 720px;
}

.frente-body p {
  font-size: 15px;
  line-height: 1.85;
  color: #c8d3df;
  margin: 0 0 20px;
}

.frente-body .button {
  margin-top: 34px;
}

@media (max-width: 850px) {
  .frente-hero {
    padding: 70px 0 56px;
  }

  .frente-symbol {
    display: none;
  }
}