/* thereelthing.studio — Legal-/Textseiten (Impressum, Datenschutz, AGB) */
@font-face{font-family:'Schibsted Grotesk';src:url('../../fonts/schibsted-grotesk-var.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Space Mono';src:url('../../fonts/space-mono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--trt-bg);color:var(--trt-text);font-family:var(--trt-font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
:focus-visible{outline:2px solid var(--trt-charcoal);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--trt-charcoal);color:var(--trt-creme);padding:12px 18px;font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta)}
.skip:focus{left:12px;top:12px}

.legal-bar{position:sticky;top:0;z-index:80;display:flex;justify-content:space-between;align-items:center;
  padding:18px var(--trt-space-10);background:var(--trt-bg);border-bottom:1px solid var(--trt-line)}
.legal-bar .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:var(--trt-w-sub);font-size:15px;letter-spacing:-.01em;color:var(--trt-text)}
.legal-bar .brand .ring{stroke:currentColor}
.legal-bar .back{font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);color:var(--trt-text-dim);text-decoration:none}
.legal-bar .back:hover{color:var(--trt-text)}

.legal-wrap{max-width:760px;margin:0 auto;padding:var(--trt-space-16) var(--trt-space-10) var(--trt-space-24)}
.legal-wrap .eyebrow{font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);color:var(--trt-text-dim)}
.legal-wrap h1{font-weight:var(--trt-w-display);font-size:clamp(36px,6vw,72px);letter-spacing:-.04em;line-height:.95;margin:var(--trt-space-4) 0 var(--trt-space-10)}
.legal-wrap h2{font-weight:var(--trt-w-head);font-size:22px;letter-spacing:-.02em;margin:var(--trt-space-10) 0 var(--trt-space-3)}
.legal-wrap h3{font-weight:var(--trt-w-sub);font-size:17px;margin:var(--trt-space-6) 0 var(--trt-space-2)}
.legal-wrap p,.legal-wrap li{font-size:16px;line-height:1.65;color:var(--trt-text)}
.legal-wrap p,.legal-wrap ul{margin-bottom:var(--trt-space-4);max-width:68ch}
.legal-wrap ul{padding-left:1.2em}
.legal-wrap li{margin-bottom:7px}
.legal-wrap a{color:var(--trt-text);text-underline-offset:3px}
.legal-wrap .lead{color:var(--trt-text-dim)}
.legal-wrap address{font-style:normal}
.legal-wrap .updated{font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);color:var(--trt-text-dim);margin-top:var(--trt-space-10)}

.legal-foot{border-top:1px solid var(--trt-line);padding:var(--trt-space-8) var(--trt-space-10);
  font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);color:var(--trt-text-dim);
  display:flex;gap:var(--trt-space-6);flex-wrap:wrap;justify-content:space-between;max-width:var(--trt-maxw);margin:0 auto}
.legal-foot nav{display:flex;gap:var(--trt-space-6);flex-wrap:wrap}
.legal-foot a{color:var(--trt-text-dim);text-decoration:none}
.legal-foot a:hover{color:var(--trt-text)}

@media (max-width:680px){
  .legal-bar{padding:16px var(--trt-space-6)}
  .legal-wrap{padding:var(--trt-space-12) var(--trt-space-6) var(--trt-space-16)}
  .legal-foot{padding:var(--trt-space-8) var(--trt-space-6)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}