* { box-sizing: border-box; margin:0; padding:0; }
body { font-family:'Inter', sans-serif; background:#DEE3D9; color:#1C1B19; }
a { color:#42563A; }

.logo { font-family:'Archivo Black',sans-serif; font-size:18px; letter-spacing:-0.5px; color:#1C1B19; }
.logo span { color:#42563A; }
header.site { background:#F4F2ED; display:flex; align-items:center; justify-content:space-between; padding:18px 40px; border-bottom:1px solid rgba(28,27,25,.12); position:sticky; top:0; z-index:100; }
a.logo { text-decoration:none; }
header.site nav { display:flex; align-items:center; gap:30px; font-family:'Space Grotesk',sans-serif; font-size:13.5px; font-weight:600; }
header.site nav a { color:#1C1B19; text-decoration:none; opacity:.75; }
header.site nav a:hover { opacity:1; color:#42563A; }

.legalwrap { max-width:760px; margin:0 auto; padding:64px 40px 90px; }
.legalwrap .kicker { display:inline-block; padding:6px 16px; border-radius:100px; font-size:14px; font-weight:700; border:1.5px solid #42563A; color:#42563A; margin-bottom:16px; }
.legalwrap h1 { font-family:'Archivo Black',sans-serif; font-size:clamp(28px,4vw,44px); text-transform:uppercase; letter-spacing:-1px; margin-bottom:10px; }
.legalwrap .updated { font-size:13px; opacity:.6; margin-bottom:36px; }
.legalwrap h2 { font-family:'Space Grotesk',sans-serif; font-size:19px; margin:34px 0 12px; color:#1C1B19; }
.legalwrap p, .legalwrap li { font-size:14.5px; line-height:1.7; opacity:.85; margin-bottom:10px; }
.legalwrap ul { padding-left:20px; margin-bottom:10px; }
.legalwrap .todo { background:#F4E9C9; border:1.5px dashed #A88B2E; border-radius:10px; padding:14px 16px; font-size:13.5px; color:#5A4A12; margin:10px 0 20px; }

.sitefooter { background:#171C15; padding:60px 40px 0; }
.sitefooter .fwrap { max-width:1200px; margin:0 auto; display:flex; gap:50px; flex-wrap:wrap; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.1); }
.sitefooter .fcol { flex:1; min-width:160px; display:flex; flex-direction:column; gap:10px; }
.sitefooter .fbrand { flex:1.6; min-width:240px; }
.sitefooter .fbrand p { font-size:13px; color:#8a877e; line-height:1.6; margin-top:12px; max-width:280px; }
.sitefooter .fcol h4 { font-family:'Space Grotesk',sans-serif; font-size:12px; text-transform:uppercase; letter-spacing:.5px; color:#9CB58E; margin-bottom:6px; }
.sitefooter .fcol a, .sitefooter .fcol span { color:#cfcac2; text-decoration:none; font-size:13.5px; opacity:.85; }
.sitefooter .fcol a:hover { opacity:1; color:#9CB58E; }
.sitefooter .fbottom { max-width:1200px; margin:0 auto; padding:22px 0; font-size:12px; color:#666; text-align:center; }

@media(max-width:820px){
  header.site { flex-direction:column; align-items:flex-start; gap:12px; }
  header.site nav { flex-wrap:wrap; gap:14px; }
}