body::before { -webkit-mask-image: linear-gradient(to bottom, #000, transparent 40%); mask-image: linear-gradient(to bottom, #000, transparent 40%); }
.legal { width: min(680px, 100% - 32px); margin: 0 auto; padding: 32px 0 80px; }
.legal__back { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 24px; color: var(--mute); text-decoration: none; font-weight: 600; font-size: 14px; }
.legal__back:hover { color: var(--bone); }
.legal h1 { margin: 0 0 8px; font-family: var(--display); font-weight: 800; font-size: clamp(44px, 10vw, 64px); line-height: 1.1; }
.legal__date { margin: 0 0 32px; color: var(--mute); font-size: 14px; }
.legal h2 { margin: 32px 0 8px; font-size: 18px; font-weight: 600; }
.legal p, .legal li { color: #c9c8c3; line-height: 1.6; }
.legal ul { padding-left: 20px; }
.legal a { color: var(--bone); }
.legal__nav { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--line); display: flex; gap: 24px; flex-wrap: wrap; }