.legal-page{background:#fbfaf6;color:#172e28}
.legal-page .legal-hero{padding:12vw 7vw 8vw;background:#0d2922;color:#fff}
.legal-page .legal-hero>p{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:#fff}
.legal-page .legal-hero h1{font:500 clamp(4rem,9vw,9rem)/.86 "Bricolage Grotesque",sans-serif;letter-spacing:-.06em;margin:30px 0 0}
.legal-page .legal-hero h1 span{color:#c9523e}
.legal-page section{display:grid;grid-template-columns:.38fr 1fr;gap:8vw;padding:100px 7vw;border-bottom:1px solid rgba(23,46,40,.18);scroll-margin-top:80px}
.legal-page aside{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}
.legal-page article{max-width:780px}
.legal-page h2{font:500 clamp(2.8rem,5vw,5rem)/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.05em;margin:0 0 50px}
.legal-page h3{font:600 1.3rem "Bricolage Grotesque",sans-serif;margin:45px 0 10px}
.legal-page p{color:#50635d}.legal-page .notice{background:#eee8df;color:#172e28;padding:24px;border-radius:14px;margin:35px 0}
@media(max-width:700px){.legal-page .legal-hero{padding-top:28vw}.legal-page section{grid-template-columns:1fr;gap:30px;padding:70px 6vw}}
@media(max-width:700px){
  .legal-page,.legal-page section,.legal-page article{width:100%;max-width:100%;min-width:0}
  .legal-page section{padding:64px max(22px,6vw)}
  .legal-page h2{max-width:100%;font-size:clamp(1.95rem,8.5vw,2.55rem);line-height:1.02;letter-spacing:-.045em;overflow-wrap:anywhere;hyphens:auto}
  .legal-page h3{font-size:clamp(1.12rem,5.2vw,1.3rem);line-height:1.25}
  .legal-page p,.legal-page a,.legal-page code{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
  .legal-page code{white-space:normal}
}