:root{
  --legal-ink:#20211e;
  --legal-deep:#252621;
  --legal-paper:#d8d0bf;
  --legal-cream:#e4dac7;
  --legal-line:rgba(32,33,30,.22);
  --legal-red:#a92720;
}

.legal-page{background:var(--legal-paper);color:var(--legal-ink)}
.legal-page .legal-hero{
  min-height:620px;
  padding:205px 6vw 85px;
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(19,20,17,.92) 0%,rgba(19,20,17,.64) 48%,rgba(19,20,17,.28) 100%),
    url("assets/lars/silent.webp") center 44%/cover;
  color:#fff;
}
.legal-page .legal-hero-agb{
  background:
    linear-gradient(90deg,rgba(19,20,17,.93) 0%,rgba(19,20,17,.64) 48%,rgba(19,20,17,.26) 100%),
    url("assets/lars/fire.webp") center 42%/cover;
}
.legal-page .legal-hero-privacy{
  background:
    linear-gradient(90deg,rgba(19,20,17,.93) 0%,rgba(19,20,17,.62) 50%,rgba(19,20,17,.24) 100%),
    url("assets/lars/shelter.webp") center 48%/cover;
}
.legal-hero-copy{position:relative;z-index:2;max-width:1120px}
.legal-hero-copy h1{
  margin:24px 0 26px;
  font-size:clamp(6rem,12vw,13rem);
  line-height:.78;
  letter-spacing:-.045em;
}
.legal-hero-copy>p:last-child{
  max-width:650px;
  margin:0;
  color:rgba(255,255,255,.8);
  font:500 italic clamp(18px,2vw,25px)/1.55 Lora,serif;
}

.legal-shell{
  display:grid;
  grid-template-columns:minmax(230px,310px) minmax(0,960px);
  gap:clamp(55px,8vw,145px);
  align-items:start;
  padding:110px 6vw 140px;
}
.legal-nav{
  position:sticky;
  top:105px;
  display:flex;
  flex-direction:column;
  border-top:2px solid var(--legal-ink);
}
.legal-nav>.mono{margin:18px 0 8px;color:var(--legal-red);font-size:12px}
.legal-nav>strong{
  max-width:270px;
  margin:0 0 30px;
  font:700 clamp(27px,2.5vw,38px)/.98 "Barlow Condensed",sans-serif;
  text-transform:uppercase;
}
.legal-nav>a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 0;
  border-bottom:1px solid var(--legal-line);
  font:700 17px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:.2s ease;
}
.legal-nav>a span{color:rgba(32,33,30,.45);font-size:12px}
.legal-nav>a:hover,.legal-nav>a.active{color:var(--legal-red)}
.legal-nav>a.active:before{content:"";width:8px;height:8px;margin-right:10px;background:var(--legal-red);border-radius:50%}
.legal-nav>a.active span{margin-left:auto;color:var(--legal-red)}
.legal-updated{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:35px 0 0;
  padding:19px;
  background:var(--legal-deep);
  color:#fff;
}
.legal-updated span{color:#dccdb3;font:700 11px "DM Sans",sans-serif;letter-spacing:.14em}
.legal-updated time{font:700 24px "Barlow Condensed",sans-serif}

.legal-document{min-width:0}
.legal-document-head{
  margin-bottom:70px;
  padding:0 0 62px;
  border-bottom:1px solid var(--legal-line);
}
.legal-document-head h2{
  max-width:820px;
  margin:24px 0 28px;
  font-size:clamp(4.3rem,7vw,7.5rem);
  line-height:.85;
}
.legal-document-head h2 em{color:var(--legal-red)}
.legal-document-head>p:last-child{
  max-width:720px;
  margin:0;
  font-size:18px;
  line-height:1.75;
}

.legal-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:0 0 85px;
  border:1px solid var(--legal-line);
}
.legal-summary>div{
  min-height:240px;
  padding:28px;
  border-right:1px solid var(--legal-line);
}
.legal-summary>div:last-child{border-right:0}
.legal-summary span{display:block;margin-bottom:45px;color:var(--legal-red);font:700 12px "DM Sans",sans-serif;letter-spacing:.14em}
.legal-summary strong{display:block;margin-bottom:14px;font:700 27px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.legal-summary p{margin:0;font-size:14px;line-height:1.6}

.legal-section{
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  gap:30px;
  padding:64px 0;
  border-top:1px solid var(--legal-line);
}
.legal-number{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid var(--legal-red);
  border-radius:50%;
  color:var(--legal-red);
  font:700 12px "DM Sans",sans-serif;
}
.legal-section h2{
  margin:0 0 28px;
  font-size:clamp(2.8rem,4.5vw,4.8rem);
  line-height:.92;
}
.legal-section h3{
  margin:38px 0 14px;
  font-size:clamp(1.8rem,2.5vw,2.5rem);
  line-height:1;
}
.legal-section p,.legal-section li,.legal-section dd,.legal-section dt{
  font-size:16px;
  line-height:1.78;
}
.legal-section p{margin:0 0 20px}
.legal-section ul,.legal-section ol{margin:10px 0 24px;padding-left:24px}
.legal-section li{margin:8px 0;padding-left:5px}
.legal-section a{text-decoration:underline;text-decoration-color:rgba(169,39,32,.5);text-underline-offset:3px}
.legal-section code{padding:2px 6px;background:rgba(32,33,30,.08);font-size:.9em}

.legal-address{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:0 0 24px;
  padding:28px;
  border-left:4px solid var(--legal-red);
  background:var(--legal-cream);
  font-style:normal;
}
.legal-address strong{margin-bottom:6px;font:700 27px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.legal-address span,.legal-address a{font-size:16px;line-height:1.45}
.legal-data{margin:0}
.legal-data>div{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:25px;
  padding:18px 0;
  border-bottom:1px solid var(--legal-line);
}
.legal-data dt{font-weight:700}
.legal-data dd{margin:0}
.legal-highlight{
  display:inline-block;
  padding:14px 18px;
  background:var(--legal-deep);
  color:#fff;
  font:700 25px "Barlow Condensed",sans-serif;
  letter-spacing:.06em;
}
.legal-callout{
  margin:28px 0;
  padding:27px 30px 10px;
  border-left:4px solid var(--legal-red);
  background:var(--legal-cream);
}
.legal-callout.warning{background:#efe2c9}
.legal-callout>strong{display:block;margin-bottom:10px;font:700 25px "Barlow Condensed",sans-serif;text-transform:uppercase}
.legal-table{margin:28px 0;border-top:1px solid var(--legal-line)}
.legal-table>div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:25px;
  padding:17px 0;
  border-bottom:1px solid var(--legal-line);
  font-size:15px;
}
.legal-table strong{color:var(--legal-red);font:700 20px "Barlow Condensed",sans-serif}
.legal-document-footer{
  margin-top:50px;
  padding:45px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:var(--legal-red);
  color:#fff;
}
.legal-document-footer span{font:700 12px "DM Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase}
.legal-document-footer strong{font:700 clamp(27px,4vw,44px) "Barlow Condensed",sans-serif;text-transform:uppercase}
.legal-page footer{margin-top:0}

@media(max-width:980px){
  .legal-shell{grid-template-columns:1fr;gap:70px}
  .legal-nav{position:static}
  .legal-nav>strong{max-width:none}
}
@media(max-width:760px){
  .legal-page .legal-hero{min-height:500px;padding:170px 20px 60px}
  .legal-hero-copy h1{font-size:clamp(5.5rem,24vw,8rem)}
  .legal-shell{padding:75px 20px 95px}
  .legal-summary{grid-template-columns:1fr}
  .legal-summary>div{min-height:190px;border-right:0;border-bottom:1px solid var(--legal-line)}
  .legal-summary>div:last-child{border-bottom:0}
  .legal-summary span{margin-bottom:30px}
  .legal-section{grid-template-columns:1fr;gap:20px;padding:52px 0}
  .legal-section p,.legal-section li,.legal-section dd,.legal-section dt{font-size:15px}
  .legal-data>div{grid-template-columns:1fr;gap:4px}
  .legal-document-footer{padding:32px 24px;align-items:flex-start;flex-direction:column;gap:10px}
}