:root{
  --paper:#f4f0e7;--paper-2:#f8f5ee;--ink:#1f211f;--soft:#6e6a62;
  --stone:#d8d2c8;--stone-2:#e8e1d6;--vermilion:#c64a32;
  --serif:"EB Garamond",Georgia,serif;--sans:"Inter",Arial,sans-serif;
  --edge:clamp(22px,5.4vw,88px);--header:76px;
}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif)}
a{color:inherit}
.site-header{
  height:var(--header);display:flex;align-items:center;justify-content:space-between;
  padding:0 var(--edge);border-bottom:1px solid var(--stone);background:rgba(244,240,231,.96)
}
.brand{display:grid;gap:6px;text-decoration:none;line-height:1}
.brand strong{font:600 17px var(--serif)}
.brand span,.back-link,.eyebrow{
  color:var(--vermilion);text-transform:uppercase;font:600 7px/1.45 var(--sans);letter-spacing:.17em
}
.back-link{text-decoration:none}
.shell{width:min(calc(100% - (var(--edge)*2)),980px);margin:auto}
.legal-hero{padding:72px 0 40px;border-bottom:1px solid var(--stone)}
.legal-hero h1{margin:18px 0 12px;font-size:clamp(48px,6vw,78px);line-height:.9;font-weight:500;letter-spacing:-.025em}
.legal-hero p:last-child{max-width:720px;margin:0;color:var(--soft);font-size:18px;line-height:1.4}
.legal-body{padding:52px 0 90px}
.legal-body section{padding:26px 0;border-bottom:1px solid var(--stone-2)}
.legal-body section:first-child{padding-top:0}
.legal-body h2{margin:0 0 14px;font-size:27px;line-height:1.05;font-weight:500}
.legal-body p,.legal-body li{color:var(--soft);font-size:16px;line-height:1.55}
.legal-body p{margin:0}
.legal-body p+p{margin-top:12px}
.legal-body ul{margin:10px 0 0;padding-left:20px}
.legal-body strong{color:var(--ink);font-weight:500}
.legal-meta{margin-top:34px;color:#8a847a;font:500 8px var(--sans);text-transform:uppercase;letter-spacing:.11em}
.footer{
  padding:28px var(--edge);border-top:1px solid var(--stone);
  color:#8a847a;font:400 8px var(--sans);text-transform:uppercase;letter-spacing:.1em
}

.legal-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.legal-footer nav{
  display:flex;
  gap:18px;
  align-items:center;
}
.legal-footer a{
  color:inherit;
  text-decoration:none;
}
.legal-footer a:hover,
.legal-footer a:focus-visible{
  color:var(--vermilion);
  outline:none;
}
@media(max-width:640px){
  .legal-footer{
    display:grid;
    gap:10px;
  }
}