/* Páginas legais: mesma estrutura do Estúdio (etiqueta à esquerda, texto à direita). */
.page { position: relative; padding: var(--pad); padding-bottom: calc(var(--pad) * 3 + 14px); min-height: 100svh; }
.doc { margin-top: var(--s8); }
.doc-t { margin: 0; max-width: 24ch; font-stretch: 100%; font-weight: 800; font-size: clamp(26px, 4.4vw, 76px); line-height: 1.02; letter-spacing: -0.015em; text-transform: uppercase; }
.doc-u { margin: var(--s4) 0 0; font-family: var(--mono); font-size: 11px; line-height: 1.4; color: var(--mute); }
.secs { margin-top: clamp(32px, 7vh, 80px); }
.sec { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--s8); padding: var(--s6) 0; border-top: 1px solid var(--ink); }
.sec .k { margin: 0; font-size: 11px; }
.sec-t { max-width: 62ch; }
.sec-t p { margin: 0 0 var(--s4); font-size: 13px; line-height: 1.5; font-weight: 500; }
.sec-t p:last-child { margin-bottom: 0; }
.sec-t strong { font-weight: 800; }
.sec-t a, .draft a { color: inherit; }
.draft { margin: var(--s8) 0 0; font-size: 11px; line-height: 1.4; font-weight: 700; text-transform: uppercase; color: var(--mute); }
@media (max-width: 800px) { .sec { grid-template-columns: minmax(0, 1fr); row-gap: var(--s3); } }

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .sec { position: relative; border-top-color: transparent; }
    .sec::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: var(--ink); transform-origin: left center; animation: sec-draw linear both; animation-timeline: view(); animation-range: entry 5% entry 55%; }
    @keyframes sec-draw { from { transform: scaleX(0); } }
  }
}