:root {
  --ground: #151312; --ground2: #1e1b19; --ink: #efebe6; --ink2: #aba49c; --cinnabar: #d0664a; --edge: #302b27;
  --font-display: Futura, "Futura PT", "Century Gothic", "Avenir Next", sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  color-scheme: dark light;
}
@media (prefers-color-scheme: light) {
  :root { --ground: #f2ece2; --ground2: #e8e0d4; --ink: #1f1c19; --ink2: #5e5750; --cinnabar: #a8452c; --edge: #d8cfc2; }
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--ground); color: var(--ink); overflow-x: clip; }
body { font: 17px/1.6 var(--font-body); }
main { max-width: 640px; margin: 0 auto; padding: 72px 24px 96px; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 500; font-style: normal; overflow-wrap: anywhere; min-width: 0; }
h1 { font-size: 44px; line-height: 1.1; margin: 0 0 12px; }
.h1-sub { display: block; font-size: 22px; line-height: 1.3; margin-top: 8px; color: var(--ink2); text-wrap: balance; }
h2 { font-size: 23px; margin: 40px 0 8px; }
h3 { font-size: 19px; line-height: 1.35; margin: 28px 0 4px; text-wrap: balance; }
h3 + p { margin-top: 0; }
img { max-width: 100%; }
.store { display: flex; margin: 28px 0; }
.store img { display: block; }
.hero { display: block; width: 100%; height: auto; border-radius: 6px; margin: 32px 0; }
p, li { color: var(--ink2); }
a { color: var(--cinnabar); }
.lede { font-size: 20px; color: var(--ink); }
footer { margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--edge); font-size: 14px; color: var(--ink2); }
.siblings { margin-top: 8px; }
.legal { margin: 8px 0 0; }
.vh { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }