/* Sobre Legalizalia. Page-scoped editorial layout; header and global navigation stay untouched. */

body.page-sobre .lz-about-page {
  background: var(--lz-paper);
}

body.page-sobre .lz-about-hero {
  padding-block: clamp(54px, 7vw, 92px) clamp(76px, 9vw, 118px);
}

body.page-sobre .lz-about-hero__grid {
  max-width: 1180px;
  display: grid;
  grid-template-columns: minmax(320px, 0.86fr) minmax(0, 1.14fr);
  gap: clamp(52px, 7vw, 96px);
  align-items: start;
}

body.page-sobre .lz-about-portrait {
  position: relative;
  margin: 0;
}

body.page-sobre .lz-about-portrait img {
  width: 100%;
  aspect-ratio: 0.71;
  object-fit: cover;
  object-position: 50% 46%;
  filter: saturate(0.88) contrast(1.01);
}

body.page-sobre .lz-about-portrait figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
  padding: 13px 28px 12px 0;
  background: var(--lz-paper);
  color: var(--lz-stone-400);
  font-family: var(--font-mono);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

body.page-sobre .lz-about-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 22px;
  color: var(--lz-stone-400);
  font-family: var(--font-mono);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

body.page-sobre .lz-about-eyebrow::before {
  content: "";
  width: 24px;
  height: 1px;
  background: currentColor;
  flex: 0 0 auto;
}

body.page-sobre .lz-about-title,
body.page-sobre .lz-about-text-head h2 {
  margin: 0;
  color: var(--lz-ink);
  font-family: var(--font-display);
  font-weight: var(--fw-light);
  letter-spacing: 0;
  text-wrap: balance;
}

body.page-sobre .lz-about-title {
  max-width: 14ch;
  font-size: clamp(46px, 5vw, 68px);
  line-height: 1.02;
}

body.page-sobre .lz-about-title em,
body.page-sobre .lz-about-text-head h2 em {
  font-style: italic;
  font-weight: var(--fw-bold);
}

body.page-sobre .lz-about-copy {
  max-width: 61ch;
  margin-top: clamp(32px, 4vw, 44px);
}

body.page-sobre .lz-about-copy p,
body.page-sobre .lz-about-prose p {
  margin: 0;
  color: var(--lz-ink-soft);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.78;
}

body.page-sobre .lz-about-copy p + p,
body.page-sobre .lz-about-prose p + p {
  margin-top: 24px;
}

body.page-sobre .lz-about-copy strong {
  color: var(--lz-ink);
  font-weight: var(--fw-medium);
}

body.page-sobre .lz-about-signature {
  margin-top: clamp(38px, 5vw, 54px);
  padding-top: 24px;
  border-top: 1px solid var(--lz-stone-100);
  display: grid;
  grid-template-columns: minmax(88px, auto) minmax(0, 1fr) minmax(120px, auto);
  gap: clamp(24px, 4vw, 58px);
  align-items: center;
}

body.page-sobre .lz-about-signature__label,
body.page-sobre .lz-about-signature__name small {
  color: var(--lz-stone-400);
  font-family: var(--font-mono);
  font-size: 10px;
  line-height: 1.7;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

body.page-sobre .lz-about-signature__name span {
  display: block;
  margin-bottom: 8px;
  color: var(--lz-ink);
  font-family: var(--font-display);
  font-size: 27px;
  font-style: italic;
  line-height: 1;
}

body.page-sobre .lz-about-signature img {
  width: min(150px, 18vw);
  justify-self: end;
  mix-blend-mode: multiply;
}

body.page-sobre .lz-about-editorial {
  padding-block: clamp(86px, 10vw, 132px);
  border-top: 1px solid var(--lz-stone-100);
  background: var(--lz-paper);
}

body.page-sobre .lz-about-editorial--last {
  background: var(--lz-paper-warm);
}

body.page-sobre .lz-about-text-grid {
  max-width: 1120px;
  display: grid;
  grid-template-columns: minmax(280px, 0.84fr) minmax(0, 1.16fr);
  gap: clamp(46px, 7vw, 92px);
  align-items: start;
}

body.page-sobre .lz-about-text-grid--wide-title {
  grid-template-columns: minmax(320px, 1fr) minmax(0, 1.05fr);
}

body.page-sobre .lz-about-text-head {
  position: sticky;
  top: 112px;
}

body.page-sobre .lz-about-text-head h2 {
  max-width: 14ch;
  font-size: clamp(42px, 4.8vw, 64px);
  line-height: 1.04;
}

body.page-sobre .lz-about-text-grid--wide-title .lz-about-text-head h2 {
  max-width: 12ch;
}

body.page-sobre .lz-about-editorial--last .lz-about-text-head {
  position: static;
}

body.page-sobre .lz-about-heritage-image {
  margin: clamp(34px, 5vw, 52px) 0 0;
}

body.page-sobre .lz-about-heritage-image img {
  width: 100%;
  aspect-ratio: 0.78;
  object-fit: cover;
  object-position: 50% 54%;
  filter: saturate(0.92) contrast(1.02);
}

body.page-sobre .lz-about-heritage-image figcaption {
  margin-top: 14px;
  color: var(--lz-stone-400);
  font-family: var(--font-mono);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

body.page-sobre .lz-about-prose {
  max-width: 66ch;
  padding-top: 7px;
}

body.page-sobre .lz-about-prose p:first-child {
  color: var(--lz-ink);
  font-weight: var(--fw-medium);
}

@media (max-width: 980px) {
  body.page-sobre .lz-about-hero {
    padding-block: 54px 84px;
  }

  body.page-sobre .lz-about-hero__grid,
  body.page-sobre .lz-about-text-grid,
  body.page-sobre .lz-about-text-grid--wide-title {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  body.page-sobre .lz-about-portrait {
    max-width: 520px;
  }

  body.page-sobre .lz-about-text-head {
    position: static;
  }

  body.page-sobre .lz-about-prose {
    max-width: 70ch;
  }
}

@media (max-width: 640px) {
  body.page-sobre .lz-about-title,
  body.page-sobre .lz-about-text-head h2 {
    font-size: clamp(38px, 13vw, 48px);
  }

  body.page-sobre .lz-about-copy p,
  body.page-sobre .lz-about-prose p {
    font-size: 15.5px;
    line-height: 1.72;
  }

  body.page-sobre .lz-about-portrait figcaption {
    position: static;
    transform: none;
    margin-top: 14px;
    padding: 0;
  }

  body.page-sobre .lz-about-signature {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  body.page-sobre .lz-about-signature img {
    width: 132px;
    justify-self: start;
  }
}