/* The Crimson Forge — styles for the legal pages (privacy policy, terms & conditions).
   Scoped to #cf-legal so nothing here can affect the rest of the site. */

#cf-legal{
  --cf-bg:#0d0d08;
  --cf-card:#13130b;
  --cf-border:#27271f;
  --cf-crimson:#c01920;
  --cf-gold:#ceb66c;
  --cf-head:#ffffff;
  --cf-text:#b9b2a6;
  --cf-muted:#77736a;
  box-sizing:border-box;
  width:100%;
  background:var(--cf-bg);
  color:var(--cf-text);
  font-family:'Barlow',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  font-size:16px;
  line-height:1.7;
  padding:72px 24px 96px;
  -webkit-font-smoothing:antialiased;
}
#cf-legal *,#cf-legal *::before,#cf-legal *::after{box-sizing:border-box}
#cf-legal .cf-wrap{max-width:860px;margin:0 auto}
#cf-legal .cf-eyebrow{
  display:block;margin:0 0 14px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.3em;text-transform:uppercase;color:var(--cf-crimson);
}
#cf-legal h1{
  margin:0 0 12px;
  font-family:'Barlow Condensed','Oswald',Impact,sans-serif;font-weight:800;
  font-size:clamp(40px,7vw,64px);line-height:1;letter-spacing:.01em;
  text-transform:uppercase;color:var(--cf-head);
}
#cf-legal h1 span{color:var(--cf-gold)}
#cf-legal .cf-updated{margin:0 0 40px;font-size:14px;color:var(--cf-muted)}
#cf-legal .cf-card{
  position:relative;background:var(--cf-card);border:1px solid var(--cf-border);
  padding:44px 44px 36px;
}
#cf-legal .cf-card::before{
  content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;
  background:linear-gradient(90deg,#c01920 0%,#8a2a1f 55%,#ceb66c 100%);
}
#cf-legal h2{
  margin:40px 0 12px;
  font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--cf-head);
}
#cf-legal h2:first-child{margin-top:0}
#cf-legal h3{
  margin:24px 0 8px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:16px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--cf-gold);
}
#cf-legal p{margin:0 0 16px}
#cf-legal ul{margin:0 0 16px;padding-left:22px}
#cf-legal li{margin:0 0 8px}
#cf-legal li::marker{color:var(--cf-crimson)}
#cf-legal strong{color:#e4ddd2;font-weight:600}
#cf-legal a{color:var(--cf-gold);text-decoration:underline;text-underline-offset:3px}
#cf-legal a:hover{color:#e2cd88}
#cf-legal a:focus-visible{outline:2px solid var(--cf-gold);outline-offset:2px}
#cf-legal .cf-callout{
  margin:0 0 16px;padding:18px 20px;
  background:#1a1914;border-left:3px solid var(--cf-crimson);color:#d4cac1;
}
#cf-legal .cf-callout p:last-child{margin-bottom:0}
#cf-legal .cf-contact{
  margin:0;padding:0;list-style:none;
}
#cf-legal .cf-contact li{margin:0 0 6px}
#cf-legal .cf-back{
  display:inline-block;margin-top:32px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.24em;text-transform:uppercase;text-decoration:none;color:var(--cf-gold);
}
#cf-legal .cf-back:hover{color:#fff}
@media (max-width:640px){
  #cf-legal{padding:48px 16px 64px;font-size:15px}
  #cf-legal .cf-card{padding:32px 20px 24px}
}

/* The site's nav is position:fixed and 88px tall, so this content must start below it.
   Without this the "The Crimson Forge" eyebrow sits underneath the nav bar.
   These values match .subhero on the rest of the site's sub-pages. */
#cf-legal{padding-top:150px}
@media (max-width:1080px){#cf-legal{padding-top:132px}}
@media (max-width:768px){#cf-legal{padding-top:108px}}