/* MORPHISM — legal pages */
.legal-page{min-height:100vh;background:#fff;color:var(--grey-body);}
.legal-page .legal-top{padding:22px var(--gut) 0;}
.legal-page .legal-nav{
  max-width:calc(var(--maxw) - 2*var(--gut));margin:0 auto;height:56px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:0 18px;border:1px solid rgba(8,6,5,.10);background:rgba(255,255,255,.96);
  box-shadow:0 8px 30px rgba(8,6,5,.07);
}
.legal-page .legal-nav img{display:block;width:184px;height:auto;}
.legal-page .legal-return{
  font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--grey-body);padding:8px 0;border-bottom:1px solid transparent;
}
.legal-page .legal-return:hover{color:var(--ink);border-color:var(--ocean);}
.legal-page .legal-main{display:block!important;visibility:visible!important;opacity:1!important;padding:clamp(70px,9vw,118px) 0 clamp(84px,10vw,132px);}
.legal-page .legal-hero{max-width:820px;margin-bottom:56px;}
.legal-page .legal-hero h1{font-size:clamp(42px,6vw,72px);font-weight:500;letter-spacing:-.035em;line-height:1.02;margin-top:24px;}
.legal-page .legal-hero p{max-width:64ch;margin-top:22px;font-size:18px;line-height:1.68;color:var(--grey-body);}
.legal-page .legal-grid{display:grid;grid-template-columns:minmax(170px,230px) minmax(0,1fr);border-top:1px solid var(--line-2);}
.legal-page .legal-section{display:contents;}
.legal-page .legal-section h2,.legal-page .legal-section .legal-section-body{padding:28px 0;border-bottom:1px solid var(--line);}
.legal-page .legal-section h2{font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--ocean-deep);padding-right:34px;}
.legal-page .legal-section-body{font-size:16px;line-height:1.72;color:var(--grey-body);}
.legal-page .legal-section-body p+p{margin-top:12px;}
.legal-page .legal-section-body a{color:var(--ocean-deep);border-bottom:1px solid var(--ocean-light);}
.legal-page .legal-note{margin-top:38px;font-size:13px;color:var(--grey-mut);font-family:var(--mono);letter-spacing:.02em;}
.legal-page .legal-footer{background:var(--ocean);color:#fff;padding:36px var(--gut);}
.legal-page .legal-footer-inner{max-width:calc(var(--maxw) - 2*var(--gut));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.legal-page .legal-footer img{width:190px;filter:brightness(0) invert(1);}
.legal-page .legal-footer-links{display:flex;gap:24px;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;}
@media(max-width:760px){
  .legal-page .legal-top{padding-inline:20px}.legal-page .legal-nav{max-width:none}.legal-page .legal-nav img{width:150px}
  .legal-page .legal-grid{grid-template-columns:1fr}.legal-page .legal-section{display:block;border-bottom:1px solid var(--line)}
  .legal-page .legal-section h2{border:0;padding:24px 0 8px}.legal-page .legal-section .legal-section-body{border:0;padding:0 0 24px}
  .legal-page .legal-footer-inner{flex-direction:column;align-items:flex-start}
}

/* Pass 2 — tighten hierarchy and reading measure. */
.legal-page .legal-main{padding-top:clamp(64px,8vw,104px);}
.legal-page .legal-hero{max-width:760px;margin-bottom:50px;}
.legal-page .legal-hero h1{font-size:clamp(40px,5.2vw,64px);}
.legal-page .legal-section-body{max-width:72ch;}

/* Pass 3 — keep the legal template intentionally quiet and explicit. */
.legal-page .legal-nav,.legal-page .legal-main,.legal-page .legal-grid,.legal-page .legal-section,
.legal-page .legal-section h2,.legal-page .legal-section-body{visibility:visible!important;opacity:1!important;}
.legal-page .legal-section-body strong{color:var(--ink);font-weight:600;}
.legal-page .legal-footer-links a{color:#fff;opacity:.92;}
.legal-page .legal-footer-links a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px;}