@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Karla:wght@300;400;500;600&display=swap');
:root{
  --cream:#f5f0e6; --cream-2:#ede7d8; --ink:#1f1a14;
  --ink-60:rgba(31,26,20,.62); --ink-40:rgba(31,26,20,.4);
  --ink-15:rgba(31,26,20,.14); --ink-08:rgba(31,26,20,.08);
  --green:#60694d; --clay:#7a5a3a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:'Karla',sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.serif{font-family:'EB Garamond',serif}
a{color:inherit}

nav.top{display:flex;align-items:center;justify-content:space-between;padding:22px 56px;border-bottom:1px solid var(--ink-15);position:sticky;top:0;background:var(--cream);z-index:50}
nav.top .home{display:flex;align-items:center;gap:14px;text-decoration:none}
nav.top .home img{height:38px;width:auto;display:block}
nav.top .back{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60);text-decoration:none;transition:color .15s}
nav.top .back:hover{color:var(--green)}

.legal-hero{padding:80px 56px 40px;border-bottom:1px solid var(--ink-15)}
.legal-hero .eyebrow{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:18px}
.legal-hero h1{font-family:'EB Garamond',serif;font-weight:400;font-size:72px;line-height:1;letter-spacing:-0.02em;color:var(--green)}
.legal-hero .sub{font-family:'EB Garamond',serif;font-style:italic;font-size:20px;color:var(--ink-60);margin-top:18px;max-width:680px}

main.legal{max-width:820px;margin:0 auto;padding:64px 56px 96px}
main.legal h2{font-family:'EB Garamond',serif;font-weight:500;font-size:32px;line-height:1.1;letter-spacing:-0.015em;color:var(--green);margin:48px 0 14px}
main.legal h2:first-child{margin-top:0}
main.legal h3{font-family:'EB Garamond',serif;font-weight:500;font-size:22px;color:var(--ink);margin:28px 0 8px}
main.legal p{margin-bottom:16px;color:var(--ink)}
main.legal ul{list-style:none;margin:0 0 20px}
main.legal ul li{padding:8px 0 8px 24px;border-bottom:1px solid var(--ink-08);position:relative}
main.legal ul li:last-child{border-bottom:0}
main.legal ul li::before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;background:var(--clay);border-radius:50%}
main.legal a{color:var(--green);text-decoration:underline;text-underline-offset:2px;word-break:break-word}
main.legal .datasheet{background:rgba(255,253,247,.6);border:1px solid var(--ink-15);border-radius:2px;padding:28px 32px;margin:8px 0 24px}
main.legal .datasheet .row{display:grid;grid-template-columns:200px 1fr;gap:14px;padding:9px 0;border-bottom:1px dotted var(--ink-15)}
main.legal .datasheet .row:last-child{border-bottom:0}
main.legal .datasheet .k{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60)}
main.legal .datasheet .v{font-family:'EB Garamond',serif;font-size:19px;color:var(--ink)}
main.legal .updated{margin-top:48px;padding-top:20px;border-top:1px solid var(--ink-15);font-family:'EB Garamond',serif;font-style:italic;color:var(--ink-40);font-size:15px}

footer.legal-foot{padding:40px 56px;border-top:1px solid var(--ink-15);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;letter-spacing:.06em;color:var(--ink-40);text-transform:uppercase}
footer.legal-foot a{color:var(--ink-60);text-decoration:none}
footer.legal-foot a:hover{color:var(--green)}
footer.legal-foot .links{display:flex;gap:24px}

@media (max-width:768px){
  nav.top{padding:18px 24px}
  .legal-hero{padding:48px 24px 32px}
  .legal-hero h1{font-size:48px}
  main.legal{padding:40px 24px 64px}
  main.legal h2{font-size:26px}
  main.legal .datasheet{padding:20px}
  main.legal .datasheet .row{grid-template-columns:1fr;gap:2px}
  footer.legal-foot{padding:32px 24px}
}