.legal-intro{padding-top:clamp(150px,22vh,220px);padding-bottom:64px;background:linear-gradient(115deg,var(--bg),var(--bg-grad))}
.legal-intro h1{font-size:clamp(2.4rem,6vw,5.4rem);overflow-wrap:anywhere;max-width:1100px}
.legal-intro .eyebrow{font:500 .7rem var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:24px}
.legal-date{margin-top:24px;color:var(--muted);font:400 .75rem var(--mono)}
.legal-body{max-width:1000px;margin:0 auto;padding:24px clamp(20px,4vw,56px) 100px}
.legal-section{padding:40px 0;border-bottom:1px solid var(--line-2)}
.legal-section h2{font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1.35;margin-bottom:24px;max-width:760px}
.legal-section p{max-width:760px;font-size:1rem;line-height:1.8;margin:0 0 16px;color:var(--muted);overflow-wrap:anywhere}
.legal-section p:last-child{margin-bottom:0}
.legal-section strong{color:var(--txt);font-weight:500}
.legal-section a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
@media(min-width:1061px) and (max-width:1400px){body:has(#legal-page) .brand .sub{display:none}body:has(#legal-page) .nav-links{gap:14px}}