/* page-legal2.css: privacy & terms pages (study 07 design language, quiet) */

body{
  background:var(--cream);color:var(--teal);
  font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.7;
  overflow-x:hidden;
}
section{padding:clamp(56px,8vh,90px) 0}
.legal-wrap{max-width:760px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}

.legal-kick{
  display:block;font-family:'Teko',sans-serif;font-weight:600;font-size:16px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--rust);margin-bottom:10px;
}
h1.script{
  font-family:'Lobster',cursive;font-size:clamp(38px,5vw,58px);line-height:1.08;
  color:var(--teal);transform:rotate(-1deg);margin-bottom:14px;
}
.legal-intro{color:var(--teal-soft);margin-bottom:10px}
.legal-date{
  font-family:'Teko',sans-serif;font-weight:500;font-size:15px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--teal-soft);display:block;margin-bottom:34px;
}
.legal-wrap h2{
  font-family:'Teko',sans-serif;font-weight:600;font-size:24px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--teal);margin:36px 0 10px;
}
.legal-wrap p{margin-bottom:14px;color:var(--teal-soft)}
.legal-wrap p b{color:var(--teal)}
.legal-wrap ul{margin:0 0 14px 20px;color:var(--teal-soft)}
.legal-wrap li{margin-bottom:8px}
.legal-wrap a{color:var(--rust)}
.legal-foot{
  margin-top:44px;padding-top:22px;border-top:1.5px dashed var(--teal-faint);
  font-size:14px;color:var(--teal-soft);
}