.legal-page{background:var(--light);color:var(--black)}
.legal-page .site-header{color:#fff}
.legal-main{position:relative;overflow:hidden;padding:88px 0 110px}
.legal-main>.section-number{right:5%;top:10px}
.legal-heading{max-width:980px;margin:0 auto 54px}
.legal-heading .eyebrow{margin-bottom:8px}
.legal-heading h1{font-family:var(--serif);font-size:clamp(34px,5vw,64px);letter-spacing:.12em;line-height:1.35;margin:0 0 20px}
.legal-heading>p:last-child{font-size:13px;line-height:1.9;letter-spacing:.06em;margin:0}
.legal-content{max-width:980px;margin:0 auto;background:#fff;border:1px solid rgba(202,149,34,.45);padding:56px 64px}
.legal-section+ .legal-section{margin-top:42px;padding-top:42px;border-top:1px solid rgba(21,21,21,.14)}
.legal-section h2{font-family:var(--serif);font-size:23px;letter-spacing:.08em;margin:0 0 16px}
.legal-section p,.legal-section li{font-size:13px;line-height:2;letter-spacing:.05em}
.legal-section p{margin:0}
.legal-section ul{margin:0;padding-left:1.4em}
.legal-contact{margin-top:22px;padding:20px 24px;background:rgba(202,149,34,.1)}
.legal-contact a{border-bottom:1px solid var(--gold)}
.legal-date{text-align:right;margin-top:46px!important;color:#666}
.status-page{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:var(--gold);color:var(--black)}
.status-card{width:min(720px,100%);background:#fff;border:1px solid rgba(21,21,21,.2);padding:64px;text-align:center}
.status-card .eyebrow{margin-bottom:8px}
.status-card h1{font-family:var(--serif);font-size:clamp(30px,5vw,52px);letter-spacing:.08em;margin:0 0 24px}
.status-card>p:not(.eyebrow){font-size:14px;line-height:2;letter-spacing:.06em;margin:0 0 30px}
.status-card .button{margin:0 auto}
@media (max-width:760px){
  .legal-main{padding:56px 0 76px}
  .legal-heading{margin-bottom:34px}
  .legal-heading h1{font-size:24px;letter-spacing:.06em;white-space:nowrap}
  .legal-heading>p:last-child{font-size:11px}
  .legal-content{padding:34px 20px}
  .legal-section+ .legal-section{margin-top:30px;padding-top:30px}
  .legal-section h2{font-size:19px}
  .legal-section p,.legal-section li{font-size:11px;line-height:1.95}
  .legal-contact{padding:16px}
  .status-card{padding:42px 20px}
  .status-card>p:not(.eyebrow){font-size:12px}
}

/* Mobile body-copy readability */
@media (max-width:760px){
  .legal-heading>p:last-child{font-size:13px;line-height:1.9}
  .legal-section p,
  .legal-section li{font-size:13px;line-height:1.95}
  .status-card>p:not(.eyebrow){font-size:13px;line-height:1.9}
}
