/* Ilustração editorial única: substitui os elementos experimentais desenhados em CSS. */
.header{position:sticky;top:0;z-index:100;background:transparent;border:0;box-shadow:none;isolation:isolate}.header::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--paper,#faf7f1);border-bottom:1px solid rgba(6,47,73,.08);box-shadow:0 7px 18px rgba(6,47,73,.04)}
.hero-visual {
  background: #faf7f1 url("hero-lactea-v1.png") center center / contain no-repeat !important;
  min-height: 500px;
}

.hero-visual > * {
  display: none !important;
}

/* As três colunas precisam dividir o espaço que sobra depois dos vãos.
   A versão anterior somava 100% e ainda acrescentava os gaps, vazando à direita. */
.about-grid {
  grid-template-columns: minmax(0, 1.06fr) minmax(235px, .78fr) minmax(285px, 1fr);
  gap: 36px;
}

.about-grid > * { min-width: 0; }
.timeline { padding-left: 24px; }

/* Sem foto aprovada, a seção ganha uma composição editorial em vez de uma silhueta genérica. */
.about-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
  gap: 72px !important;
  align-items: start;
}

.profile { display: none !important; }

.timeline {
  border-left: 0;
  padding: 4px 0 0 !important;
  margin-top: 6px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.timeline li {
  min-height: 132px;
  padding: 22px 18px 18px !important;
  border-top: 2px solid var(--gold);
  background: rgba(255, 253, 250, .76);
}

.timeline li::before { display: none; }
.timeline strong { font-size: 21px; margin-bottom: 8px; }
.timeline span { line-height: 1.45; }

@media (max-width: 960px) {
  .hero-visual { min-height: 440px; }
  .about-grid { grid-template-columns: 1fr !important; gap: 36px !important; }
}

@media (max-width: 570px) {
  .hero-visual { min-height: 330px; }
}