/* Molta holding page styles v0.1, 26 September 2026.
   Tokens from brand/design-system (spec v0.4, sections 5 to 7).
   Web adaptation: the pt document scale is stepped up for screen reading;
   same phi ratios, px values 14/18/23/29/37/47, spacing 6/10/16/25/41/66. */
:root {
  --molta-navy: #1F3864;
  --molta-gold: #D9A33C;
  --molta-ink: #14181F;
  --molta-paper: #FAF9F7;
  --molta-slate-70: #3E4757;
  --molta-slate-20: #C7CCD4;
  --molta-font-prose: Georgia, "Times New Roman", serif;
  --molta-font-data: Arial, "Liberation Sans", Helvetica, sans-serif;
  --fs-foot: 14px; --fs-body: 18px; --fs-sub: 23px; --fs-sec: 29px; --fs-title: 37px; --fs-cover: 47px;
  --sp-1: 6px; --sp-2: 10px; --sp-3: 16px; --sp-4: 25px; --sp-5: 41px; --sp-6: 66px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--molta-paper); color: var(--molta-ink);
  font-family: var(--molta-font-prose); font-size: var(--fs-body); line-height: 1.4;
}
.page { max-width: 720px; margin: 0 auto; padding: var(--sp-5) var(--sp-3) var(--sp-4); }
.masthead { padding-bottom: var(--sp-5); }
.wordmark { display: block; width: 200px; height: auto; margin-left: -12px; } /* offset the artwork's built-in clear space */
h1, h2 { font-family: var(--molta-font-data); color: var(--molta-navy); line-height: 1.2; font-weight: 700; margin: 0; }
h1 { font-size: var(--fs-title); max-width: 18em; margin-bottom: var(--sp-4); }
h2 { font-size: var(--fs-body); margin-bottom: var(--sp-1); }
p { margin: 0; }
.lead { font-size: var(--fs-sub); line-height: 1.35; max-width: 30em; margin-bottom: var(--sp-5); }
.offers { list-style: none; margin: 0 0 var(--sp-5); padding: 0; border-top: 1px solid var(--molta-slate-20); }
.offers li { padding: var(--sp-4) 0; border-bottom: 1px solid var(--molta-slate-20); }
.offers p { max-width: 34em; }
.about { margin-bottom: var(--sp-4); max-width: 34em; }
.question { font-style: italic; color: var(--molta-navy); margin-bottom: var(--sp-5); max-width: 34em; }
.contact { border-left: 4px solid var(--molta-navy); padding-left: var(--sp-3); margin-bottom: var(--sp-6); font-family: var(--molta-font-data); }
.contact .status { color: var(--molta-slate-70); margin-bottom: var(--sp-1); }
.sep { margin: 0 var(--sp-2); color: var(--molta-slate-70); }
a { color: var(--molta-navy); text-decoration: underline; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 2px solid var(--molta-navy); outline-offset: 3px; }
footer { border-top: 1px solid var(--molta-slate-20); padding-top: var(--sp-3); font-family: var(--molta-font-data); font-size: var(--fs-foot); color: var(--molta-slate-70); }
footer p + p { margin-top: var(--sp-1); }
@media (min-width: 760px) {
  .page { padding-top: var(--sp-6); }
  h1 { font-size: var(--fs-cover); }
  .wordmark { width: 240px; margin-left: -15px; }
}
@media (max-width: 420px) {
  h1 { font-size: var(--fs-sec); }
  .lead { font-size: var(--fs-body); }
}