/* ─────────────────────────────────────────────────────────────────────────────
   aboutLongform — «sobre nosotros» largo y legible.
   Un solo fondo, sin cajas ni filetes: la jerarquía la hace el tamaño del texto.
   Rejilla con minmax(0,…) porque la columna izquierda lleva titular (una palabra
   alemana larga fijaría el min-content y descuadraría la rejilla entera).
   ───────────────────────────────────────────────────────────────────────────── */
.g-aboutLongform-grid {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  gap: clamp(34px, 5.2vw, 92px);
  align-items: start;
}

/* la celda del titular se estira a todo el alto: sin recorrido el pegajoso no se
   mueve y la mitad izquierda queda hueca */
.g-aboutLongform-side { align-self: stretch; }
.g-aboutLongform-stick { position: sticky; top: 132px; }

.g-aboutLongform-title {
  font-size: clamp(34px, 4.3vw, 66px);
  /* en cuerpo de titular, `hyphens: auto` parte casi todas las líneas */
  hyphens: manual;
  overflow-wrap: break-word;
}

.g-aboutLongform-body { max-width: 68ch; }

/* primer párrafo: cuerpo mayor, a color pleno (nunca lavado) */
.g-aboutLongform-lede {
  font-size: clamp(19px, 1.45vw, 23px);
  line-height: 1.56;
  color: var(--text);
  text-wrap: pretty;
}
.g-aboutLongform-p {
  font-size: 17px;
  line-height: 1.76;
  color: var(--t2);
  margin-top: 22px;
  text-wrap: pretty;
}
/* con lede y sin él, el primer párrafo nunca arrastra margen de más */
.g-aboutLongform-body > div > .g-aboutLongform-p:first-child { margin-top: 0; }

.g-aboutLongform-sign { margin-top: clamp(30px, 4vh, 48px); }
.g-aboutLongform-sign b {
  display: block;
  font-family: var(--display), sans-serif;
  font-weight: var(--dw);
  letter-spacing: var(--dt);
  font-size: 20px;
  line-height: 1.2;
  color: var(--text);
}
.g-aboutLongform-sign span {
  display: block;
  margin-top: 8px;
  font-size: 11.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--t3);
}

@media (max-width: 900px) {
  .g-aboutLongform-grid { grid-template-columns: 1fr; gap: 26px; }
  .g-aboutLongform-stick { position: static; }
  .g-aboutLongform-title { font-size: clamp(32px, 9vw, 46px); }
  .g-aboutLongform-body { max-width: none; }
  .g-aboutLongform-lede { font-size: 18.5px; line-height: 1.6; }
  .g-aboutLongform-p { font-size: 16.5px; margin-top: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .g-aboutLongform-stick { position: static; }
  .g-aboutLongform-grid .rv { transition: none; }
}