/* Legal pages: the site's hero treatment over a long document. styles.css carries the nav, Email CEO pills, closing panel and footer. */

.legal-hero{position:relative;background:var(--night);color:#fff;overflow:hidden;min-height:min(80svh,860px);display:flex;align-items:flex-end;padding:190px 0 70px}
.legal-hero-in{position:relative;z-index:2}
.legal-hero h1{margin:24px 0 0;font:800 clamp(40px,6.2vw,80px)/1 var(--head);letter-spacing:-.045em;max-width:16ch}
.legal-hero .vp{margin-top:18px;max-width:52ch}
.legal-jump{display:inline-flex;align-items:center;gap:9px;margin-top:36px;padding:14px 20px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;text-decoration:none;font:700 13px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;transition:background .2s,border-color .2s}
.legal-jump:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}
.legal-jump svg{width:15px;height:15px}

.legal-body{background:var(--soft);padding:96px 0 110px}
.doc{max-width:860px;margin:0 auto;background:var(--ground);border:1px solid var(--rule);border-radius:22px;padding:clamp(26px,4vw,56px)}
.doc h2{margin-top:44px;font:700 25px/1.25 var(--head);letter-spacing:-.02em;text-wrap:balance}
.doc h2:first-child{margin-top:0}
.doc h3{margin-top:30px;font:700 18px/1.35 var(--head);color:var(--ink-2)}
.doc p{margin-top:16px;max-width:72ch;line-height:1.7}
.doc ul{margin-top:16px;padding-left:24px;max-width:72ch;display:grid;gap:10px;line-height:1.7}
.doc li::marker{color:var(--violet)}
.doc a{color:var(--violet-deep)}
.doc-aside{max-width:860px;margin:26px auto 0;font-size:15px;color:var(--mute)}
.doc-aside a{color:var(--violet-deep)}

@media (max-width:900px){
  .legal-hero{min-height:auto;padding:148px 0 56px}
  .legal-body{padding:64px 0 84px}
  .doc{border-radius:16px}
}