:root{
  --bg:#F5EFE9;
  --bg-soft:#EAD9D2;
  --cipria:#C2A891;
  --rosa:#D28FAD;
  --moka:#5E4038;
  --moka-soft:#9C6F66;
  --line:rgba(94,64,56,0.16);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--moka);background:var(--bg);font-weight:400;line-height:1.75}
a{color:var(--moka-soft);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 28px}

/* HEADER */
.legal-head{background:var(--bg);color:var(--moka);padding:80px 0 38px;text-align:center;border-bottom:1px solid var(--line)}
.legal-head .brand{font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:.5px;color:var(--moka)}
.legal-head .brand small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.35em;text-transform:uppercase;font-weight:500;color:var(--cipria);margin-top:4px}
.legal-head h1{font-family:var(--serif);font-weight:500;font-size:clamp(30px,5vw,46px);margin-top:24px;color:var(--moka)}
.legal-head .updated{font-size:12px;letter-spacing:.1em;color:var(--cipria);margin-top:12px}

/* BODY */
.legal-body{padding:56px 0 76px}
.legal-body h2{font-family:var(--serif);font-weight:600;font-size:27px;color:var(--moka);margin:38px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.legal-body h3{font-family:var(--sans);font-weight:600;font-size:15px;color:var(--moka-soft);margin:24px 0 8px;letter-spacing:.02em}
.legal-body p{margin:12px 0;color:var(--moka);font-size:15.5px}
.legal-body ul{margin:12px 0 12px 22px;color:var(--moka);font-size:15.5px}
.legal-body li{margin:7px 0}
.legal-body strong{color:var(--moka);font-weight:600}
.legal-body .intro{font-size:16.5px}
.box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 26px;margin:22px 0}
.box p{margin:6px 0}

/* FOOTER */
.legal-foot{background:var(--moka);color:rgba(245,239,233,.72);padding:40px 0;text-align:center;font-size:13px}
.legal-foot a{color:var(--cipria)}
.legal-foot .links{margin-bottom:16px;display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.legal-foot .links a{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:rgba(245,239,233,.85)}
.back{display:inline-block;margin-top:8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--moka-soft)}

@media(max-width:600px){
  .legal-head{padding:64px 0 40px}
  .legal-body{padding:42px 0 56px}
}