/* Imprint / Privacy pages: same tokens and type as index.html, reduced to what a text page needs */
:root{
  --bg:#070809;
  --line:rgba(255,255,255,.07);
  --ink:#F5F6F7;
  --ink-2:#A8AEB6;
  --ink-3:#71777E;
  --gold:#E1C28C;
  --maxw:1200px;
  --serif:"Fraunces",Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--gold);color:#000}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.container{max-width:var(--maxw);margin:0 auto;padding:0 32px;position:relative}

header{border-bottom:1px solid var(--line)}
header nav{height:80px;display:flex;align-items:center;justify-content:space-between}
.brand-logo{height:40px;width:auto}
.back{font-size:14px;color:var(--ink-2);transition:color .25s}
.back:hover{color:var(--gold)}

.legal{max-width:760px;padding:72px 0 88px}
.legal h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,5vw,52px);line-height:1.1;letter-spacing:-.01em;margin-bottom:12px}
.legal .lead{color:var(--ink-3);font-size:14px;margin-bottom:44px}
.legal h2{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2;letter-spacing:-.01em;margin:40px 0 12px}
.legal p,.legal li{font-size:15.5px;color:var(--ink-2);line-height:1.72}
.legal p+p{margin-top:12px}
.legal ul{margin:10px 0 0 20px}
.legal li+li{margin-top:6px}
.legal a{color:var(--gold);border-bottom:1px solid rgba(225,194,140,.35)}
.legal a:hover{border-bottom-color:var(--gold)}
.legal strong{color:var(--ink);font-weight:600}

footer{border-top:1px solid var(--line)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding:28px 0 38px;font-size:13px;color:var(--ink-3);flex-wrap:wrap;gap:14px}
.foot-bottom a{transition:color .25s}
.foot-bottom a:hover{color:var(--gold)}

@media(max-width:640px){
  .container{padding:0 20px}
  .brand-logo{height:34px}
  .legal{padding:48px 0 64px}
}