/* ═══════════ 4 · SOBRE (HOME) ═══════════ */
#sobre {
  background: #0c0c0f;
  position: relative;
  overflow: hidden;
}

/* ── Marca d'água com a Logo Voyzer (Seção Sobre) ── */
.bg-watermark-sb {
  position: absolute;
  top: 50%;
  left: 68%;
  transform: translateY(-50%);
  width: clamp(450px, 45vw, 900px);
  height: auto;
  opacity: 0.15;
  filter: drop-shadow(0 0 15px rgba(254, 80, 0, 0.8));
  pointer-events: none;
  z-index: 0;
  user-select: none;
}

.sobre-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(1.25rem, 3vw, 3rem);
  align-items: start;
  position: relative;
  z-index: 1;
}

.sobre-grid:not(:has(.sobre-aside)) .sobre-text,
.sobre-text:only-child {
  grid-column: 1 / -1;
}

.sobre-text {
  position: relative;
  isolation: isolate;
}

.sobre-text > * {
  position: relative;
  z-index: 1;
}

.sobre-text p {
  max-width: 42rem;
  color: var(--white-dim);
  line-height: 1.8;
  margin-top: 1.5rem;
  font-size: 1.03rem;
}

.sobre-text .eyebrow {
  font-size: .72rem;
  letter-spacing: .34em;
  margin: 0 0 1.4rem;
  line-height: 1.2;
  display: inline-block;
}

.sobre-text strong {
  color: var(--white);
  font-weight: 500;
}

.sobre-text .btn-ghost {
  margin-top: 2.4rem;
}

.sobre-aside {
  border-left: 2px solid var(--brand);
  padding: .4rem 0 .4rem 2rem;
  align-self: center;
  position: relative;
  z-index: 1;
}

.mini-quote {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.3rem, 2.4vw, 1.9rem);
  line-height: 1.4;
  color: var(--white);
}

.mini-quote-label {
  display: block;
  margin-top: 1.4rem;
  font-size: .7rem;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--brand);
}

@media (max-width: 960px) {
  .sobre-grid {
    grid-template-columns: 1fr;
  }

  .sobre-aside {
    border-left: none;
    border-top: 2px solid var(--brand);
    padding: 1.6rem 0 0;
  }
}