:root{
  --navy:#151B36;
  --ink:#10121F;
  --lavender:#A987C6;
  --ivory:#F4F0EA;
  --lilac:#D8C9DF;
  --hair-ink:rgba(21,27,54,.14);
  --ease:cubic-bezier(.22,.61,.36,1);
  --gutter:clamp(1.5rem,6vw,4.5rem);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--ivory);color:var(--ink);
  font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:300;font-size:16px;line-height:1.85;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
svg{display:block}
.wrap{width:100%;max-width:46rem;margin:0 auto;padding-inline:var(--gutter)}

/* masthead */
.legal-top{border-bottom:1px solid var(--hair-ink);background:var(--ivory)}
.legal-top .wrap{
  max-width:70rem;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding-block:clamp(1.2rem,3vh,1.8rem);
}
.lockup{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.lockup .mark{width:30px}
.lockup .name{font-family:Cinzel,Georgia,serif;font-size:.86rem;letter-spacing:.2em;color:var(--ink)}
.back{
  font-size:.68rem;letter-spacing:.14em;color:rgba(16,18,31,.6);text-decoration:none;
  padding-bottom:3px;border-bottom:1px solid var(--hair-ink);
  transition:color .5s var(--ease),border-color .5s var(--ease);
}
.back:hover{color:var(--ink);border-bottom-color:var(--lavender)}

/* document */
.doc{padding-block:clamp(3.4rem,9vh,6rem)}
.doc h1{
  font-family:Cinzel,Georgia,serif;font-weight:400;
  font-size:clamp(1.6rem,4.4vw,2.3rem);letter-spacing:.07em;line-height:1.35;margin:0;
}
.stamp{
  margin:1.1rem 0 0;font-size:.72rem;letter-spacing:.12em;
  color:rgba(16,18,31,.5);text-transform:uppercase;
}
.lede{
  margin:2rem 0 0;padding-top:1.8rem;border-top:1px solid var(--hair-ink);
  font-size:.95rem;line-height:1.95;color:rgba(16,18,31,.78);
}
.doc h2{
  font-family:Cinzel,Georgia,serif;font-weight:400;
  font-size:1.02rem;letter-spacing:.06em;line-height:1.5;
  margin:clamp(2.4rem,5vh,3.2rem) 0 .9rem;
}
.doc p,.doc li{font-size:.9rem;line-height:1.95;color:rgba(16,18,31,.78)}
.doc p{margin:0 0 1.1rem}
.doc ul{margin:0 0 1.1rem;padding-left:1.1rem}
.doc li{margin-bottom:.55rem}
.doc a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair-ink)}
.doc a:hover{border-bottom-color:var(--lavender)}
.doc strong{font-weight:400;color:var(--ink)}
.fill{
  background:rgba(169,135,198,.16);padding:.05em .35em;border-radius:2px;
  font-style:normal;color:rgba(16,18,31,.72);
}
.contact-block{
  margin-top:clamp(2.4rem,5vh,3.2rem);padding-top:1.6rem;border-top:1px solid var(--hair-ink);
  font-size:.88rem;line-height:2;
}

/* footer */
.legal-foot{
  background:var(--ink);color:var(--lilac);
  padding-block:clamp(2.2rem,5vh,3rem);
}
.legal-foot .wrap{
  max-width:70rem;display:flex;flex-wrap:wrap;gap:.9rem 2rem;
  align-items:center;justify-content:space-between;
  font-size:.68rem;letter-spacing:.08em;opacity:.5;
}
.legal-foot a{color:var(--lilac);text-decoration:none;border-bottom:1px solid transparent}
.legal-foot a:hover{border-bottom-color:var(--lavender)}
.legal-foot nav{display:flex;flex-wrap:wrap;gap:1.6rem}

:focus-visible{outline:1px solid rgba(169,135,198,.85);outline-offset:4px}
@media (max-width:600px){body{font-size:15px}}