/* Generated from theme.json by build-tokens.js. Do not edit by hand. */

@font-face {
  font-family: 'Fraunces';
  src: url('assets/fonts/fraunces-roman.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('assets/fonts/fraunces-italic.woff2') format('woff2');
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces Display';
  src: url('assets/fonts/fraunces-display.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Newsreader';
  src: url('assets/fonts/newsreader-roman.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Newsreader';
  src: url('assets/fonts/newsreader-italic.woff2') format('woff2');
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('assets/fonts/instrument-sans.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-stretch: 75% 100%;
  font-display: swap;
}

:root {
  --palette-toxic-orange: #FE5F35;
  --palette-ember: #FF8460;
  --palette-burnt-orange: #B63A14;
  --palette-goody-gumdrop: #CAD576;
  --palette-moss: #404026;
  --palette-olive: #5C6B1E;
  --palette-char: #1F1B1A;
  --palette-deep-gondola: #2A2625;
  --palette-gondola: #34302F;
  --palette-high-gondola: #3E3937;
  --palette-higher-gondola: #48423F;
  --palette-pewter: #A0978C;
  --palette-ash: #B8AFA3;
  --palette-newsprint: #EFE8DC;
  --palette-paper: #F4EFE6;
  --palette-paper-sunk: #EDE7DC;
  --palette-paper-card: #E9E2D6;
  --palette-paper-high: #E1D9CB;
  --palette-flint: #7A7168;
  --palette-umber: #655D55;
  --palette-cinder: #503730;
  --palette-paper-blush: #F5DED1;
  --font-display: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-display-cut: 'Fraunces Display', 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-text: 'Newsreader', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-label: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-section: clamp(2.5rem, 5vw, 4.5rem);
  --layout-page: 80rem;
  --layout-measure: 34em;
  --layout-margin-column: 16rem;
  --layout-gutter: clamp(1rem, 3.2vw, 2rem);
  --layout-columns: 12;
  --layout-column-gap: 1.25rem;
  --layout-text-columns-gap: 1.75rem;
  --layout-bp-medium: 600px;
  --layout-bp-expanded: 840px;
  --layout-bp-large: 1200px;
  --shape-none: 0;
  --shape-xs: 4px;
  --shape-sm: 8px;
  --shape-md: 12px;
  --shape-lg: 16px;
  --shape-xl: 28px;
  --shape-full: 999px;
  --rule-hairline: 1px;
  --rule-heavy: 2px;
  --rule-double: 4px double;
  --rule-terminal: "+";
  --rule-check: 8px;
  --state-hover: 0.08;
  --state-focus: 0.1;
  --state-pressed: 0.12;
  --state-dragged: 0.16;
  --state-disabled-container: 0.12;
  --state-disabled-content: 0.38;
  --motion-duration-short: 150ms;
  --motion-duration-medium: 300ms;
  --motion-duration-long: 500ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --motion-arrive-distance: 8px;
  --button-height: 3rem;
  --button-padding-x: 1.75rem;
  --button-gap: 0.625rem;
  --button-shape: var(--shape-full);
  --button-shape-pressed: var(--shape-md);
  --button-outline-width: 1px;
  --chip-height: 2.25rem;
  --chip-padding-x: 1rem;
  --chip-shape: var(--shape-full);
  --segmented-height: 2.25rem;
  --segmented-shape: var(--shape-full);
  --field-height: 3.5rem;
  --field-shape: var(--shape-xs);
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --link-underline: 1px;
  --link-underline-hover: 2px;
  --link-underline-offset: 0.22em;
  --slider-height: var(--touch-target);
  --slider-track: 2px;
  --slider-track-active: 4px;
  --slider-handle-width: 4px;
  --slider-handle-height: 2.5rem;
  --slider-handle-gap: 6px;
  --steps-height: var(--touch-target);
  --steps-bar: 2px;
  --steps-bar-current: 4px;
  --touch-target: 48px;
  --type-nameplate-family: var(--font-display-cut);
  --type-nameplate-size: clamp(2.5rem, 14.6cqi, 9rem);
  --type-nameplate-weight: 800;
  --type-nameplate-line: 0.86;
  --type-nameplate-tracking: -0.02em;
  --type-nameplate-case: uppercase;
  --type-nameplate-style: normal;
  --type-nameplate-stretch: normal;
  --type-nameplate-axes: normal;
  --type-nameplate-features: normal;
  --type-display-family: var(--font-display);
  --type-display-size: clamp(2.125rem, 6.2vw, 5.25rem);
  --type-display-weight: 640;
  --type-display-line: 0.94;
  --type-display-tracking: -0.012em;
  --type-display-case: uppercase;
  --type-display-style: normal;
  --type-display-stretch: normal;
  --type-display-axes: 'SOFT' 100;
  --type-display-features: normal;
  --type-headline-family: var(--font-display);
  --type-headline-size: clamp(1.75rem, 3.4vw, 2.75rem);
  --type-headline-weight: 360;
  --type-headline-line: 1.04;
  --type-headline-tracking: -0.022em;
  --type-headline-case: none;
  --type-headline-style: normal;
  --type-headline-stretch: normal;
  --type-headline-axes: 'SOFT' 50;
  --type-headline-features: normal;
  --type-title-family: var(--font-display);
  --type-title-size: clamp(1.1875rem, 1.7vw, 1.375rem);
  --type-title-weight: 480;
  --type-title-line: 1.16;
  --type-title-tracking: -0.01em;
  --type-title-case: none;
  --type-title-style: normal;
  --type-title-stretch: normal;
  --type-title-axes: 'SOFT' 30;
  --type-title-features: normal;
  --type-figure-family: var(--font-display);
  --type-figure-size: clamp(3.25rem, 7vw, 5.5rem);
  --type-figure-weight: 300;
  --type-figure-line: 0.88;
  --type-figure-tracking: -0.035em;
  --type-figure-case: none;
  --type-figure-style: normal;
  --type-figure-stretch: normal;
  --type-figure-axes: 'SOFT' 0;
  --type-figure-features: normal;
  --type-numeral-family: var(--font-display);
  --type-numeral-size: clamp(2.5rem, 5vw, 4rem);
  --type-numeral-weight: 300;
  --type-numeral-line: 0.85;
  --type-numeral-tracking: -0.04em;
  --type-numeral-case: none;
  --type-numeral-style: normal;
  --type-numeral-stretch: normal;
  --type-numeral-axes: 'SOFT' 100;
  --type-numeral-features: normal;
  --type-pullquote-family: var(--font-display);
  --type-pullquote-size: clamp(1.625rem, 3vw, 2.5rem);
  --type-pullquote-weight: 380;
  --type-pullquote-line: 1.12;
  --type-pullquote-tracking: -0.015em;
  --type-pullquote-case: none;
  --type-pullquote-style: italic;
  --type-pullquote-stretch: normal;
  --type-pullquote-axes: 'SOFT' 100;
  --type-pullquote-features: normal;
  --type-deck-family: var(--font-text);
  --type-deck-size: clamp(1.125rem, 1.6vw, 1.3125rem);
  --type-deck-weight: var(--text-weight);
  --type-deck-line: 1.38;
  --type-deck-tracking: 0;
  --type-deck-case: none;
  --type-deck-style: italic;
  --type-deck-stretch: normal;
  --type-deck-axes: normal;
  --type-deck-features: normal;
  --type-body-family: var(--font-text);
  --type-body-size: 1.0625rem;
  --type-body-weight: var(--text-weight);
  --type-body-line: 1.52;
  --type-body-tracking: 0.003em;
  --type-body-case: none;
  --type-body-style: normal;
  --type-body-stretch: normal;
  --type-body-axes: normal;
  --type-body-features: normal;
  --type-body-sm-family: var(--font-text);
  --type-body-sm-size: 0.9375rem;
  --type-body-sm-weight: var(--text-weight);
  --type-body-sm-line: 1.48;
  --type-body-sm-tracking: 0.004em;
  --type-body-sm-case: none;
  --type-body-sm-style: normal;
  --type-body-sm-stretch: normal;
  --type-body-sm-axes: normal;
  --type-body-sm-features: normal;
  --type-sidenote-family: var(--font-text);
  --type-sidenote-size: 0.875rem;
  --type-sidenote-weight: var(--text-weight);
  --type-sidenote-line: 1.42;
  --type-sidenote-tracking: 0.005em;
  --type-sidenote-case: none;
  --type-sidenote-style: normal;
  --type-sidenote-stretch: normal;
  --type-sidenote-axes: normal;
  --type-sidenote-features: normal;
  --type-caption-family: var(--font-text);
  --type-caption-size: 0.875rem;
  --type-caption-weight: var(--text-weight);
  --type-caption-line: 1.38;
  --type-caption-tracking: 0.005em;
  --type-caption-case: none;
  --type-caption-style: italic;
  --type-caption-stretch: normal;
  --type-caption-axes: normal;
  --type-caption-features: normal;
  --type-kicker-family: var(--font-label);
  --type-kicker-size: 0.75rem;
  --type-kicker-weight: 600;
  --type-kicker-line: 1.25;
  --type-kicker-tracking: 0.14em;
  --type-kicker-case: uppercase;
  --type-kicker-style: normal;
  --type-kicker-stretch: 85%;
  --type-kicker-axes: normal;
  --type-kicker-features: normal;
  --type-label-family: var(--font-label);
  --type-label-size: 0.75rem;
  --type-label-weight: 600;
  --type-label-line: 1.2;
  --type-label-tracking: 0.14em;
  --type-label-case: uppercase;
  --type-label-style: normal;
  --type-label-stretch: 88%;
  --type-label-axes: normal;
  --type-label-features: normal;
  --type-folio-family: var(--font-label);
  --type-folio-size: 0.75rem;
  --type-folio-weight: 500;
  --type-folio-line: 1.25;
  --type-folio-tracking: 0.1em;
  --type-folio-case: uppercase;
  --type-folio-style: normal;
  --type-folio-stretch: 80%;
  --type-folio-axes: normal;
  --type-folio-features: 'tnum' 1;
  --type-byline-family: var(--font-label);
  --type-byline-size: 0.8125rem;
  --type-byline-weight: 500;
  --type-byline-line: 1.35;
  --type-byline-tracking: 0.02em;
  --type-byline-case: none;
  --type-byline-style: normal;
  --type-byline-stretch: normal;
  --type-byline-axes: normal;
  --type-byline-features: normal;
  --type-ui-family: var(--font-label);
  --type-ui-size: 1rem;
  --type-ui-weight: 400;
  --type-ui-line: 1.45;
  --type-ui-tracking: 0;
  --type-ui-case: none;
  --type-ui-style: normal;
  --type-ui-stretch: normal;
  --type-ui-axes: normal;
  --type-ui-features: normal;
  --texture-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g' x='0' y='0' width='100%' height='100%' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' seed='7' stitchTiles='stitch' result='n'/%3E%3CfeColorMatrix in='n' type='matrix' values='0 0 0 0 0.965 0 0 0 0 0.937 0 0 0 0 0.890 1.6 0 0 0 -0.832' result='l'/%3E%3CfeColorMatrix in='n' type='matrix' values='0 0 0 0 0.102 0 0 0 0 0.086 0 0 0 0 0.082 0 -2.4 0 0 1.152' result='d'/%3E%3CfeMerge%3E%3CfeMergeNode in='d'/%3E%3CfeMergeNode in='l'/%3E%3C/feMerge%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23g)'/%3E%3C/svg%3E");
  --texture-grain-tile: 160px;
  --texture-photo-shadows: #4A413B;
  --texture-photo-highlights: #E8DCC8;
  --texture-photo-saturation: 0.7;
  --texture-photo-grain: 0.16;
}

/* Night edition: the default on every device. */
:root, [data-edition="night"] {
  color-scheme: dark;
  --ground: var(--palette-gondola);
  --sunk: var(--palette-deep-gondola);
  --surface: var(--palette-high-gondola);
  --raised: var(--palette-higher-gondola);
  --ink: var(--palette-newsprint);
  --ink-quiet: var(--palette-ash);
  --outline: var(--palette-pewter);
  --rule: rgb(239 232 220 / 0.2);
  --spot: var(--palette-ember);
  --spot-large: var(--palette-toxic-orange);
  --spot-fill: var(--palette-toxic-orange);
  --on-spot-fill: var(--palette-char);
  --leaf: var(--palette-goody-gumdrop);
  --leaf-fill: var(--palette-goody-gumdrop);
  --on-leaf-fill: var(--palette-char);
  --on-leaf-fill-quiet: var(--palette-moss);
  --inverse: var(--palette-char);
  --on-inverse: var(--palette-newsprint);
  --focus: var(--palette-toxic-orange);
  --scrim: rgb(20 18 17 / 0.64);
  --art-ink: var(--palette-newsprint);
  --art-ground: var(--palette-deep-gondola);
  --spot-wash: var(--palette-cinder);
  --text-weight: 370;
  --grain-opacity: 0.24;
  --grain-blend: normal;
  --field-grain-opacity: 0.4;
  --leaf-grain-opacity: 0.22;
  --vignette: radial-gradient(120% 95% at 50% 35%, transparent 55%, rgb(31 27 26 / 0.28) 100%);
  --type-deck-weight: var(--text-weight);
  --type-body-weight: var(--text-weight);
  --type-body-sm-weight: var(--text-weight);
  --type-sidenote-weight: var(--text-weight);
  --type-caption-weight: var(--text-weight);
}

[data-edition="day"] {
  color-scheme: light;
  --ground: var(--palette-paper);
  --sunk: var(--palette-paper-sunk);
  --surface: var(--palette-paper-card);
  --raised: var(--palette-paper-high);
  --ink: var(--palette-gondola);
  --ink-quiet: var(--palette-umber);
  --outline: var(--palette-flint);
  --rule: rgb(52 48 47 / 0.2);
  --spot: var(--palette-burnt-orange);
  --spot-large: var(--palette-burnt-orange);
  --spot-fill: var(--palette-toxic-orange);
  --on-spot-fill: var(--palette-char);
  --leaf: var(--palette-olive);
  --leaf-fill: var(--palette-goody-gumdrop);
  --on-leaf-fill: var(--palette-char);
  --on-leaf-fill-quiet: var(--palette-moss);
  --inverse: var(--palette-char);
  --on-inverse: var(--palette-newsprint);
  --focus: var(--palette-burnt-orange);
  --scrim: rgb(52 48 47 / 0.4);
  --art-ink: var(--palette-char);
  --art-ground: var(--palette-deep-gondola);
  --spot-wash: var(--palette-paper-blush);
  --text-weight: 400;
  --grain-opacity: 0.18;
  --grain-blend: multiply;
  --field-grain-opacity: 0.36;
  --leaf-grain-opacity: 0.2;
  --vignette: radial-gradient(120% 95% at 50% 35%, transparent 60%, rgb(31 27 26 / 0.16) 100%);
  --type-deck-weight: var(--text-weight);
  --type-body-weight: var(--text-weight);
  --type-body-sm-weight: var(--text-weight);
  --type-sidenote-weight: var(--text-weight);
  --type-caption-weight: var(--text-weight);
}

/* Inserts: paper inside Night, charcoal inside Day. On screen only. */
@media screen {
  :root[data-edition="day"] [data-insert] {
    color-scheme: dark;
    --ground: var(--palette-gondola);
    --sunk: var(--palette-deep-gondola);
    --surface: var(--palette-high-gondola);
    --raised: var(--palette-higher-gondola);
    --ink: var(--palette-newsprint);
    --ink-quiet: var(--palette-ash);
    --outline: var(--palette-pewter);
    --rule: rgb(239 232 220 / 0.2);
    --spot: var(--palette-ember);
    --spot-large: var(--palette-toxic-orange);
    --spot-fill: var(--palette-toxic-orange);
    --on-spot-fill: var(--palette-char);
    --leaf: var(--palette-goody-gumdrop);
    --leaf-fill: var(--palette-goody-gumdrop);
    --on-leaf-fill: var(--palette-char);
    --on-leaf-fill-quiet: var(--palette-moss);
    --inverse: var(--palette-char);
    --on-inverse: var(--palette-newsprint);
    --focus: var(--palette-toxic-orange);
    --scrim: rgb(20 18 17 / 0.64);
    --art-ink: var(--palette-newsprint);
    --art-ground: var(--palette-deep-gondola);
    --spot-wash: var(--palette-cinder);
    --text-weight: 370;
    --grain-opacity: 0.24;
    --grain-blend: normal;
    --field-grain-opacity: 0.4;
    --leaf-grain-opacity: 0.22;
    --vignette: radial-gradient(120% 95% at 50% 35%, transparent 55%, rgb(31 27 26 / 0.28) 100%);
    --type-deck-weight: var(--text-weight);
    --type-body-weight: var(--text-weight);
    --type-body-sm-weight: var(--text-weight);
    --type-sidenote-weight: var(--text-weight);
    --type-caption-weight: var(--text-weight);
  }
}

/* Print is always the Day edition. */
@media print {
  :root, [data-edition] {
    color-scheme: light;
    --ground: var(--palette-paper);
    --sunk: var(--palette-paper-sunk);
    --surface: var(--palette-paper-card);
    --raised: var(--palette-paper-high);
    --ink: var(--palette-gondola);
    --ink-quiet: var(--palette-umber);
    --outline: var(--palette-flint);
    --rule: rgb(52 48 47 / 0.2);
    --spot: var(--palette-burnt-orange);
    --spot-large: var(--palette-burnt-orange);
    --spot-fill: var(--palette-toxic-orange);
    --on-spot-fill: var(--palette-char);
    --leaf: var(--palette-olive);
    --leaf-fill: var(--palette-goody-gumdrop);
    --on-leaf-fill: var(--palette-char);
    --on-leaf-fill-quiet: var(--palette-moss);
    --inverse: var(--palette-char);
    --on-inverse: var(--palette-newsprint);
    --focus: var(--palette-burnt-orange);
    --scrim: rgb(52 48 47 / 0.4);
    --art-ink: var(--palette-char);
    --art-ground: var(--palette-deep-gondola);
    --spot-wash: var(--palette-paper-blush);
    --text-weight: 400;
    --grain-opacity: 0.18;
    --grain-blend: multiply;
    --field-grain-opacity: 0.36;
    --leaf-grain-opacity: 0.2;
    --vignette: radial-gradient(120% 95% at 50% 35%, transparent 60%, rgb(31 27 26 / 0.16) 100%);
    --type-deck-weight: var(--text-weight);
    --type-body-weight: var(--text-weight);
    --type-body-sm-weight: var(--text-weight);
    --type-sidenote-weight: var(--text-weight);
    --type-caption-weight: var(--text-weight);
  }
}