.legal-page{
  min-height:100vh;
  background:radial-gradient(80% 55% at 50% 0%,rgba(78,122,104,.22),transparent 70%),var(--deep);
}
.legal-shell{
  width:min(calc(100% - 2 * var(--gut)),800px);
  margin:0 auto;
  padding:clamp(24px,6vw,72px) 0 clamp(48px,8vw,96px);
}
.legal-back{display:inline-flex;align-items:center;gap:.45em;margin-bottom:clamp(34px,6vw,64px);color:var(--pale);font-size:.78rem;text-underline-offset:3px}
.legal-shell h1{margin-bottom:.22em;color:var(--on);font-family:var(--serif);font-size:clamp(2.35rem,7vw,4.8rem);line-height:.98;letter-spacing:-.045em}
.legal-shell h2{margin:clamp(30px,5vw,48px) 0 .55em;color:var(--pale);font-family:var(--serif);font-size:clamp(1.15rem,2.4vw,1.55rem);line-height:1.15;letter-spacing:-.02em}
.legal-shell p,.legal-shell address{max-width:70ch;color:var(--on-2);font-size:clamp(.92rem,1.3vw,1.02rem);line-height:1.75}
.legal-shell address+address{margin-top:1.25em}
.legal-shell a{color:var(--pale);overflow-wrap:anywhere}
.legal-meta{color:var(--on-3)!important;font-size:.78rem!important}
.legal-footer{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:clamp(40px,7vw,72px);padding-top:20px;border-top:1px solid var(--line)}
@media (max-width:560px){
  .legal-shell{width:min(calc(100% - 36px),800px)}
  .legal-shell p,.legal-shell address{line-height:1.65}
}