*{margin:0;padding:0;box-sizing:border-box;}
body.legal{
  background:var(--forge-black);color:var(--parchment);
  font-family:var(--font-body);font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
  display:block;padding:0;align-items:initial;min-height:100vh;
}
a{color:var(--copper-bright);}

.legal-mast{border-bottom:1px solid var(--forge-line);
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:14px clamp(20px,5vw,40px);
  max-width:820px;margin:0 auto;}
.legal-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;}
.legal-logo .nm{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:-.02em;}
.legal-logo .nm b{color:var(--copper-bright);}
.legal-back{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;
  text-decoration:none;white-space:nowrap;}
.legal-back:hover{text-decoration:underline;}

.legal{max-width:720px;margin:0 auto;padding:clamp(34px,6vw,58px) clamp(20px,5vw,40px) 60px;}
.legal .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--copper);display:inline-flex;align-items:center;gap:11px;}
.legal .eyebrow::before{content:"";width:24px;height:1px;background:currentColor;}
.legal h1{font-family:var(--font-display);font-weight:800;
  font-size:clamp(28px,4.6vw,40px);letter-spacing:-.03em;line-height:1.06;
  margin:16px 0 14px;}
.legal .lede{color:var(--parchment-dim);font-size:18px;max-width:52ch;}
.legal .updated{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--parchment-faint);margin-top:16px;}

/* The address, given the weight of the thing people came for. */
.contact-card{margin-top:28px;background:var(--forge-char);
  border:1px solid var(--forge-line);border-radius:14px;padding:20px 22px;}
.contact-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--parchment-faint);margin-bottom:9px;}
.contact-value{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.contact-value a{font-family:var(--font-mono);font-size:clamp(15px,2.4vw,18px);
  color:var(--copper-bright);text-decoration:none;word-break:break-all;}
.contact-value a:hover{text-decoration:underline;}
.contact-value .copy{width:28px;height:28px;flex:none;}

.legal section{margin-top:clamp(30px,4vw,44px);padding-top:clamp(26px,3vw,34px);
  border-top:1px solid var(--forge-line);}

/* Ember, the colour used for irreversible things elsewhere in the product.
   This section is about the one mistake that can't be undone. */
.legal .warn-section{border-top-color:rgba(232,107,58,.3);}
.legal .warn-section h2{color:var(--copper-bright);}
.legal .warn-section li::before{background:var(--ember);}
.legal h2{font-family:var(--font-display);font-weight:700;
  font-size:clamp(19px,2.6vw,23px);letter-spacing:-.02em;margin-bottom:14px;}
.legal p{color:var(--parchment-dim);max-width:64ch;}
.legal p + p{margin-top:13px;}
.legal strong{color:var(--parchment);font-weight:600;}

.legal ul{margin:13px 0 0;padding-left:0;list-style:none;max-width:64ch;}
.legal li{color:var(--parchment-dim);padding-left:20px;position:relative;margin-bottom:9px;}
.legal li::before{content:"";position:absolute;left:2px;top:12px;
  width:6px;height:1px;background:var(--copper);}

.legal-nav{margin-top:clamp(34px,5vw,50px);padding-top:24px;
  border-top:1px solid var(--forge-line);font-family:var(--font-mono);font-size:13px;
  display:flex;gap:24px;flex-wrap:wrap;}
.legal-nav a{text-decoration:none;}
.legal-nav a:hover{text-decoration:underline;}

.legal-foot{border-top:1px solid var(--forge-line);max-width:720px;margin:0 auto;
  padding:26px clamp(20px,5vw,40px) 40px;display:flex;justify-content:space-between;
  gap:18px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11.5px;
  color:var(--parchment-faint);}
.legal-foot a{color:var(--parchment-dim);text-decoration:none;}
.legal-foot a:hover{color:var(--copper-bright);}
.legal-foot-links{display:flex;gap:16px;flex-wrap:wrap;}

:focus-visible{outline:2px solid var(--copper-bright);outline-offset:3px;border-radius:3px;}
