.legal-page { background: var(--paper); color: var(--ink); }
.legal-hero { padding: clamp(5.5rem, 10vw, 9rem) clamp(1.4rem, 7vw, 8rem) clamp(3.5rem, 7vw, 6.5rem); background: var(--sand); border-bottom: 1px solid var(--line); }
.legal-hero-inner { max-width: 980px; }
.legal-hero h1 { max-width: 850px; margin: .55rem 0 1.25rem; font-family: var(--display); font-size: clamp(4rem, 8vw, 8.2rem); font-weight: 300; line-height: .86; letter-spacing: -.045em; }
.legal-hero h1 em { font-weight: 300; }
.legal-hero .legal-intro { max-width: 720px; margin: 0; color: var(--muted); font-size: clamp(1rem, 1.3vw, 1.18rem); line-height: 1.8; }
.legal-effective { display: inline-block; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .14em; }
.legal-content { display: grid; grid-template-columns: minmax(180px, .5fr) minmax(0, 1.5fr); gap: clamp(2rem, 8vw, 9rem); padding: clamp(4rem, 8vw, 8rem) clamp(1.4rem, 7vw, 8rem); }
.legal-aside { position: sticky; top: 7.5rem; align-self: start; }
.legal-aside p { max-width: 240px; margin: 0 0 1rem; color: var(--muted); font-size: .82rem; line-height: 1.7; }
.legal-aside a { color: var(--ink); font-size: .7rem; text-transform: uppercase; letter-spacing: .13em; text-underline-offset: .35rem; }
.legal-copy { max-width: 800px; }
.legal-copy section { padding: 0 0 3.2rem; margin: 0 0 3.2rem; border-bottom: 1px solid var(--line); }
.legal-copy section:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.legal-copy h2 { margin: 0 0 1.2rem; font-family: var(--display); font-size: clamp(2.25rem, 4vw, 3.7rem); font-weight: 300; line-height: 1; letter-spacing: -.025em; }
.legal-copy h3 { margin: 1.8rem 0 .65rem; font-size: .74rem; font-weight: 500; text-transform: uppercase; letter-spacing: .13em; }
.legal-copy p, .legal-copy li { color: var(--muted); font-size: .96rem; line-height: 1.85; }
.legal-copy p { margin: 0 0 1rem; }
.legal-copy ul { margin: .75rem 0 1rem; padding-left: 1.15rem; }
.legal-copy li + li { margin-top: .55rem; }
.legal-copy a { color: var(--ink); text-underline-offset: .25rem; }
@media (max-width: 760px) {
  .legal-content { grid-template-columns: 1fr; }
  .legal-aside { position: static; padding-bottom: 2rem; border-bottom: 1px solid var(--line); }
}