/* ==========================================================================
   vitti — legal.css
   Styles for Disclaimer / Privacy / Terms pages. Load after base.css.
   ========================================================================== */

.page-head{ padding:72px 0 8px; margin-bottom:8px; }
.page-eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--accent);
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:16px;
}
.page-eyebrow::before{ content:""; width:14px; height:1px; background:var(--accent); }
.page-head h1{
  font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(30px,4vw,44px);
  letter-spacing:-0.02em;
  line-height:1.05;
}

.legal{ max-width:74ch; padding-bottom:24px; }
.legal h2{
  font-family:var(--font-display);
  font-weight:600;
  font-size:20px;
  letter-spacing:-0.01em;
  margin:44px 0 10px;
}
.legal h2:first-of-type{ margin-top:28px; }
.legal p{
  font-size:15px;
  line-height:1.7;
  color:var(--text-muted);
}
.legal p + p{ margin-top:12px; }
.legal em{ font-style:italic; color:var(--text); }
.mail{ color:var(--accent); text-decoration:none; border-bottom:1px solid var(--accent-soft); }
.mail:hover{ border-bottom-color:var(--accent); }

.foot-links a{ color:var(--text-muted); text-decoration:none; transition:color 0.15s ease; }
.foot-links a:hover{ color:var(--text); }

@media (max-width:768px){
  .page-head{ padding:52px 0 0; }
}