:root {
  --accent: #f4c85f;
  --bg: #070706;
  --text: #f6f1e7;
  --muted: rgba(246, 241, 231, 0.78);
  --panel: rgba(7, 7, 6, 0.70);
  --line: rgba(244, 200, 95, 0.58);
  --white-line: rgba(246, 241, 231, 0.16);
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; color: var(--text); background: var(--bg); font-family: var(--font); line-height: 1.55; }
body::before { content:""; position: fixed; inset: 0; z-index: -2; background-image: url("images/25-03_Portrait-Linus-Leipzig_©Maya-Vieth_web-22.jpg"); background-size: cover; background-position: 50% 38%; filter: grayscale(1) contrast(1.08) brightness(0.28); transform: scale(1.015); }
body::after { content:""; position: fixed; inset:0; z-index:-1; background: linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.90)); }
.page { width: min(860px, calc(100% - 28px)); margin: 0 auto; padding: 24px 0 48px; }
.back { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; margin-bottom: 28px; border: 1px solid var(--line); color: var(--accent); background: rgba(0,0,0,.24); text-decoration: none; text-transform: uppercase; font-weight: 900; letter-spacing: .045em; }
.back:hover, .back:focus-visible { background: rgba(244,200,95,.16); outline: none; }
.content { padding: clamp(20px, 4vw, 42px); background: var(--panel); border: 1px solid var(--white-line); backdrop-filter: blur(16px); }
h1, h2, h3 { color: var(--accent); line-height: 1.1; text-transform: uppercase; }
h1 { margin: 0 0 30px; font-size: clamp(2rem, 7vw, 4.8rem); letter-spacing: -.055em; }
h2 { margin-top: 2.2rem; font-size: 1.15rem; }
h3 { margin-top: 1.5rem; font-size: 1rem; }
a { color: var(--accent); }
p, li { color: var(--text); }
ul { padding-left: 1.25rem; }
.footer { display:flex; gap:18px; justify-content:center; padding-top:28px; text-transform:uppercase; font-weight:800; font-size:.78rem; }
.footer a { color: var(--muted); text-decoration:none; }
.footer a:hover { color: var(--accent); }