.legal__main { padding: clamp(120px, 14vw, 200px) var(--gutter) 120px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2fr); column-gap: var(--gutter); }
.legal__main h1 { font-weight: 400; font-size: clamp(40px, 5vw, 80px); letter-spacing: -0.045em; line-height: .9; }
.legal__body { max-width: 34em; font-size: 14px; line-height: 1.45; }
.legal__body h2 { font-family: var(--serif); font-weight: 400; font-size: 20px; margin: 2em 0 .4em; }
.legal__body h2:first-child { margin-top: 0; }
.legal__body p { color: var(--grey-ink); margin: 0 0 .3em; }
.legal__body a { color: var(--black); border-bottom: 1px solid currentColor; }
@media (max-width: 760px) { .legal__main { grid-template-columns: 1fr; row-gap: 48px; } }
.legal .nav a + a { margin-left: 1.6em; }
.legal__open { display: inline-block; padding: 0 .35em; background: #efefef; color: var(--black); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .92em; white-space: normal; }
.legal__draft { display: inline-block; margin: 0 0 .8em; padding: .15em .5em; border: 1px solid var(--black); font-size: 12px; letter-spacing: .02em; text-transform: uppercase; color: var(--black) !important; }