:root {
  --legal-bg: #f4f2ed;
  --legal-dark: #151716;
  --legal-green: #202b27;
  --legal-bronze: #a68453;
  --legal-bronze-light: #c7a66f;
  --legal-stone: #706d66;
}

* {
  box-sizing: border-box;
}

body.legal-body {
  margin: 0;

  background:
    radial-gradient(
      circle at 15% 5%,
      rgba(166,132,83,.07),
      transparent 28%
    ),
    #f4f2ed;

  color: var(--legal-dark);
}


.legal-header {
  min-height: 92px;

  padding:
    18px
    clamp(24px,5vw,80px);

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 30px;

  border-bottom:
    1px solid
    rgba(21,23,22,.10);

  background:
    rgba(244,242,237,.96);
}


.legal-brand {
  display: flex;

  align-items: center;

  gap: 16px;

  color: var(--legal-dark);

  text-decoration: none;
}


.legal-brand img {
  width: 58px;
  height: 52px;

  object-fit: contain;
}


.legal-brand strong {
  display: block;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 16px;

  font-weight: 400;

  letter-spacing: .08em;
}


.legal-brand span {
  display: block;

  margin-top: 5px;

  color: var(--legal-bronze);

  font-size: 7px;

  font-weight: 700;

  letter-spacing: .16em;
}


.legal-header-right {
  display: flex;

  align-items: center;

  gap: 30px;
}


.legal-back {
  color: #625f59;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .10em;

  text-decoration: none;
}


.legal-language {
  display: flex;

  gap: 7px;

  align-items: center;

  color: #aaa49a;

  font-size: 9px;

  font-weight: 700;
}


.legal-language a {
  padding: 6px 2px;

  color: #807b72;

  text-decoration: none;
}


.legal-language a.active {
  color: var(--legal-bronze);

  border-bottom:
    1px solid
    var(--legal-bronze);
}


.legal-main {
  width: min(1050px, calc(100% - 48px));

  margin:
    0
    auto;

  padding:
    90px
    0
    120px;
}


.legal-hero {
  max-width: 780px;

  margin-bottom: 70px;
}


.legal-eyebrow {
  margin:
    0
    0
    20px;

  color: var(--legal-bronze);

  font-size: 9px;

  font-weight: 700;

  letter-spacing: .24em;
}


.legal-hero h1 {
  margin: 0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(48px,7vw,88px);

  font-weight: 400;

  line-height: .95;

  letter-spacing: -.04em;
}


.legal-hero > p:last-child {
  margin-top: 25px;

  color: var(--legal-stone);

  font-size: 13px;

  line-height: 1.7;
}


.legal-content {
  max-width: 850px;
}


.legal-content section {
  padding:
    38px
    0;

  border-top:
    1px solid
    rgba(21,23,22,.12);
}


.legal-content h2 {
  margin:
    0
    0
    20px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 24px;

  font-weight: 400;
}


.legal-content p {
  max-width: 760px;

  margin:
    0
    0
    16px;

  color: #56534e;

  font-size: 14px;

  line-height: 1.85;
}


.legal-content p:last-child {
  margin-bottom: 0;
}


.legal-content a {
  color: var(--legal-green);

  text-decoration-color:
    rgba(166,132,83,.6);

  text-underline-offset: 3px;
}


.legal-content strong {
  color: var(--legal-dark);
}


.legal-footer {
  min-height: 110px;

  padding:
    30px
    clamp(24px,5vw,80px);

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  background: var(--legal-green);

  color:
    rgba(255,255,255,.55);

  font-size: 9px;

  letter-spacing: .12em;
}


.legal-footer div {
  display: flex;

  gap: 25px;
}


.legal-footer a {
  color: var(--legal-bronze-light);

  text-decoration: none;
}


@media (max-width: 700px) {

  .legal-header {
    align-items: flex-start;

    flex-direction: column;
  }

  .legal-header-right {
    width: 100%;

    justify-content: space-between;
  }

  .legal-brand span {
    display: none;
  }

  .legal-main {
    width:
      min(
        100% - 36px,
        1050px
      );

    padding:
      65px
      0
      90px;
  }

  .legal-hero {
    margin-bottom: 45px;
  }

  .legal-footer {
    align-items: flex-start;

    flex-direction: column;
  }

}