/* Object Cinema — legal pages. Same ink, ivory and amber as the rest of the site,
   set for reading rather than for selling: one column, generous leading, a measure
   that stops at about 68 characters. */

.legal{padding:clamp(40px,6vw,80px) 0 clamp(56px,7vw,96px);max-width:820px}

.legal-head{border-bottom:1px solid var(--rule);padding-bottom:26px;margin-bottom:34px}
.legal-head .mono a{color:var(--ivory-dim);text-decoration:none}
.legal-head .mono a:hover{color:var(--amber)}
.legal-head h1{
  font-family:var(--display);font-weight:400;font-variation-settings:'SOFT' 0,'WONK' 1;
  font-size:clamp(34px,5.4vw,54px);line-height:1.02;letter-spacing:-.03em;
  margin:16px 0 14px}

.legal-body{font-size:16px;line-height:1.72;color:var(--ivory-dim);max-width:68ch}
.legal-body h2{
  font-family:var(--display);font-weight:500;font-variation-settings:'SOFT' 0,'WONK' 1;
  font-size:clamp(22px,2.7vw,28px);line-height:1.2;letter-spacing:-.02em;
  color:var(--ivory);margin:46px 0 14px;scroll-margin-top:80px}
.legal-body h3{
  font-family:var(--ui);font-weight:600;font-size:16px;letter-spacing:.01em;
  color:var(--ivory);margin:30px 0 10px;scroll-margin-top:80px}
.legal-body h2:first-child,.legal-body h3:first-child{margin-top:0}
.legal-body p{margin:0 0 16px}
.legal-body strong{color:var(--ivory);font-weight:600}
.legal-body a{color:var(--amber);text-decoration:underline;text-underline-offset:2px}
.legal-body a:hover{color:var(--amber-soft)}
.legal-body code{font-family:var(--mono);font-size:.9em;color:var(--ivory);
  background:var(--ink-2);border:1px solid var(--rule);border-radius:2px;padding:1px 5px}
.legal-body ul{margin:0 0 16px;padding-left:20px}
.legal-body li{margin:0 0 8px}
.legal-body li::marker{color:var(--amber)}

.legal-body .tablewrap{overflow-x:auto;margin:0 0 20px;border:1px solid var(--rule)}
.legal-body table{border-collapse:collapse;width:100%;min-width:440px;font-size:14px}
.legal-body th,.legal-body td{text-align:left;padding:11px 14px;
  border-bottom:1px solid var(--rule);vertical-align:top}
.legal-body th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ivory-faint);font-weight:500;background:var(--ink-2)}
.legal-body tbody tr:last-child td{border-bottom:0}

.legal-foot{margin-top:56px;padding-top:22px;border-top:1px solid var(--rule);
  display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between}
.legal-foot a{color:var(--ivory-dim);text-decoration:none}
.legal-foot a:hover{color:var(--amber)}

@media (max-width:640px){
  .legal-body{font-size:15px}
}