@import url('/marketing.css');
.legal { max-width:760px; padding:5rem 0; }
.legal h1 { font:clamp(2.7rem,6vw,4.3rem)/1 var(--serif); letter-spacing:-.05em; margin:.2em 0 .6em; }
.legal h2 { margin-top:2rem; font-size:1.6rem; }
.legal p,.legal li { color:var(--muted); }
.legal a { color:var(--brass-bright); }
.legal ul { padding-left:1.2rem; }
.legal-preferences-button { appearance:none; border:0; padding:0; background:transparent; color:var(--brass-bright); font:inherit; text-decoration:underline; cursor:pointer; }
.legal-header-actions { display:flex; align-items:center; gap:1rem; margin-left:auto; }
.legal-home-link { color:var(--muted); font-size:.88rem; text-decoration:none; }
.legal-home-link:hover { color:var(--brass-bright); }

@media (max-width:760px) {
  .header-inner { gap:1rem; }
  .brand img { width:190px; height:auto; }
  .legal-header-actions { gap:.6rem; }
  .login-link { padding:.5rem .65rem; }
}