/* Company, FAQ and glossary pages (layout of the About page) */
.faq h2 { font-size: clamp(21px, 2.2vw, 25px); font-weight: 500; letter-spacing: -.01em; text-transform: none; line-height: 1.2; padding-top: 12px; }
.terms dt { font-size: 21px; font-style: italic; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--ink); scroll-margin-top: 20px; }
.terms dd { line-height: 1.45; }
.terms dd a { display: inline-block; margin-top: 6px; font-size: 12px; font-weight: 500; letter-spacing: .11em; text-transform: uppercase; }
.about .jump { margin-top: 28px; max-width: 62ch; font-size: 17px; line-height: 1.9; }
.about .jump a { margin-right: 12px; white-space: nowrap; }

/* About: Monocle-style column, one wide photograph, image pairs between sections, book mockup */
.ab h1 { margin-bottom: 28px; }
.ab .ab-lead { max-width: 36em; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.35; }
.ab .ab-hero { margin: 44px 0 0; }
.ab figcaption { margin-top: 12px; font-size: 12px; font-weight: 500; letter-spacing: .11em; text-transform: uppercase; color: var(--muted); }
.ab section { margin-left: auto; margin-right: auto; }
.ab .ab-pair { max-width: 860px; margin: 44px auto 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ab .ab-pair figcaption { grid-column: 1 / -1; margin-top: 0; }
.ab .ab-plate { aspect-ratio: 4 / 5; background: var(--tint); border-radius: 2px; display: grid; place-items: center; overflow: hidden; }
.ab .ab-plate img { width: 92%; box-shadow: 0 1px 2px rgba(0,0,0,.12), 0 14px 30px -10px rgba(0,0,0,.35); }
.ab .book { width: 58%; aspect-ratio: 2 / 3; position: relative; border-radius: 2px 5px 5px 2px; overflow: hidden;
  box-shadow: 0 1px 1px rgba(0,0,0,.2), 6px 18px 34px -12px rgba(0,0,0,.55), inset -1px 0 0 rgba(255,255,255,.08); }
.ab .book img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ab .book::after { content: ""; position: absolute; inset: 0; border-radius: inherit;
  background: linear-gradient(90deg, rgba(0,0,0,.35) 0, rgba(255,255,255,.10) 2.2%, rgba(0,0,0,.18) 4.5%, transparent 7%), radial-gradient(120% 90% at 70% 20%, rgba(255,255,255,.07), transparent 60%); }
.ab .ab-desk { max-width: 62ch; margin: 56px auto 0; border-top: 2px solid var(--ink); }
.ab .ab-desk > div { display: grid; grid-template-columns: 11em 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--rule); }
.ab .ab-desk dt { font-size: 12px; font-weight: 500; letter-spacing: .11em; text-transform: uppercase; padding-top: 5px; }
.ab .ab-desk dd { font-size: 18px; }
@media (max-width: 640px) {
  .ab .ab-pair { grid-template-columns: 1fr; }
  .ab .ab-desk > div { grid-template-columns: 1fr; gap: 4px; }
}
.ab .ab-hero { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.ab .ab-hero a { display: block; border: 0; }
.ab .ab-hero .art { width: 100%; aspect-ratio: 1; object-fit: contain; display: block; }
.ab .ab-hero span { display: block; margin-top: 8px; font-size: 12px; font-weight: 500; letter-spacing: .11em; text-transform: uppercase; color: var(--muted); }
.ab .ab-hero b { display: block; font-size: 17px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--ink); margin-bottom: 2px; }
.ab .ab-pair > .art { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; display: block; }
@media (prefers-color-scheme: light) { .ab .art { mix-blend-mode: multiply; } }
@media (prefers-color-scheme: dark) { .ab .ab-hero .art { background: var(--plate); border-radius: 2px; } }
@media (max-width: 640px) { .ab .ab-hero { grid-template-columns: 1fr 1fr; } }
.ab .ab-close { margin-top: 64px; }
.ab .ab-close p { font-size: clamp(22px, 2.4vw, 28px); line-height: 1.35; }
.ab .ab-close .ab-sign { margin-top: 18px; font-style: italic; }
.ab .ab-text { max-width: 62ch; margin: 40px auto 0; }
.ab .ab-text p + p { margin-top: 18px; }
.ab .ab-close p.ab-small { font-size: 16px; color: var(--muted); margin-top: 28px; }