/* shared by every case-study page: design reasons as quiet footnotes (label, small grey italic, source line), placed under or beside the photo they explain */
.facts dl{margin:0;display:grid;grid-template-columns:1fr;gap:0 32px}.facts dl>div{border-top:1px solid var(--line);padding-top:12px}
.facts dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.facts dd{margin:4px 0 12px;font-size:14px;font-style:italic;line-height:1.55;color:var(--mute)}
.facts small{display:block;margin-top:6px;font-size:11px;font-style:normal;color:var(--mute);opacity:.8}
main>.facts{max-width:560px;margin:-48px 0 72px}
/* small photo with reasons beside it */
.gs{grid-template-columns:minmax(0,680px) 1fr;align-items:center;gap:40px;margin-bottom:72px}.gs .cap{margin:0}
@media (max-width:820px){.gs{grid-template-columns:1fr;gap:12px}}