:root{
  --sand: #fff8ed;
  --cream: #fde9d8;
  --coral: #F16773;
  --coral-deep: #c84856;
  --ink: #2a0e10;
  --ink-soft: #5a3036;
  --ink-mute: #8a4d52;
  --maroon: #3d1115;
  --line: rgba(42,14,16,0.10);
  --line-2: rgba(42,14,16,0.18);
  --display: "owners-xnarrow","Owners XNarrow","Anton","Oswald","Arial Narrow",sans-serif;
  --body: "Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{ box-sizing: border-box; }
html,body{ margin:0; padding:0; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  font-family: var(--body);
  color: var(--ink);
  background: var(--sand);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a{ color: var(--coral-deep); text-decoration: underline; text-underline-offset: 2px; }
a:hover{ color: var(--coral); }
img{ display:block; max-width:100%; }

.legal-nav{
  position: sticky; top: 0;
  background: rgba(255,248,237,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
  padding: 14px clamp(20px,5vw,56px);
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px;
  z-index: 10;
}
.legal-nav .logo img{ height: 22px; width:auto; }
.legal-nav .back{
  font-size: 11px; letter-spacing:.16em; text-transform: uppercase;
  font-weight: 700; text-decoration: none; color: var(--ink-soft);
  white-space: nowrap;
}
.legal-nav .back:hover{ color: var(--coral); }

.legal-wrap{
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(36px,6vh,72px) clamp(20px,5vw,40px) 72px;
}
.legal-kicker{
  font-size: 11px; letter-spacing:.28em; text-transform: uppercase;
  color: var(--coral); font-weight: 700; margin-bottom: 12px;
}
h1.legal-title{
  font-family: var(--display); font-weight: 700;
  font-size: clamp(30px,5vw,54px); line-height: 1.02;
  text-transform: uppercase; color: var(--maroon);
  margin: 0 0 10px; letter-spacing:.005em;
}
.legal-updated{
  font-size: 13px; color: var(--ink-mute); margin: 0 0 8px;
}
.legal-intro{
  font-size: 15px; color: var(--ink-soft); margin: 24px 0 8px;
}
.legal-wrap h2{
  font-family: var(--display); font-weight: 700;
  font-size: clamp(19px,2.6vw,26px); text-transform: uppercase;
  color: var(--maroon); margin: 42px 0 12px; letter-spacing:.01em;
  scroll-margin-top: 80px;
}
.legal-wrap h3{
  font-size: 16px; font-weight: 700; color: var(--ink);
  margin: 24px 0 6px;
}
.legal-wrap p, .legal-wrap li{
  font-size: 15px; color: var(--ink-soft);
}
.legal-wrap ul, .legal-wrap ol{ padding-left: 22px; margin: 10px 0; }
.legal-wrap li{ margin-bottom: 7px; }
.legal-wrap strong{ color: var(--ink); font-weight: 700; }

.legal-table{
  width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 14px;
}
.legal-table th, .legal-table td{
  border: 1px solid var(--line-2); padding: 10px 12px; text-align: left;
  vertical-align: top; color: var(--ink-soft);
}
.legal-table th{ background: var(--cream); color: var(--maroon); font-weight:700; }

.legal-note{
  background: var(--cream); border-left: 3px solid var(--coral);
  padding: 14px 18px; border-radius: 10px; margin: 22px 0;
  font-size: 14px; color: var(--ink-soft);
}
.legal-contact{
  background: rgba(241,103,115,0.06);
  border: 1px solid var(--line-2);
  border-radius: 14px;
  padding: 20px 24px; margin: 28px 0;
}
.legal-contact p{ margin: 4px 0; }

.legal-foot{
  border-top: 1px solid var(--line);
  padding: 28px clamp(20px,5vw,56px) 40px;
  text-align: center; font-size: 12px; color: var(--ink-mute);
  letter-spacing:.05em;
}
.legal-foot a{ color: var(--ink-mute); margin: 0 8px; }
.legal-foot a:hover{ color: var(--coral); }