/* Nosotros (Halo). Tipografía editorial: Newsreader para el párrafo de entrada, columna de lectura de ~62 caracteres y la fachada en arco al lado.
   Fachada: el cuerpo central del edificio (el edificio con su torre no cabe en un arco vertical) en un arco apaisado de 6:5; encuadre medido con
   _herramientas/v2-encuadre.mjs + v2-encuadre-nosotros.json (centro 55,6 % de la foto → object-position 63,5 %). */
.nos { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.5rem 5rem; align-items: start; }
.nos > * { min-width: 0; }
.nos__texto { max-width: 40rem; --sep: 1.5rem; }
.nos__lead { font-family: var(--f-titulo); font-weight: 300; font-size: clamp(1.7rem, 1.2rem + 2vw, 2.5rem); line-height: 1.22; letter-spacing: -.012em; color: var(--marfil); text-wrap: balance; max-width: 22em; margin-top: 1.75rem; }
.nos__cuerpo { --sep: 1.15rem; margin-top: 2rem; padding-top: 1.75rem; border-top: 1px solid rgba(226, 201, 143, .28); }
.nos__cuerpo p { font-size: clamp(1.08rem, 1rem + .3vw, 1.2rem); line-height: 1.7; color: var(--texto-suave); max-width: 38rem; }
.nos__botones { margin-top: 2.5rem; gap: 1rem; }
.nos__lado { position: relative; display: grid; justify-items: center; }
.nos__anillos { --anillos-d: min(34rem, 120vw); left: 50%; top: 50%; z-index: 0; }
.nos__foto { position: relative; z-index: 1; width: 100%; max-width: 26rem; }
.nos__foto .arco { --arco-ratio: 6 / 5; }
.nos__foto .arco__img { object-position: 63.5% 50%; }
@media (min-width: 900px) {
  .nos { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  .nos__lado { padding-top: .5rem; }
  .nos__foto { max-width: 28rem; }
}