/* Legal provisions page. */

.page-legal-scope,
.page-legal-scope *,
.page-legal-scope *::before,
.page-legal-scope *::after{
  box-sizing:border-box;
}

.page-legal-scope{
  --legal-ink:var(--site-ink);
  --legal-muted:var(--site-muted);
  --legal-line:var(--site-line);
  --legal-primary:var(--site-primary);
  color:var(--legal-ink);
  background:#f5f7f6;
}

.page-legal-scope img{
  display:block;
  max-width:100%;
}

.page-legal-scope a{
  color:inherit;
  text-decoration:none;
}

.legal-page{
  padding-top:var(--site-header-height);
  overflow:hidden;
}

.legal-hero{
  position:relative;
  min-height:clamp(420px,34vw,560px);
  display:grid;
  place-items:center;
  isolation:isolate;
  overflow:hidden;
  background:#0b2736;
}

.legal-hero__media,
.legal-hero__shade{
  position:absolute;
  inset:0;
}

.legal-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 46%;
  transform:scale(1.015);
}

.legal-hero__shade{
  z-index:1;
  background:
    linear-gradient(180deg,rgba(6,25,37,.22),rgba(6,25,37,.32)),
    linear-gradient(90deg,rgba(0,58,94,.30),rgba(3,42,57,.06) 48%,rgba(3,42,57,.26));
}

.legal-hero__content{
  position:relative;
  z-index:2;
  width:min(calc(100% - 32px),1160px);
  padding:56px 0 110px;
  text-align:center;
}

.legal-hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(44px,4.2vw,68px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.035em;
  text-wrap:balance;
  text-shadow:0 8px 30px rgba(0,0,0,.22);
}

.legal-content{
  position:relative;
  z-index:3;
  width:min(calc(100% - 32px),1160px);
  margin:-102px auto 0;
  padding-bottom:clamp(72px,7vw,112px);
}

.legal-card{
  padding:clamp(34px,4.5vw,64px) clamp(24px,5vw,72px);
  background:#fff;
  border:1px solid rgba(23,33,43,.07);
  border-radius:26px;
  box-shadow:0 28px 80px rgba(13,27,38,.11);
}

.legal-card__header{
  max-width:820px;
  margin:0 auto clamp(34px,4vw,52px);
  text-align:center;
}

.legal-card h2{
  margin:0 0 16px;
  color:var(--legal-ink);
  font-size:clamp(34px,3.2vw,48px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.025em;
}

.legal-card__header p{
  margin:0 auto;
  max-width:720px;
  color:var(--legal-muted);
  font-size:17px;
  line-height:1.7;
}

.legal-sections{
  max-width:980px;
  margin:0 auto;
}

.legal-section{
  padding:28px 0 30px;
  border-top:1px solid var(--legal-line);
  scroll-margin-top:calc(var(--site-header-height) + 24px);
}

.legal-section:first-child{
  padding-top:0;
  border-top:0;
}

.legal-section h3{
  margin:0 0 12px;
  color:var(--legal-ink);
  font-size:20px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:-.012em;
}

.legal-section p{
  margin:0;
  color:#53606b;
  font-size:15px;
  line-height:1.78;
}

.legal-section p + p{
  margin-top:12px;
}

.legal-section:last-child{
  padding-bottom:0;
}





@media (max-width:1080px){
  .legal-page{
    padding-top:var(--site-header-height-mobile);
  }

  .legal-hero{
    min-height:440px;
  }

  .legal-hero__content{
    padding-bottom:96px;
  }

  .legal-content{
    margin-top:-84px;
  }
}

@media (max-width:680px){
  .legal-hero{
    min-height:360px;
  }

  .legal-hero__content{
    padding:42px 0 72px;
  }

  .legal-hero h1{
    font-size:clamp(38px,12vw,52px);
  }

  .legal-content{
    width:min(calc(100% - 24px),1160px);
    margin-top:-58px;
    padding-bottom:64px;
  }

  .legal-card{
    padding:30px 20px 34px;
    border-radius:20px;
  }

  .legal-card__header{
    margin-bottom:30px;
  }

  .legal-card h2{
    font-size:32px;
  }

  .legal-card__header p{
    font-size:15px;
    line-height:1.65;
  }

  .legal-section{
    padding:24px 0 26px;
  }

  .legal-section h3{
    font-size:18px;
  }

  .legal-section p{
    font-size:14px;
    line-height:1.72;
  }

}

@media print{
  .legal-hero{
    min-height:auto;
    background:#fff;
  }

  .legal-hero__media,
  .legal-hero__shade{
    display:none;
  }

  .legal-hero__content{
    padding:24px 0;
  }

  .legal-hero h1{
    color:#000;
    text-shadow:none;
  }

  .legal-content{
    margin:0 auto;
    padding-bottom:0;
  }

  .legal-card{
    box-shadow:none;
  }
}