.legal-page { background: var(--paper); color: var(--ink); }
.legal-page .top { background: var(--paper); }
.legal-back { padding: 11px 18px; border: 1px solid currentColor; border-radius: 999px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.legal-back:hover { color: var(--cobalt); }
.legal-main { min-height: 75svh; padding-top: clamp(100px, 15vw, 200px); padding-bottom: clamp(90px, 12vw, 160px); }
.legal-kicker { margin: 0 0 18px; color: var(--cobalt); font-size: 12px; font-weight: 700; letter-spacing: .16em; }
.legal-main h1 { max-width: 11ch; margin: 0 0 clamp(48px, 8vw, 110px); font-size: clamp(64px, 12vw, 180px); letter-spacing: -.07em; line-height: .95; overflow-wrap: anywhere; }
.legal-main .dot { color: var(--rose); }
.legal-layout { display: grid; gap: 50px; }
.legal-intro { max-width: 30ch; margin: 0; font-size: clamp(24px, 3vw, 42px); font-weight: 700; letter-spacing: -.04em; line-height: 1.23; }
.legal-content { max-width: 76ch; }
.legal-content section { padding: 28px 0; border-top: 1px solid #d5d0ce; }
.legal-content h2 { margin: 0 0 14px; font-size: clamp(20px, 2vw, 28px); letter-spacing: -.035em; }
.legal-content p { margin: 0 0 14px; color: var(--ink-soft); line-height: 1.75; overflow-wrap: anywhere; }
.legal-content a { color: var(--cobalt); text-decoration: underline; text-underline-offset: 3px; }
.legal-foot { padding: 24px 0 40px; background: var(--ink); color: var(--ivory); }
.legal-foot .shell, .legal-foot nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 26px; }
.legal-foot a:hover { color: var(--rose); }
@media (min-width: 900px) { .legal-layout { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); gap: 8%; } }
@media (max-width: 560px) { .legal-page .top-studio { display: none; } .legal-back { padding: 8px 12px; font-size: 11px; } .legal-main h1 { font-size: clamp(42px, 12vw, 60px); overflow-wrap: normal; } }