/* Legal pages: same tokens as the storefront (paper, ink, orange; Space Grotesk titles, DM Sans text). */
.legal-hero{padding:88px 0 72px;border-bottom:1px solid var(--ink)}
.legal-hero h1{font-family:var(--display);font-weight:700;font-size:clamp(44px,6.2vw,92px);line-height:.99;letter-spacing:-.065em;margin:0 0 32px;max-width:15ch}
.legal-hero .lede{font-family:var(--body);font-size:clamp(19px,1.7vw,23px);line-height:1.55;font-weight:400;margin:0;max-width:46ch;color:var(--ink)}
.legal-rows{padding-bottom:104px}
.legal-row{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);column-gap:64px;padding:44px 0;border-bottom:1px solid var(--line)}
.legal-row h2{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.15;letter-spacing:-.035em;margin:0}
.legal-body p{font-family:var(--body);font-size:18px;line-height:1.7;font-weight:400;margin:0 0 18px;max-width:62ch}
.legal-body p:last-child{margin-bottom:0}
.legal-body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:4px}
.legal-body a:hover{color:var(--orange)}
.legal-page a:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:2px}
.legal-page .main-nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--orange)}
.legal-page .footer{border-top:1px solid var(--ink)}
.legal-links{display:flex;gap:18px;flex-wrap:wrap}.legal-links a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){
  .legal-hero{padding:56px 0 48px}
  .legal-row{grid-template-columns:1fr;row-gap:14px;padding:32px 0}
  .legal-body p{font-size:17px}
}