/* Sartor info pages (About, Privacy, Affiliate disclosure): the same black-and-white system as
   the homepage. Serif headings, small spaced capitals, hairlines, square edges, lots of white. */
:root {
  --white: #ffffff;
  --mist: #ececea;
  --ink: #111111;
  --grey: #6e6e6e;
  --line: #e2e2e2;
  --f-logo: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif; /* only the Sartor wordmark (owner, 2026-11-05) */
  --f-display: "Hanken Grotesk", system-ui, sans-serif;
  --f-body: "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --gutter: clamp(16px, 4vw, 64px);
  --ease: cubic-bezier(.16, 1, .3, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--white); color: var(--ink);
  font-family: var(--f-body); font-size: 15px; line-height: 1.7; font-weight: 400;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
::selection { background: #000; color: #fff; }
a { color: inherit; }
.wrap { width: 100%; max-width: 1600px; margin: 0 auto; padding-left: max(var(--gutter), env(safe-area-inset-left, 0px)); padding-right: max(var(--gutter), env(safe-area-inset-right, 0px)); }
.eyebrow { font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }

/* Header */
.bar { border-bottom: 1px solid var(--line); }
.bar__inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding-block: 20px; }
.bar a { font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; }
.bar__right { justify-self: end; }
.wordmark { font-family: var(--f-logo); font-size: 21px !important; font-weight: 500 !important; letter-spacing: .34em !important; padding-left: .34em; }
@media (max-width: 560px) { .bar__inner { grid-template-columns: auto 1fr; } .bar__left { display: none; } .wordmark { font-size: 16px !important; } }

/* Page */
.page { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; padding-block: clamp(72px, 12vh, 140px); }
.page__head { grid-column: 1 / span 4; display: grid; gap: 22px; align-content: start; }
.page__head .eyebrow { margin: 0; color: var(--grey); }
.page__head h1 { margin: 0; font-family: var(--f-display); font-weight: 400; font-size: clamp(40px, 4.6vw, 76px); line-height: 1.02; letter-spacing: -.015em; }
.page__head h1 em { font-style: normal; }
.page__head p { margin: 0; color: var(--grey); font-size: 13px; }
.page__body { grid-column: 6 / span 6; max-width: 64ch; }
@media (max-width: 900px) { .page__head, .page__body { grid-column: 1 / -1; } .page__body { margin-top: 56px; } }

.page__body section { padding-block: 32px; border-top: 1px solid var(--line); }
.page__body section:first-child { border-top-color: var(--ink); }
.page__body h2 { margin: 0 0 14px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.page__body p, .page__body li { color: #3a3a3a; }
.page__body p { margin: 0 0 14px; }
.page__body p:last-child { margin-bottom: 0; }
.page__body ul { margin: 0 0 14px; padding-left: 18px; }
.page__body li { margin-bottom: 6px; }
.page__body strong { color: var(--ink); font-weight: 600; }
.page__body a { text-underline-offset: 3px; text-decoration-thickness: 1px; }
.lede { font-family: var(--f-display); font-size: clamp(22px, 1.9vw, 28px); line-height: 1.35; color: var(--ink) !important; margin-bottom: 0 !important; }

/* Placeholders the owner must fill in before launch */
.todo { background: #fff3a8; color: var(--ink); padding: 0 4px; font-style: normal; }

/* Footer */
.foot { border-top: 1px solid var(--ink); padding-block: 32px 48px; color: var(--grey); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; }
.foot__inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 32px; }
.foot nav { display: flex; flex-wrap: wrap; gap: 12px 28px; }
.foot a { text-decoration: none; transition: color .5s var(--ease); }
.foot a:hover, .foot a[aria-current="page"] { color: var(--ink); }

em, i, cite, address { font-style: normal; }