/* Social OS · Impressum / Datenschutz · shared styles (taken from website v4.0.11) */
@font-face{font-family:"Noto Sans";src:url(../fonts/noto-sans-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans Mono";src:url(../fonts/noto-sans-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Noto Sans",system-ui,sans-serif;background:#080A11;color:#fff;line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:#FFDE59;text-decoration:none}
a:hover{text-decoration:underline}
::selection{background:#FFDE59;color:#000}

.nav{position:fixed;top:0;left:0;right:0;padding:18px 32px;display:flex;justify-content:space-between;align-items:center;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(8,10,17,.7);border-bottom:1px solid rgba(255,255,255,.05)}
.nav-mark{font:400 13px/1 "Noto Sans Mono",monospace;letter-spacing:.22em;color:#FFDE59;display:flex;align-items:center;gap:12px;white-space:nowrap}
.nav-mark:hover{text-decoration:none;color:#FFDE59}
.nav-mark svg{width:22px;height:22px}
.nav-back{font:400 11px/1 "Noto Sans Mono",monospace;letter-spacing:.22em;color:rgba(255,255,255,.55);text-transform:uppercase}
.nav-back:hover{color:#fff;text-decoration:none}

.wrap{max-width:880px;margin:0 auto;padding:140px 32px 80px}
.eye{font:400 11px/1 "Noto Sans Mono",monospace;letter-spacing:.24em;color:#FFDE59;margin-bottom:24px;text-transform:uppercase}
h1{font-size:clamp(36px,4.6vw,56px);font-weight:275;line-height:1.12;letter-spacing:-.025em;margin:0 0 16px}
.meta{font:400 13px/1.4 "Noto Sans Mono",monospace;letter-spacing:.08em;color:rgba(255,255,255,.45);margin:0 0 56px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.08)}
h2{font:400 13px/1.4 "Noto Sans Mono",monospace;letter-spacing:.22em;color:#FFDE59;margin:56px 0 20px;text-transform:uppercase}
h2 .num{color:rgba(255,255,255,.4);margin-right:14px}
p,ul,address{font-size:15px;color:rgba(255,255,255,.72);margin:0 0 14px;font-style:normal}
p strong,li strong{color:#fff;font-weight:500}
ul{padding-left:22px}
ul li{margin-bottom:8px}
ul li::marker{color:rgba(255,222,89,.65)}
code{font-family:"Noto Sans Mono",monospace;font-size:.9em;color:#fff}
.callout{padding:22px 26px;border:1px solid rgba(255,222,89,.22);background:linear-gradient(180deg,rgba(255,222,89,.04),transparent);margin:24px 0 28px;font-size:14px;color:rgba(255,255,255,.85)}
.callout strong{color:#FFDE59}
.rsym{font-size:.45em;vertical-align:super;line-height:0;opacity:.65;font-weight:400;letter-spacing:0;margin-left:.05em}

footer{padding:40px 32px;border-top:1px solid rgba(255,255,255,.05);font:400 12px/1.5 "Noto Sans Mono",monospace;color:rgba(255,255,255,.4);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
footer a{color:rgba(255,255,255,.55)}

@media (max-width:600px){
  .nav{padding:14px 20px}
  .wrap{padding:110px 20px 60px}
}