/* Read: the reference's title/rule and offset text column, using Maniera's existing type. */
body.legal-page{min-height:100svh;display:flex;flex-direction:column}
.legal-page #legal-content{flex:1;width:100%;padding:96px var(--pad) 64px}
.legal-intro{border-bottom:1px solid rgb(89 64 55 / 55%);padding-bottom:64px}
.legal-intro h1{font-size:clamp(40px,4.5vw,72px);font-weight:500;line-height:1.05;letter-spacing:var(--tracking);margin:0;text-wrap:balance}
.legal-copy{margin:32px 0 0 33.333%;max-width:70ch;font-size:18px;font-weight:500;line-height:1.3;letter-spacing:normal;overflow-wrap:anywhere}
.legal-copy p{margin:0 0 24px}
.legal-copy p:last-child{margin-bottom:0}
.legal-section{margin-top:40px}
.legal-section h2{font-size:28px;font-weight:500;line-height:1.15;letter-spacing:var(--tracking);margin:0 0 16px}
.legal-contact{margin:0 0 24px}
.legal-contact div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;line-height:24px}
.legal-contact dt,.legal-contact dd{margin:0}
.legal-contact dt{white-space:nowrap}
.legal-copy a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.legal-copy a:focus-visible{outline:2px solid var(--brown);outline-offset:4px}
.legal-phone{white-space:nowrap;word-spacing:2px}
.legal-copy .legal-updated{margin-top:40px;font-size:16px}
@media(max-width:767px){
 .legal-page #legal-content{padding-top:88px;padding-bottom:48px}
 .legal-intro{padding-bottom:32px}
 .legal-copy{margin:24px 0 0;max-width:none}
 .legal-section{margin-top:32px}
 .legal-section h2{font-size:24px}
}