/* =========================================================================
   The legal pages, on the site's palette.

   site.css and legal.css are both gone. The page had the old site's
   HOME hero pasted on top of it -- a rally car, "plan smarter. execute
   faster. automate the rest." and a button offering the automation
   checklist -- above a privacy policy. Nobody arriving here wants a
   download; they want to find one clause and leave.
   ========================================================================= */

.lg12{
  --lg-ground:#171413;
  --lg-ground-dark:#0F0D0C;
  --lg-cream:#F6F1EA;
  --lg-accent:#B28479;
  --lg-inset:clamp(44px,8vw,120px);
  --lg-rule:rgba(246,241,234,.10);
  background:var(--lg-ground-dark);
  color:var(--lg-cream);
}
.lg12 *{box-sizing:border-box}
.lg12-wrap{width:100%;padding:0 var(--lg-inset)}
/* the shared mobile gutter -- see the note in blog-n12.css */
@media(max-width:1024px){ .lg12{--lg-inset:32px} }
@media(max-width:640px){  .lg12{--lg-inset:20px} }

.lg12-eyebrow{
  display:block;
  font-family:'Questrial',sans-serif;
  font-size:12px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;
  color:rgba(246,241,234,.7);margin:0;
}

/* ------------------------------- the head -------------------------------
   No photograph. A legal page is a document, and a hero on it is a
   landing page pretending. */
.lg12-head{
  position:relative;
  padding:128px var(--lg-inset) 40px;
  background:var(--lg-ground-dark);
  border-bottom:1px solid var(--lg-rule);
}
.lg12-head-inner{max-width:760px;margin:0 auto}
.lg12-head h1{
  font-family:'League Spartan',sans-serif;font-weight:700;
  font-size:var(--n12-h1);line-height:1.0;letter-spacing:-.04em;
  text-transform:lowercase;color:var(--lg-cream);
  margin:12px 0 14px;
}
.lg12-date{
  margin:0;
  font-family:'Questrial',sans-serif;
  font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(246,241,234,.56);
}

/* ------------------------------- the body ------------------------------- */
.lg12-body{
  padding:58px var(--lg-inset) 104px;
  background:var(--lg-ground);
}
.lg12-body-inner{max-width:760px;margin:0 auto}
.lg12-lede{
  margin:0 0 14px;
  font-family:'Questrial',sans-serif;
  font-size:19px;line-height:1.6;color:var(--lg-cream);
}
.lg12-body h2{
  font-family:'League Spartan',sans-serif;font-weight:700;
  font-size:23px;line-height:1.1;letter-spacing:-.03em;
  color:var(--lg-cream);
  margin:46px 0 14px;padding-top:24px;
  border-top:1px solid var(--lg-rule);
  scroll-margin-top:96px;
}
.lg12-body h2 small{
  display:block;margin:0 0 9px;
  font-family:'Questrial',sans-serif;font-weight:700;
  font-size:11.5px;letter-spacing:.16em;color:var(--lg-accent);
}
.lg12-body p{
  margin:0 0 16px;
  font-family:'Questrial',sans-serif;
  font-size:16px;line-height:1.72;color:rgba(246,241,234,.8);
}
.lg12-body ul{margin:0 0 18px;padding:0;list-style:none}
.lg12-body li{
  position:relative;
  margin:0 0 10px;padding:0 0 0 20px;
  font-family:'Questrial',sans-serif;
  font-size:16px;line-height:1.66;color:rgba(246,241,234,.8);
}
.lg12-body li::before{
  content:"";position:absolute;left:0;top:11px;
  width:9px;height:1px;background:var(--lg-accent);
}
.lg12-body strong{color:var(--lg-cream);font-weight:400}
.lg12-body a{
  color:var(--lg-cream);text-decoration:none;
  border-bottom:1px solid rgba(246,241,234,.34);
}
.lg12-body a:hover{border-bottom-color:var(--lg-cream)}

/* the one thing anyone actually wants from this page */
.lg12-contact{
  margin:52px 0 0;padding:26px 28px;
  border:1px solid var(--lg-rule);
  background:rgba(246,241,234,.022);
}
.lg12-contact p{margin:0}
.lg12-contact b{
  display:block;margin:0 0 7px;font-weight:400;
  font-family:'League Spartan',sans-serif;font-size:19px;
  letter-spacing:-.02em;text-transform:lowercase;color:var(--lg-cream);
}

@media(max-width:700px){
  .lg12-head{padding:128px var(--lg-inset) 32px}
  .lg12-body{padding:44px var(--lg-inset) 76px}
  .lg12-lede{font-size:17px}
  .lg12-body h2{font-size:21px;margin-top:38px}
  .lg12-contact{padding:22px 20px}
}