@import url("styles.css");
.legal{max-width:46rem;margin:0 auto;padding:8rem var(--gutter) 5rem}
.legal .brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600;font-size:1.4rem;letter-spacing:.06em;margin-bottom:2.5rem}
.legal h1{font-size:clamp(2.4rem,6vw,4.2rem);line-height:1;letter-spacing:-.03em;margin-bottom:1rem}
.legal .meta{color:var(--dim);font-size:.9rem;margin-bottom:2.5rem}
.legal .meta a{color:var(--ember-bright)}
.legal h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:2.6rem 0 .8rem}
.legal p,.legal li{color:var(--muted);line-height:1.65}
.legal ul{padding-left:1.2rem}
.legal li{margin:.4rem 0}
.legal strong{color:var(--cream);font-weight:600}
.legal a{color:var(--cream);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ember)}
.legal .card{all:unset;display:block}
.legal footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--dim);font-size:.85rem}