:root { --black: #080808; --white: #fff; --grey: #676767; --light: #f5f5f3; --acid: #eaff73; --orange: #f4a433; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--black); background: var(--white); font-family: Inter, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.legal-header { display: flex; width: min(100% - 3rem, 1120px); margin: 0 auto; padding: 1.5rem 0; align-items: center; justify-content: space-between; border-bottom: 1px solid #ccc; }
.legal-logo { display: block; width: 3.5rem; height: 3.5rem; }
.legal-logo img { width: 100%; height: 100%; }
.back-link { font-size: .78rem; font-weight: 700; text-decoration: none; }
.legal-main { width: min(100% - 3rem, 850px); margin: 0 auto; padding: 7rem 0 10rem; }
.eyebrow { margin: 0 0 1.5rem; color: var(--grey); font-family: "DM Mono", monospace; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; }
h1 { max-width: 10ch; margin: 0 0 5rem; font-size: clamp(4rem, 9vw, 8rem); line-height: .87; letter-spacing: -.07em; }
.legal-section { padding: 2.5rem 0; border-top: 1px solid #bbb; }
h2 { margin: 0 0 1.25rem; font-size: clamp(1.7rem, 4vw, 2.8rem); letter-spacing: -.045em; }
p, li { color: #444; font-size: .98rem; line-height: 1.75; }
ul { padding-left: 1.2rem; }
.placeholder { display: inline-block; padding: .12rem .4rem; color: #6a4b00; background: #fff0c2; border: 1px solid #e6bd55; font-weight: 700; }
.legal-footer { padding: 2rem 1.5rem; color: white; background: black; text-align: center; font-size: .72rem; }
.cookie-settings { border: 0; padding: 0; color: inherit; background: none; font: inherit; text-decoration: underline; cursor: pointer; }
@media (max-width: 600px) { .legal-header, .legal-main { width: min(100% - 2rem, 100%); } .legal-main { padding-top: 5rem; } h1 { margin-bottom: 3.5rem; } }