:root { --legal-dark: #151513; --legal-paper: #f2efe8; --legal-accent: #b51f45; --legal-muted: #706d66; }
body.legal-page { background: var(--legal-paper); color: var(--legal-dark); }
.legal-header { display: flex; justify-content: space-between; align-items: center; padding: 24px clamp(20px, 5vw, 76px); border-bottom: 1px solid rgba(21, 21, 19, .15); }
.legal-header .brand { color: var(--legal-dark); }
.legal-back { font: 500 10px var(--mono); text-transform: uppercase; letter-spacing: .1em; border-bottom: 1px solid currentColor; padding-bottom: 6px; }
.legal-main { max-width: 980px; margin: 0 auto; padding: 110px clamp(20px, 5vw, 76px) 120px; }
.legal-kicker { margin: 0 0 22px; color: var(--legal-accent); font: 500 10px var(--mono); text-transform: uppercase; letter-spacing: .13em; }
.legal-main h1 { margin: 0; font: 400 clamp(54px, 8vw, 92px)/.88 var(--serif); letter-spacing: -.055em; }
.legal-lead { max-width: 650px; margin: 34px 0 44px; color: var(--legal-muted); font: 400 clamp(20px, 2.5vw, 28px)/1.45 var(--serif); }
.legal-notice { max-width: 760px; margin-bottom: 60px; border-left: 3px solid var(--legal-accent); padding: 18px 20px; background: rgba(181, 31, 69, .06); color: #5e5a53; font-size: 13px; line-height: 1.7; }
.legal-content { max-width: 760px; margin-left: auto; }
.legal-content section { display: grid; grid-template-columns: minmax(180px, .55fr) 1.45fr; gap: 36px; border-top: 1px solid rgba(21, 21, 19, .15); padding: 36px 0; }
.legal-content h2 { margin: 0; font: 400 24px/1.15 var(--serif); }
.legal-content p { margin: 0 0 18px; color: #5f5b54; font-size: 14px; line-height: 1.75; }
.legal-content p:last-child { margin-bottom: 0; }
.legal-content a { text-decoration: underline; text-underline-offset: 3px; }
.legal-footer { padding: 38px clamp(20px, 5vw, 76px); background: var(--legal-dark); color: var(--legal-paper); font: 500 11px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
@media (max-width: 700px) { .legal-header { align-items: flex-start; gap: 18px; flex-direction: column; } .legal-main { padding-top: 70px; } .legal-content section { grid-template-columns: 1fr; gap: 16px; } }