/* Legal pages — brand styling */
:root{
  --bg:#160609; --bg1:#230a10; --bg2:#2d0e16;
  --ink:#f4ece8; --ink2:#cbb0b4; --ink3:#9c7b80;
  --line:#3a1620; --line2:#4d212d;
  --r:#a3253a; --rhi:#c0303f; --rdk:#741826;
  --silver:#cfc7c2; --silverhi:#e8e2dd;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{background:var(--bg);color:var(--ink);font-family:"Manrope",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:url("noise.png") repeat;background-size:512px 512px;opacity:.4;}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 1200px 800px at 50% 0%, rgba(110,32,46,.12), transparent 60%);}
a{color:var(--rhi);text-decoration:none;border-bottom:1px solid var(--rdk);transition:color .15s;}
a:hover{color:var(--silverhi);}

.nav{padding:18px 0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:200;background:rgba(22,6,9,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.w{max-width:880px;margin:0 auto;padding:0 32px;}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.logo{display:flex;align-items:center;gap:12px;border:none;}
.logo:hover{color:var(--ink);}
.logo img{height:42px;width:auto;}
.logo-word{font-family:"Cormorant Garamond",serif;font-size:20px;color:var(--ink);line-height:1.1;}
.logo-word em{font-style:italic;color:var(--silverhi);}
.nav-links{display:flex;gap:20px;}
.nav-links a{font-size:13px;color:var(--ink3);border:none;letter-spacing:.04em;}
.nav-links a:hover{color:var(--rhi);}
.btn{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;font-size:13px;font-weight:600;font-family:"Manrope",sans-serif;letter-spacing:.01em;border:1px solid transparent;background:linear-gradient(180deg,#e9e3de,#bdb5b0);color:#2a0d14;border-color:#cfc7c2;}
.btn:hover{background:linear-gradient(180deg,#f3eeea,#cbc4bf);color:#2a0d14;}
.btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;}

main.legal{padding:60px 0 100px;}
.legal-meta{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--rdk);margin-bottom:20px;font-weight:600;}
.legal h1{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:46px;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin-bottom:32px;}
.legal h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:28px;line-height:1.25;color:var(--ink);margin:48px 0 18px;padding-top:24px;border-top:1px solid var(--line);}
.legal h2:first-of-type{padding-top:0;border-top:0;}
.legal h3{font-family:"Cormorant Garamond",serif;font-weight:500;font-style:italic;font-size:22px;color:var(--silverhi);margin:32px 0 14px;}
.legal p{font-size:15px;color:var(--ink2);margin-bottom:14px;}
.legal p strong{color:var(--ink);font-weight:600;}
.legal ul{list-style:none;margin:14px 0 18px;padding:0;}
.legal li{font-size:15px;color:var(--ink2);padding-left:22px;position:relative;margin-bottom:9px;line-height:1.65;}
.legal li::before{content:"—";position:absolute;left:0;color:var(--rhi);font-family:"Cormorant Garamond",serif;}
.legal li strong{color:var(--ink);font-weight:600;}
.legal hr{border:0;border-top:1px solid var(--line);margin:36px 0;}
.legal code{background:var(--bg1);padding:2px 8px;border-radius:4px;font-size:13px;color:var(--silverhi);font-family:ui-monospace,monospace;border:1px solid var(--line);}

.back-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink3);border:none;margin-bottom:24px;}
.back-link:hover{color:var(--rhi);}
.back-link::before{content:"←";}

footer{background:#0a0805;border-top:1px solid #1e1a14;padding:36px 0;margin-top:60px;}
.ft-bot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#4a4035;gap:16px;flex-wrap:wrap;}
.ft-bot a{border:none;color:#6a5040;}
.ft-bot a:hover{color:var(--rhi);}

@media(max-width:720px){
  .w{padding:0 20px;}
  .legal h1{font-size:32px;}
  .legal h2{font-size:22px;}
  .legal h3{font-size:18px;}
  .legal p, .legal li{font-size:14px;}
  .nav-links{display:none;}
  main.legal{padding:32px 0 60px;}
}
