@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap");

:root{
  --ink:#11110f;
  --charcoal:#1a1916;
  --bone:#f2efe6;
  --paper:#e9e1cf;
  --brass:#a89030;
  --dark-brass:#6b5a22;
  --orange:#c75a1b;
  --muted:#756d5d;
  --display:"Barlow Condensed",Impact,sans-serif;
  --ui:"Inter",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    linear-gradient(rgba(245,241,231,.91),rgba(235,226,207,.94)),
    url("../assets/backgrounds/products-ficha-ledger.jpg") center top/760px auto;
  color:var(--charcoal);
  font:16px/1.72 var(--ui);
}
a{color:var(--dark-brass);text-underline-offset:3px}
a:hover{color:var(--orange)}
.legal-nav{
  min-height:76px;
  padding:10px clamp(20px,5vw,76px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  position:sticky;
  top:0;
  z-index:5;
  border-bottom:1px solid rgba(107,90,34,.34);
  background:rgba(242,239,230,.92);
  backdrop-filter:blur(14px);
}
.legal-nav img{display:block;width:122px;height:54px;object-fit:contain}
.legal-back{
  font:800 12px/1 var(--display);
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
}
.legal-shell{width:min(calc(100% - 40px),940px);margin:0 auto}
.legal-hero{
  padding:clamp(58px,8vw,106px) 0 44px;
  border-bottom:1px solid rgba(107,90,34,.3);
}
.legal-kicker{
  margin:0 0 18px;
  color:var(--dark-brass);
  font:700 11px/1 var(--ui);
  letter-spacing:.15em;
  text-transform:uppercase;
}
.legal-hero h1{
  max-width:13ch;
  margin:0;
  color:var(--ink);
  font:900 clamp(52px,8vw,104px)/.84 var(--display);
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.legal-intro{max-width:68ch;margin:28px 0 0;font-size:clamp(16px,1.5vw,19px)}
.legal-updated{margin:18px 0 0;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}
.legal-content{padding:24px 0 clamp(70px,10vw,116px)}
.legal-section{padding:34px 0;border-bottom:1px solid rgba(107,90,34,.25)}
.legal-section h2{
  margin:0 0 15px;
  color:var(--ink);
  font:800 clamp(28px,4vw,42px)/.95 var(--display);
  text-transform:uppercase;
}
.legal-section p,.legal-section ul{margin:12px 0 0}
.legal-section ul{padding-left:22px}
.legal-section li+li{margin-top:8px}
.legal-company{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px;
}
.legal-company div{
  padding:17px;
  border:1px solid rgba(107,90,34,.28);
  background:rgba(247,243,233,.58);
}
.legal-company strong{display:block;color:var(--ink)}
.legal-note{
  padding:18px;
  border-left:3px solid var(--brass);
  background:rgba(168,144,48,.09);
}
.legal-footer{
  padding:30px clamp(20px,5vw,76px);
  border-top:1px solid rgba(168,144,48,.3);
  background:var(--ink);
  color:rgba(242,239,230,.68);
  font-size:13px;
}
.legal-footer>div{
  width:min(100%,940px);
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
.legal-footer p{margin:0}
.legal-links{display:flex;gap:18px;flex-wrap:wrap}
.legal-footer a{color:var(--brass)}
@media(max-width:560px){
  .legal-nav{min-height:66px}
  .legal-nav img{width:104px;height:44px}
  .legal-back{font-size:11px}
  .legal-hero{padding-top:46px}
}