:root{
  --ink:#000;
  --red:#fe4a52;
  --paper:#fff;
  --muted:#9a9a9a;
  --hair:#e4e4e4;
  --track:.34em;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"Jost",Avenir,"Avenir Next",system-ui,sans-serif;
  font-weight:300;-webkit-font-smoothing:antialiased;line-height:1.65;
}
body{overflow-x:hidden}
.wrap{max-width:44rem;margin:0 auto;padding:clamp(3rem,9vh,6rem) clamp(1.25rem,5vw,2rem) 6rem}

.back{
  display:inline-block;margin:0 0 clamp(2.5rem,6vh,4rem);
  font-size:.64rem;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;
}
.back:hover{color:var(--red)}

h1{
  font-size:clamp(1.5rem,5vw,2.2rem);font-weight:300;margin:0 0 2.5rem;
  letter-spacing:var(--track);text-indent:var(--track);
}
h2{
  font-size:.68rem;letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;
  font-weight:400;color:var(--muted);margin:2.8rem 0 .9rem;
}
p,li{font-size:.92rem;margin:0 0 1rem}
ul{padding-left:1.1rem;margin:0 0 1rem}
li{margin-bottom:.4rem}
a{color:var(--ink)}
a:hover{color:var(--red)}
address{font-style:normal;margin:0 0 1rem}

/* unfilled legal details — must be replaced before going live */
.todo{
  color:var(--red);border-bottom:1px dotted var(--red);
  font-style:normal;overflow-wrap:anywhere;
}
.notice{
  border:1px solid var(--red);padding:1rem 1.15rem;margin:0 0 2.5rem;
  font-size:.82rem;color:var(--red);
}

footer{
  margin-top:5rem;padding-top:2rem;border-top:1px solid var(--hair);
  display:flex;gap:1.5rem;flex-wrap:wrap;
  font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;
}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--red)}