@font-face { font-family: "Archivo"; src: url("../fonts/archivo-var.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: "Schibsted Grotesk"; src: url("../fonts/schibsted-grotesk-var.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #FFF5DC; color: #22130E; font: 400 17px/1.6 "Schibsted Grotesk", system-ui, sans-serif; }
.legal-top { background: #FFF5DC; padding: 16px 0; border-top: 6px solid #E3000F; border-bottom: 1px solid rgba(34, 19, 14, .14); }
.legal-top a { display: block; width: min(100% - 32px, 760px); margin: 0 auto; }
.legal-top img { width: 150px; display: block; }
.legal { width: min(100% - 32px, 760px); margin: 0 auto; padding: 40px 0 64px; }
.legal-back { display: inline-block; margin-bottom: 24px; color: #E3000F; font-weight: 700; text-decoration: none; }
.legal-back:hover { text-decoration: underline; }
h1 { margin: 0 0 24px; font: 850 clamp(30px, 6vw, 48px)/1.05 "Archivo", sans-serif; font-stretch: 125%; letter-spacing: -.015em; overflow-wrap: break-word; hyphens: manual; }
h2 { margin: 32px 0 8px; font: 800 20px/1.25 "Archivo", sans-serif; font-stretch: 110%; }
p { margin: 0 0 12px; }
a { color: #B5000C; }
.todo { background: #FFE7AC; border: 2px dashed #E3000F; padding: 2px 6px; border-radius: 6px; }
.legal-footer { background: #22130E; color: rgba(255, 245, 220, .8); text-align: center; padding: 24px 16px; font-size: 14px; }
.legal-footer p { margin: 0 0 6px; }
.legal-footer a { color: #fff; }