@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300 500; font-display: swap;
  src: url("../fonts/cormorant-garamond-latin.0161cfd4f4.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("../fonts/cormorant-garamond-italic-latin.4d5465ed6e.woff2") format("woff2"); }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 400 500; font-display: swap;
  src: url("../fonts/eb-garamond-latin.c679ef7cc2.woff2") format("woff2"); }
@font-face { font-family: "EB Garamond"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("../fonts/eb-garamond-italic-latin.199e0bd079.woff2") format("woff2"); }
@font-face { font-family: "EB Garamond Figures"; font-style: normal; font-weight: 400 500; font-display: swap; size-adjust: 84%;
  src: url("../fonts/eb-garamond-figures-latin.0f9c5000e1.woff2") format("woff2"); unicode-range: U+30-39; }
@font-face { font-family: "Cormorant Fallback"; font-style: normal; src: local("Times New Roman"), local("TimesNewRomanPSMT");
  size-adjust: 95.9%; ascent-override: 96.3%; descent-override: 29.9%; line-gap-override: 0%; }
@font-face { font-family: "Cormorant Fallback"; font-style: italic; src: local("Times New Roman Italic"), local("TimesNewRomanPS-ItalicMT");
  size-adjust: 87.1%; ascent-override: 106.1%; descent-override: 33%; line-gap-override: 0%; }
@font-face { font-family: "EB Garamond Fallback"; font-style: normal; src: local("Georgia");
  size-adjust: 86.3%; ascent-override: 116.7%; descent-override: 34.5%; line-gap-override: 0%; }
@font-face { font-family: "EB Garamond Fallback"; font-style: italic; src: local("Georgia Italic"), local("Georgia-Italic");
  size-adjust: 82.9%; ascent-override: 121.5%; descent-override: 35.9%; line-gap-override: 0%; }

:root {
  --cloth: #172440;
  --earth: #6b2a1f;
  --gilt: #a87e25;
  --gilt-light: #d8b15a;

  --paper: #f4efe4;
  --on-ink: #f2ecdf;
  --on-ink-muted: #a9aebb;
  --bg: var(--paper);
  --fg: #1c2130;
  --fg-2: #474b55;
  --muted: #6b6a66;
  --rule: #d9d0be;
  --rule-strong: var(--fg);
  --accent: var(--fg);
  --gild: var(--gilt);
  --focus: var(--cloth);
  --mount: #fbf8f1;
  --mount-edge: #cdbfa3;
  --mount-pad: clamp(0.6rem, 0.35rem + 1vw, 1.25rem);
  --tint: color-mix(in srgb, var(--gilt-light) 25%, transparent);
  --font-display: "Cormorant Garamond", "Cormorant Fallback", "Times New Roman", serif;
  --font-text: "EB Garamond", "EB Garamond Fallback", Georgia, serif;
  --font-label: "EB Garamond Figures", var(--font-text);
  --display-weight: 300;

  --text-2xs: 0.875rem;
  --text-xs: 1rem;
  --text-s: 1rem;
  --text-m: clamp(1.1875rem, 1.12rem + 0.3vw, 1.375rem);
  --text-l: clamp(1.3125rem, 1.18rem + 0.6vw, 1.75rem);
  --text-xl: clamp(1.5625rem, 1.3rem + 1.1vw, 2.375rem);
  --display-s: clamp(2rem, 1.55rem + 2vw, 3.375rem);
  --display-m: clamp(2.75rem, 1.9rem + 3.8vw, 5.25rem);
  --display-l: clamp(3.5rem, 2.2rem + 6vw, 8.25rem);
  --display-xl: clamp(4.75rem, 2.6rem + 10vw, 13rem);
  --text-nav: 1.125rem;
  --display-menu: 1.875rem;
  --track-label: 0.1em;
  --track-credit: 0.06em;
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: clamp(2rem, 1.6rem + 1.6vw, 3rem);
  --space-xl: clamp(3rem, 2.2rem + 3.4vw, 5rem);
  --space-section: clamp(4.5rem, 3rem + 6.4vw, 9rem);
  --margin: clamp(1.25rem, 5vw, 4.5rem);
  --gap: clamp(1rem, 0.6rem + 1.4vw, 1.75rem);
  --max: 82.5rem;
  --inset: max(var(--margin), (100% - var(--max)) / 2);
  --col: calc((var(--max) - 11 * var(--gap)) / 12);
  --measure: calc(var(--text-m) * 29);
  --header: 3rem;
  --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 12'%3E%3Cpath d='M0 6h26M21 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.2'/%3E%3C/svg%3E");
  --arrow-long: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6h94M89 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");
  --fleuron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 12'%3E%3Cpath d='M0 6h44M68 6h44' stroke='%23000'/%3E%3Cpath d='M56 0l6 6-6 6-6-6z'/%3E%3C/svg%3E");
  --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='M0 0h5l7 8-7 8H0l7-8z'/%3E%3C/svg%3E");
}
@media (max-width: 39.99em) { :root { --display-weight: 400; } }

*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color-scheme: light;
  scroll-padding-top: calc(var(--header) + 1rem);
  timeline-scope: --cover;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font: 400 var(--text-m)/1.58 var(--font-text);
  font-kerning: normal;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
  counter-reset: folio plate;
}
h1, h2, h3, h4, p, figure, blockquote, dl, dd, ol, ul { margin: 0; }
:where(ol, ul)[class] { padding: 0; list-style: none; }
:where(h1, h2, h3, h4) { font-weight: 400; text-wrap: balance; }
img, svg { display: block; max-width: 100%; height: auto; }
picture { display: contents; }
a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
}
a:hover { text-decoration-color: currentColor; }
:where(button) { font: inherit; color: inherit; }
table { border-collapse: collapse; }
abbr[title] { text-decoration: none; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
::selection { background: var(--tint); color: var(--fg); }

.visually-hidden {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.skip {
  position: absolute; z-index: 60; left: var(--inset); top: -5rem;
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 1rem;
  background: var(--cloth); color: var(--on-ink);
}
.skip:focus { top: 0.5rem; }
.skip:focus-visible { outline-color: currentColor; outline-offset: -5px; }

.night {
  --bg: var(--cloth);
  --fg: var(--on-ink);
  --fg-2: #c9c6bd;
  --muted: var(--on-ink-muted);
  --rule: #34405c;
  --rule-strong: color-mix(in srgb, var(--gilt-light) 70%, var(--bg));
  --accent: var(--gilt-light);
  --gild: var(--gilt-light);
  --focus: var(--gilt-light);
  --mount: #efe8da;
  color-scheme: dark;
  background: var(--bg);
  color: var(--fg);
}
.night--earth {
  --bg: var(--earth);
  --fg: #f4e7d6;
  --fg-2: #e6d3c0;
  --muted: #d9c0ad;
  --rule: #874a3d;
  --rule-strong: color-mix(in srgb, var(--gilt-light) 70%, var(--bg));
}
:root:has(.opener.night--earth) { --gild: var(--earth); }

.grid, .spread {
  --edge: minmax(calc(var(--margin) - var(--gap)), 1fr);
  display: grid;
  column-gap: var(--gap);
  align-content: start;
  grid-template-columns:
    [full-start] var(--edge)
    [main-start aside-start text-start] minmax(0, var(--max))
    [main-end aside-end text-end] var(--edge) [full-end];
}
:is(.grid, .spread) > * { grid-column: main; min-width: 0; }
.spread { row-gap: var(--space-l); }

@media (min-width: 64em) {
  .grid, .spread {
    grid-template-columns:
      [full-start] var(--edge)
      [main-start aside-start] repeat(4, minmax(0, var(--col))) [aside-end]
      minmax(0, var(--col))
      [text-start] repeat(7, minmax(0, var(--col))) [text-end main-end]
      var(--edge) [full-end];
  }
  .spread { align-items: start; }
  .spread__side { grid-column: aside; }
  .spread__main { grid-column: text; }
  .spread--flip .spread__side { grid-column: 10 / main-end; }
  .spread--flip .spread__main { grid-column: main-start / 9; }
  .spread--halves .spread__side, .spread--halves.spread--flip .spread__main { grid-column: main-start / 8; }
  .spread--halves .spread__main, .spread--halves.spread--flip .spread__side { grid-column: 8 / main-end; }
  .spread--sticky .spread__side { position: sticky; top: calc(var(--header) + var(--space-l)); align-self: start; }
  :is(.spread__side.title, .spread__side > .title) { font-size: min(var(--display-m), 4.8vw, 4.4rem); hyphens: auto; -webkit-hyphens: auto; }
}
div:is(.spread__side, .spread__main):where(:not(.prose)) > * + * { margin-top: var(--space-l); }
div:is(.spread__side, .spread__main) > :is(.label + *, .title + .dek, .title + .standfirst) { margin-top: var(--space-s); }
main > :is(section, article) { counter-increment: folio; }
.section { margin-block: var(--space-section); }
.section.night { margin-block: 0; padding-block: var(--space-section); }
.section.night:not(.night--earth) + .section.night:not(.night--earth), .section.night--earth + .section.night--earth { padding-top: 0; }
.section.night:has(> .bleed:last-child) { padding-bottom: var(--space-l); }
.section--tight { margin-block: var(--space-xl); }

:where(.label, .skip, .runhead, .more, .masthead__contents, .masthead__title, .masthead__dates, .menu__close,
  .cover__dates, .attribution, .figures dt, .stats dt, .monument dt, .ranking dt,
  .drive__meta, .cast dt, .timeline--season time, .colophon__name span, .colophon__foot) {
  font: 400 var(--text-xs)/1.4 var(--font-label);
  font-variant-caps: all-small-caps;
  letter-spacing: var(--track-label);
  text-wrap: balance;
}
:where(.credit, .lifebar, .results thead th, .picture-credits__who, .picture-credits__no),
:where(.notes__list li)::before {
  font: 400 var(--text-2xs)/1.45 var(--font-label);
  font-variant-caps: all-small-caps;
  letter-spacing: var(--track-credit);
}
:where(.plate figcaption, .bleed figcaption, .attribution span, .ranking dd + dd, .results__date,
  .results__note, .toc__desc, .picture-credits__what, .colophon__set) {
  font: italic 400 var(--text-s)/1.45 var(--font-text);
  font-variant-caps: normal;
  letter-spacing: 0;
}

.label { color: var(--muted); }
.title, .opener__title {
  font: var(--display-weight) var(--display-m)/1 var(--font-display);
  letter-spacing: -0.01em;
}
.title--chapter, .opener__title { font-size: var(--display-l); line-height: 0.95; }
.dek { font: italic 400 var(--text-l)/1.35 var(--font-text); color: var(--fg-2); text-wrap: pretty; }
.standfirst { font: 400 var(--text-xl)/1.3 var(--font-text); text-wrap: pretty; }
.standfirst, .dek { max-width: 24em; }
.numeral {
  margin-block: var(--space-m) var(--space-s);
  font: italic 400 var(--display-m)/1 var(--font-display);
  color: var(--muted);
}
.numeral:first-child { margin-top: 0; }
.night .numeral { color: var(--gild); }
.numeral::after, .quote--epigraph::before, .cover__name::after {
  content: ""; display: block; width: 7rem; height: 0.75rem; margin-top: var(--space-s);
  background: var(--gild);
  -webkit-mask: var(--fleuron) center / contain no-repeat; mask: var(--fleuron) center / contain no-repeat;
}
.runhead {
  display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-s);
  padding-top: var(--space-xs);
  margin-bottom: var(--space-m);
  border-top: 3px double var(--rule-strong);
}
.runhead::after { content: counter(folio) / ""; color: var(--muted); font: italic 400 var(--text-nav)/1 var(--font-display); font-variant-numeric: lining-nums; letter-spacing: 0; }
.grid > * + .more { margin-top: var(--space-l); }
.more {
  display: inline-block; justify-self: start; vertical-align: top;
  min-height: 44px; padding-block: 0.8rem;
  text-decoration: none;
  color: var(--fg);
}
.more::after {
  content: "\2060"; margin-left: 0.7rem; padding-left: 2rem;
  background: currentColor;
  -webkit-mask: var(--arrow) 0 58% / 1.6rem 0.7rem no-repeat;
  mask: var(--arrow) 0 58% / 1.6rem 0.7rem no-repeat;
}
.more:hover, .more:focus-visible { text-decoration: underline 1px var(--gild); text-underline-offset: 0.3em; }
.more:hover::after, .more:focus-visible::after { -webkit-mask-position: 100% 58%; mask-position: 100% 58%; }
.more--down::after { display: inline-block; width: 1.2rem; height: 0.7rem; padding: 0; rotate: 90deg; -webkit-mask-size: contain; mask-size: contain; }
.more--down:hover::after, .more--down:focus-visible::after { translate: 0 0.25rem; }
.mark { display: inline-block; flex: none; width: 0.6rem; height: 0.8rem; background: var(--gild); -webkit-mask: var(--chevron) center / contain no-repeat; mask: var(--chevron) center / contain no-repeat; }

.masthead {
  position: sticky; top: 0; z-index: 30;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  height: var(--header);
  padding-inline: var(--inset);
  background: var(--paper);
  border-bottom: 1px solid var(--rule);
  color: var(--fg);
}
.masthead :focus-visible { outline-color: currentColor; outline-offset: 0; }
.masthead__contents {
  justify-self: start;
  display: inline-flex; align-items: center; gap: 0.6rem;
  min-height: 44px; padding: 0 0.75rem; margin-left: -0.75rem;
  border: 0; background: none; cursor: pointer;
}
.masthead__contents::before { content: ""; width: 1rem; height: 0.45rem; border-block: 1px solid currentColor; }
.masthead__title {
  display: inline-flex; align-items: center; min-height: 44px;
  letter-spacing: 0.18em;
  text-decoration: none;
  white-space: nowrap;
}
.masthead__dates { justify-self: end; white-space: nowrap; }
@media (max-width: 29.99em) {
  .masthead { grid-template-columns: 1fr auto; }
  .masthead__dates { display: none; }
}
.masthead--over {
  position: fixed; inset: 0 0 auto;
  background: var(--cloth); border-bottom-color: var(--cloth); color: var(--on-ink);
}
:root:has(.cover.night--earth) .masthead--over { background: var(--earth); border-bottom-color: var(--earth); }
@supports not (animation-timeline: scroll()) { .masthead--over { position: absolute; } }

@supports (animation-timeline: scroll()) {
  .masthead::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
    background: var(--gild);
    transform-origin: 0 50%;
    animation: progress linear both;
    animation-timeline: scroll(root);
  }
  .masthead--over { animation: masthead-paper step-end both; animation-timeline: --cover; }
}
@keyframes progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes masthead-paper { to { background-color: var(--paper); border-bottom-color: var(--rule); color: var(--fg); } }

.menu {
  background: var(--paper);
  color: var(--fg);
  padding: 0 var(--margin) var(--space-l);
}
.menu__head {
  display: flex; align-items: center; justify-content: space-between;
  min-height: var(--header);
  margin-bottom: var(--space-s);
  border-bottom: 1px solid var(--rule);
}
.menu__close { min-height: 44px; padding: 0 0.75rem; margin-right: -0.75rem; border: 0; background: none; cursor: pointer; }
.menu:focus-visible, .menu :focus-visible { outline-offset: -2px; }
.menu__chapters a {
  display: grid; grid-template-columns: 3rem minmax(0, 1fr); align-items: baseline;
  min-height: 44px; padding-block: 0.3rem 0.4rem;
  border-bottom: 1px solid var(--rule);
  padding-inline: 0.35rem;
  font: 400 var(--display-menu)/1.1 var(--font-display);
  text-decoration: none;
  box-shadow: inset 0 -2px transparent;
}
:is(.menu__num, .toc__num) { font: italic 400 var(--text-nav)/1 var(--font-text); color: var(--muted); }
.menu__chapters a:is(:hover, :focus-visible, [aria-current]) { box-shadow: inset 0 -2px var(--gild); }
.menu__chapters a:is(:hover, :focus-visible, [aria-current]) .menu__num { color: var(--fg); }
:is(.menu > .label, .toc__part) { margin: var(--space-l) 0 var(--space-xs); }
:is(.menu__reference, .colophon__chapters, .colophon__reference) { display: flex; flex-wrap: wrap; column-gap: 1.25rem; }
:is(.menu__reference, .colophon__nav) a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--text-nav); }

@supports selector(:popover-open) {
  .menu[popover] {
    position: fixed; inset: 0 auto 0 0;
    width: min(30rem, 100%); height: 100dvh; max-width: none; max-height: none;
    margin: 0; border: 0; border-right: 1px solid var(--rule);
    overflow-y: auto; overscroll-behavior: contain;
  }
  .menu[popover]::backdrop { background: color-mix(in srgb, var(--cloth) 45%, transparent); }
  @media (prefers-reduced-motion: no-preference) {
    .menu[popover] { translate: -100% 0; }
    .menu[popover]::backdrop { opacity: 0; }
    .menu:is(:popover-open, :modal) { translate: none; }
    .menu:is(:popover-open, :modal)::backdrop { opacity: 1; }
    .menu[popover], .menu[popover]::backdrop { transition: translate 0.4s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.4s ease, display 0.4s allow-discrete, overlay 0.4s allow-discrete; }
    @starting-style { .menu:is(:popover-open, :modal) { translate: -100% 0; } .menu:is(:popover-open, :modal)::backdrop { opacity: 0; } }
  }
}
@supports not selector(:popover-open) {
  .menu { display: block; position: static; width: auto; margin: 0; border: 0; }
}

.cover {
  position: relative; display: grid; align-content: center; justify-items: center; gap: var(--space-l);
  min-height: 100svh;
  padding: calc(var(--header) + var(--space-l)) var(--margin) var(--space-l);
  view-timeline: --cover block; view-timeline-inset: var(--header) 0;
}
.cover__portrait {
  --pad: clamp(0.5rem, 0.3rem + 0.8vw, 1rem);
  --drop: 0 1.5rem 2.5rem -1.25rem rgb(0 0 0 / 0.55);
  width: min(100%, calc(var(--pw) * 1.25px + 2 * var(--pad)), calc(46svh * var(--ar) + 2 * var(--pad)));
  margin: 0;
}
.cover__portrait img { aspect-ratio: var(--ar); }
.cover__text { max-width: 34rem; text-align: center; }
.cover__text > .label { color: var(--gilt-light); }
.cover__text .credit { margin-top: var(--space-m); }
.cover__name {
  display: flex; flex-direction: column; align-items: center;
  margin-block: var(--space-s) 0;
  font: var(--display-weight) clamp(4.25rem, 2.2rem + 9vw, 10.5rem)/0.86 var(--font-display);
  letter-spacing: -0.01em;
}
.cover__name::after { margin-top: var(--space-m); background: var(--gilt-light); }
.cover__dates { margin-top: var(--space-m); }
.cover__places { margin-top: 0.35rem; font: italic 400 var(--text-nav)/1.4 var(--font-text); color: var(--muted); }
.cover__standfirst { max-width: 25em; margin: var(--space-m) auto 0; font: 400 var(--text-m)/1.45 var(--font-text); text-wrap: pretty; }
.cover__text .more { margin-top: var(--space-s); }

@media (min-width: 56em), (orientation: landscape) and (max-height: 30em) {
  .cover { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); column-gap: clamp(2rem, 5vw, 6rem); align-items: center; }
  .cover__portrait { justify-self: end; width: min(100%, calc(var(--pw) * 1.25px + 2 * var(--pad)), calc((100svh - var(--header) - 6rem) * var(--ar))); }
}
.cover--bleed { display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; gap: 0; min-height: min(100svh, 60rem); padding: 0; }
.cover__photo { position: relative; flex: 1 1 auto; min-height: 16rem; margin: 0; }
.cover__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--focal, 50% 50%); }
.cover--bleed .cover__text { max-width: none; padding: var(--space-l) var(--inset); }
.cover__title { margin-block: var(--space-2xs); font: var(--display-weight) var(--display-xl)/0.86 var(--font-display); letter-spacing: -0.015em; }
.cover__title + .cover__standfirst { margin-top: 0; font-style: italic; color: var(--fg-2); }

.opener { padding-block: var(--space-xl) var(--space-section); row-gap: var(--space-l); }
.opener__text { grid-column: text; grid-row: 1; max-width: var(--measure); text-align: center; }
:is(.opener__text, .drive--card) .numeral::after { margin-inline: auto; }
.opener__title { display: block; }
.opener__dek { display: block; margin-top: var(--space-xs); font: italic 400 var(--text-xl)/1.3 var(--font-text); color: var(--fg-2); letter-spacing: 0; }
.opener .quote { margin: var(--space-l) auto 0; max-width: 24em; }
.opener__standfirst { max-width: 28em; margin: var(--space-m) auto 0; font: 400 var(--text-l)/1.45 var(--font-text); color: var(--fg-2); text-wrap: pretty; }
.opener--plate { --opener-h: 24rem; }
.opener--plate .plate { --cap: min(100%, calc(var(--opener-h) * var(--ar) + 2 * var(--pad))); }
@media (max-width: 63.99em) {
  .opener--plate { row-gap: 0; }
  .opener--plate .opener__text { display: contents; }
  .opener--plate .opener__text > * { grid-column: text; text-align: center; }
  .opener--plate .quote { order: 1; }
  .opener--plate .plate { margin: var(--space-l) auto 0; }
}
@media (min-width: 64em) {
  .opener--plate { --opener-h: 32rem; align-items: center; }
  .opener--plate .opener__text { grid-column: 8 / main-end; }
  .opener--plate .plate { grid-column: main-start / 7; grid-row: 1; justify-self: end; }
}

.epigraph { padding-inline: var(--margin); text-align: center; }
.statement { row-gap: var(--space-m); text-align: center; }
.statement > :not(.runhead) { justify-self: center; }
.statement .figures { justify-content: center; margin-top: var(--space-s); }

:is(.grid, .spread) > .prose { grid-column: text; }
.prose {
  hyphens: auto; -webkit-hyphens: auto;
  hyphenate-limit-chars: 9 3 4; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 4;
}
:where(.prose) > * { max-width: var(--measure); }
.prose p { text-wrap: pretty; }
.prose :is(p, p + .plate--aside, p + .quote--aside) + p { text-indent: 1.4em; }
.prose h2 { clear: both; margin-block: var(--space-xl) var(--space-s); font: 400 var(--display-s)/1.05 var(--font-display); hyphens: manual; }
.prose h3 { margin-block: var(--space-l) var(--space-3xs); font: 500 var(--text-m)/1.35 var(--font-label); font-variant-caps: all-small-caps; letter-spacing: 0.08em; hyphens: manual; }
.prose > :first-child { margin-top: 0; }
.prose :is(ul, ol) { margin-block: 1em; padding-left: 1.25em; }
.prose li + li { margin-top: 0.35em; }
.prose > :is(figure, .quote) { margin-block: var(--space-l); }
.prose > :last-child { margin-bottom: 0; }
.prose .lede { font-size: var(--text-l); line-height: 1.5; hyphens: manual; }
.lede::first-line { font-family: var(--font-label); font-variant-caps: small-caps; letter-spacing: 0.03em; }
.lede::first-letter { float: left; margin: 0.04em 0.08em 0 0; font: 300 4.6em/0.78 var(--font-display); }
@supports (initial-letter: 3) or (-webkit-initial-letter: 3) {
  .lede::first-letter { float: none; margin: 0 0.12em 0 0; font-size: 1em; line-height: 1; -webkit-initial-letter: 3; initial-letter: 3; }
}
.note-ref { font: 400 max(0.72em, var(--text-2xs))/0 var(--font-text); vertical-align: super; }
.note-ref a { padding-inline: 0.12em; text-decoration: none; color: var(--muted); }
.note-ref a:hover { color: var(--fg); }
:is(.note-ref a, .notes__back, .picture-credits__who a) { position: relative; }
:is(.note-ref a, .notes__back, .picture-credits__who a)::after { content: ""; position: absolute; inset: -0.9rem -0.3rem; }
@media (min-width: 64em) {
  .prose :is(.plate--aside, .quote--aside, .plate--wide) { --c: calc((100% - 6 * var(--gap)) / 7); }
  .prose :is(.plate--aside, .quote--aside) {
    float: left; clear: left;
    width: calc(4 * var(--c) + 3 * var(--gap));
    margin: 0.4em 0 var(--space-m) calc(-5 * (var(--c) + var(--gap)));
  }
  .prose .plate--wide {
    clear: both;
    width: calc(100% + 5 * (var(--c) + var(--gap)));
    max-width: calc(var(--pw, 9999) * 1.25px + 2 * var(--pad));
    margin-left: calc(-5 * (var(--c) + var(--gap)));
  }
}

.plate {
  --pad: var(--mount-pad);
  --drop: 0 0 0 1px color-mix(in srgb, var(--fg) 7%, transparent), 0 1.25rem 1.5rem -1.25rem color-mix(in srgb, var(--cloth) 30%, transparent);
  --cap: 100%;
  counter-increment: plate;
  max-width: min(var(--cap), calc(var(--pw, 9999) * 1.25px + 2 * var(--pad)));
}
:is(.plate, .cover__portrait) img {
  width: 100%;
  padding: var(--pad);
  background: var(--mount);
  box-shadow: inset 0 0 0 calc(var(--pad) - 5px) var(--mount), inset 0 0 0 calc(var(--pad) - 4px) var(--mount-edge), var(--drop);
}
:where(.prose) > .plate { --cap: var(--measure); }
.plate--flush, .plate--wide, .plate--frame { --pad: 0px; }
:is(.plate--flush, .plate--wide, .plate--frame) img { box-shadow: none; }
@media (min-width: 40em) and (max-width: 63.99em) {
  :where(.spread__side, .grid, .spread) > .plate:where(:not(.plate--flush)), :where(.prose) > .plate--aside { --cap: 26rem; }
}
.plate--small { --cap: 20rem; }
.plate--medium { --cap: 30rem; }
.plate figcaption, .bleed figcaption {
  position: relative;
  max-width: 36rem;
  margin-top: var(--space-xs);
  padding-left: 2rem;
  color: var(--fg-2);
  text-align: left;
  text-wrap: balance;
}
.plate figcaption::before, .bleed figcaption::before {
  content: counter(plate);
  position: absolute; left: 0; top: 0.05em;
  font: italic 400 var(--text-nav)/1.3 var(--font-display);
  font-variant-numeric: lining-nums;
  color: var(--muted);
}
.plate figcaption { margin-left: var(--pad); }
.credit { display: block; margin-top: 0.2rem; color: var(--muted); }

.bleed {
  counter-increment: plate;
  grid-column: full;
  width: 100%;
  max-width: calc(var(--pw, 99999) * 1.25px);
  margin-inline: auto;
}
.bleed img {
  width: 100%;
  aspect-ratio: var(--ratio-narrow, 3 / 2);
  object-fit: cover;
  object-position: var(--focal, 50% 50%);
}
.bleed figcaption { margin-inline: var(--inset); }
:is(.column, .prose) + .bleed, .bleed + :is(.column, .prose) { margin-top: var(--space-xl); }
.spread > :is(.column, .prose) + .bleed, .spread > .bleed + :is(.column, .prose) { margin-top: calc(var(--space-xl) - var(--space-l)); }
.grid > .prose + * { margin-top: var(--space-xl); }
@media (min-width: 48em) { .bleed img { aspect-ratio: var(--ratio, 2.39); } }

.pair { display: flex; flex-direction: column; gap: var(--space-l) var(--gap); }
.pair > .plate { margin: 0; }
@media (min-width: 40em) {
  .pair { flex-direction: row; align-items: flex-start; }
  .pair > .plate { flex: var(--ar, 1) 1 calc(2 * var(--pad)); min-width: 0; }
}
.contact-sheet { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-l) var(--space-s); align-items: start; }
.plate--frame img { aspect-ratio: 3 / 2; object-fit: cover; object-position: var(--focal, 50% 35%); }
.plate--frame figcaption { padding-left: 0; }
.plate--frame figcaption::before { position: static; display: block; margin-bottom: 0.1rem; }
@media (hover: hover) { .contact-sheet:has(img:hover) img:not(:hover) { opacity: 0.45; } }
@media (min-width: 64em) { .contact-sheet { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.quote blockquote { font: italic 400 var(--display-s)/1.1 var(--font-display); text-wrap: balance; hyphens: manual; }
.quote blockquote p:first-child { text-indent: var(--hang, -0.36em); }
.quote blockquote p:first-child::before { content: "\201C"; }
.quote blockquote p:last-child::after { content: "\201D"; }
.quote blockquote p + p { margin-top: 0.4em; }

.quote--about { --hang: -0.42em; }
.quote--about blockquote { font: 400 var(--text-xl)/1.32 var(--font-text); }
:is(.prose .quote, .opener .quote, .quote--long) blockquote { font-size: var(--text-xl); }

.quote--epigraph blockquote { max-width: 18em; margin-inline: auto; font-size: clamp(2.125rem, 1.4rem + 3vw, 4rem); line-height: 1.08; }
.quote--statement blockquote { max-width: 14em; margin-inline: auto; font-size: var(--display-l); line-height: 1; }
.quote--epigraph::before { margin: 0 auto var(--space-l); }

.quote__translation { margin-top: var(--space-s); font: 400 var(--text-l)/1.4 var(--font-text); color: var(--fg-2); text-wrap: balance; }
:is(.quote--epigraph, .quote--statement) .quote__translation { max-width: 28em; margin-inline: auto; }

.attribution {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.2rem 0.6rem;
  margin-top: var(--space-m);
}
.attribution::before { content: ""; flex: none; align-self: center; width: 2rem; height: 1px; background: var(--gild); }
.attribution span { color: var(--muted); }
:is(.quote--epigraph, .quote--statement, .column, .opener) .attribution { justify-content: center; }
:is(.quote--epigraph, .quote--statement, .column, .opener) .attribution::before { display: none; }

.figures { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-s) clamp(1.5rem, 4vw, 3rem); }
:is(.figures, .stats) > div { display: flex; flex-direction: column; padding-top: var(--space-2xs); border-top: 2px solid var(--rule-strong); }
:is(.figures, .stats) dt { margin-top: var(--space-2xs); color: var(--muted); max-width: 16em; }
.figures dd { order: -1; font: 500 clamp(5rem, 3rem + 7vw, 10rem)/1 var(--font-display); letter-spacing: -0.02em; }
.figures dd i { font-size: 0.32em; font-weight: 400; letter-spacing: 0; color: var(--muted); }
.figures--progress > div:first-child { order: 1; }
.figures--progress > div:last-child { order: 3; }
.figures--progress::after {
  content: ""; order: 2; align-self: center;
  width: clamp(2.5rem, 8vw, 6rem); height: 0.75rem;
  background: var(--gild);
  -webkit-mask: var(--arrow-long) right center / 100% 100% no-repeat;
  mask: var(--arrow-long) right center / 100% 100% no-repeat;
}

.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(8.5rem, 42%), 1fr)); gap: var(--space-l) var(--gap); }
.stats dd { order: -1; font: 500 var(--display-m)/1.05 var(--font-display); }
.grid > .title + * { margin-top: var(--space-s); }
.grid > .title + .bleed { margin-top: var(--space-l); }
.grid > .stats + .cast { margin-top: var(--space-l); }
.monument { display: flex; flex-direction: column; container-type: inline-size; }
.monument dd:first-of-type {
  order: -1;
  font: 300 min(clamp(12rem, 5rem + 26vw, 28rem), 110cqi)/0.78 var(--font-display);
  letter-spacing: -0.03em; margin-left: -0.04em;
  color: var(--accent);
}
.monument dt { margin-top: var(--space-l); padding-top: var(--space-s); border-top: 1px solid var(--gild); max-width: 14rem; }
.monument dd + dd { margin-top: 0.35rem; font: italic 400 var(--text-l)/1.3 var(--font-text); color: var(--muted); }

.ranking { border-bottom: 1px solid var(--rule); }
.ranking > div {
  display: grid; grid-template-columns: 2.2em minmax(0, 1fr); align-items: baseline; column-gap: var(--space-m);
  padding-block: var(--space-xs);
  border-top: 1px solid var(--rule);
  font-size: clamp(2.5rem, 1.8rem + 2.8vw, 4rem);
}
.ranking dd:first-of-type { order: -1; font: 400 1em/1 var(--font-display); text-align: right; }
.ranking dd + dd { grid-column: 2; color: var(--muted); }

.timeline { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: var(--space-m); }
.timeline li { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: baseline; padding-block: 0.3rem; }
.timeline time { text-align: right; }
.timeline:not(.timeline--season) time { font: italic 400 var(--text-xl)/1.05 var(--font-display); white-space: nowrap; }
.timeline p { font-size: var(--text-m); line-height: 1.4; text-wrap: pretty; }
.timeline--season { grid-template-columns: minmax(0, 1fr); }
.timeline--season time { text-align: left; }
@media (min-width: 40em) {
  .timeline--season { grid-template-columns: 11rem minmax(0, 1fr); }
  .timeline--season time { text-align: right; }
}
.timeline--ruled li { padding-block: var(--space-xs); border-top: 1px solid var(--rule); }
.timeline--split li { break-inside: avoid; }
@media (min-width: 64em) {
  .timeline--split { display: block; columns: 2; column-gap: var(--gap); }
  .timeline--split li { grid-template-columns: 4.5rem minmax(0, 1fr); column-gap: var(--space-m); }
}
.lifebar {
  --span: calc(var(--to) - var(--from));
  --axis: 2.25rem;
  position: relative; height: 4.75rem;
  color: var(--muted);
}
.lifebar::before { content: ""; position: absolute; left: 0; right: 0; top: var(--axis); height: 1px; background: var(--fg); }
.lifebar__tick { position: absolute; top: calc(var(--axis) - 6px); left: calc((var(--at) - var(--from)) / var(--span) * 100%); width: 1px; height: 13px; background: var(--fg); counter-reset: year var(--at); }
.lifebar__tick::after { content: counter(year); position: absolute; top: calc(100% + 0.5rem); left: 50%; translate: -50% 0; }
.lifebar__range {
  position: absolute; top: calc(var(--axis) - 3px); height: 7px;
  left: calc((var(--start) - var(--from)) / var(--span) * 100%);
  right: calc((var(--to) - var(--end)) / var(--span) * 100%);
  background: var(--gild);
}
.lifebar__range span { position: absolute; left: 0; bottom: calc(100% + 0.9rem); white-space: nowrap; color: var(--fg); }
.lifebar__edge { position: absolute; bottom: calc(100% - var(--axis) + 3px + 0.9rem); }
.lifebar__edge:last-child { right: 0; }

.results { --cell: 0.3rem; max-width: 52rem; }
.results caption { caption-side: top; padding-bottom: var(--space-s); text-align: left; }
.results table { width: 100%; font: 400 var(--text-s)/1.35 var(--font-text); font-feature-settings: "lnum" 1, "tnum" 1; }
.results thead th {
  padding: 0 var(--cell) 0.5rem; border-bottom: 2px solid var(--rule-strong);
  color: var(--muted); text-align: left; white-space: nowrap;
}
.results :is(td, tbody th, tfoot th) { padding: 0.6rem var(--cell); border-bottom: 1px solid var(--rule); vertical-align: baseline; text-align: left; }
.results tbody th { font-weight: 400; width: 100%; }
.results :is(th, td):first-child { padding-left: 0.6rem; color: var(--muted); }
.results :is(th, td):last-child { padding-right: 0; }
.results :is(th, td):nth-child(n + 3) { text-align: right; }
.results__race { display: block; font-size: var(--text-nav); }
.results__date { display: block; color: var(--muted); }
.results th .results__note { display: block; }
.results .has-note > * { border-bottom: 0; padding-bottom: 0.15rem; }
.results .results__more > * { padding-top: 0; }
.results .results__note { color: var(--fg-2); }
.results .is-points > * { background: var(--tint); }
.results .is-points > :first-child { box-shadow: inset 3px 0 var(--fg); color: var(--fg); }
.results .is-points td:last-child { font-weight: 500; }
.results .is-points .results__date { color: var(--fg-2); }
@media (max-width: 22.49em) { .results { --cell: 0.15rem; } .results thead th { letter-spacing: 0; } }
.results tfoot :is(th, td) { padding-top: var(--space-xs); border-top: 2px solid var(--rule-strong); border-bottom: 0; font-weight: 500; }
@media (min-width: 40em) { .results { --cell: 0.75rem; } }

.drive__head { container-type: inline-size; }
.drive__place { margin-top: var(--space-xs); padding-bottom: 0.12em; font: var(--display-weight) min(var(--display-xl), 16cqi)/0.86 var(--font-display); letter-spacing: -0.015em; }
.drive__meta { margin-top: var(--space-s); }
.drive__text { max-width: 28em; font-size: var(--text-l); line-height: 1.5; text-wrap: pretty; }
.drive { margin-top: var(--space-section); }
@media (min-width: 64em) { .drive:not(.spread--flip) > .more { grid-column: text; } }
.drive--card .drive__head { text-align: center; }

.cast { container-type: inline-size; border-bottom: 1px solid var(--rule); }
.cast > div { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); align-items: baseline; padding-block: var(--space-xs); border-top: 1px solid var(--rule); }
.cast dt { color: var(--muted); }
.cast dd { font: 400 min(var(--text-xl), 9.5cqi)/1.15 var(--font-display); }
.cast--season > div { grid-template-columns: 7rem minmax(0, 1fr); column-gap: var(--space-s); }
.cast--season dd { font: 400 min(var(--text-l), 6.8cqi)/1.3 var(--font-text); }

.display-list li { font: italic 400 var(--display-s)/1.12 var(--font-display); }
.drive--card .display-list li + li::before { content: ""; display: block; width: 1.5rem; height: 1px; margin: 0.45em 0; background: var(--gild); }

.toc__list { border-bottom: 1px solid var(--rule); }
.toc__list a {
  display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); align-items: baseline; column-gap: 0.25rem;
  min-height: 44px; padding-block: 0.7rem 0.8rem;
  border-top: 1px solid var(--rule);
  text-decoration: none;
}
.toc__title { font: 400 var(--display-s)/1.05 var(--font-display); text-wrap: balance; }
.toc__title, :is(.menu__reference, .colophon__nav) a { text-decoration: underline 1px transparent; text-underline-offset: 0.16em; text-decoration-skip-ink: none; }
.toc__leader { display: none; }
.toc__desc { grid-column: 2; margin-top: 0.3rem; color: var(--fg-2); }
:is(.toc__list a:is(:hover, :focus-visible) .toc__title, :is(.menu__reference, .colophon__nav) a:is(:hover, :focus-visible, [aria-current])) { text-decoration-color: var(--gild); }
@media (min-width: 48em) {
  .toc__list a { grid-template-columns: 4rem auto minmax(2rem, 1fr) auto; }
  .toc__leader { display: block; height: 0.5em; margin-inline: 1rem; border-bottom: 2px dotted color-mix(in srgb, var(--muted) 45%, transparent); }
  .toc__desc { grid-column: auto; margin: 0; text-align: right; }
}
.pager { display: grid; grid-template-columns: 1fr 1fr; border-block: 3px double var(--rule-strong); }
.pager a { display: flex; flex-direction: column; gap: 0.4rem; min-height: 44px; padding-block: var(--space-m); text-decoration: none; }
.pager a + a, .pager__next { grid-column: 2; align-items: flex-end; text-align: right; padding-left: var(--gap); border-left: 1px solid var(--rule); }
.pager__prev { padding-right: var(--gap); }
.pager__title { font: 400 var(--display-s)/1 var(--font-display); }
.pager a:is(:hover, :focus-visible) .pager__title { text-decoration: underline 1px var(--gild); text-underline-offset: 0.16em; }

.notes { max-width: 40rem; font-size: var(--text-s); line-height: 1.5; }
.notes__list { counter-reset: note; border-bottom: 1px solid var(--rule); }
.notes__list li { counter-increment: note; display: grid; grid-template-columns: 2rem minmax(0, 1fr); padding-block: var(--space-2xs); border-top: 1px solid var(--rule); scroll-margin-top: calc(var(--header) + 2rem); }
.notes__list li::before { content: counter(note); line-height: 1.9; color: var(--muted); }
.notes__list p, .sources p { text-wrap: pretty; }
.notes__list li:target { background: var(--tint); }
.notes__list li:target::before { color: var(--fg-2); }
.notes__back { margin-left: 0.35em; text-decoration: none; }
.sources li { padding-left: 1.5em; text-indent: -1.5em; margin-bottom: var(--space-2xs); }

.picture-credits { border-bottom: 1px solid var(--rule); font-size: var(--text-s); line-height: 1.45; }
.picture-credits li { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); column-gap: var(--space-s); row-gap: 0.15rem; padding-block: var(--space-xs); border-top: 1px solid var(--rule); }
.picture-credits__no { grid-row: span 2; line-height: 1.9; }
.picture-credits__what { color: var(--fg-2); }
.picture-credits__who { color: var(--muted); line-height: 1.9; }
.picture-credits__who a::after { inset-block: -0.25rem; }
@media (min-width: 48em) {
  .picture-credits li { grid-template-columns: 3rem minmax(0, 3fr) minmax(0, 2fr); align-items: baseline; }
  .picture-credits__no { grid-row: auto; }
  .picture-credits__who { text-align: right; }
}

.column { max-width: calc(40rem + 2 * var(--margin)); margin-inline: auto; padding-inline: var(--margin); text-align: center; }
.column > * + * { margin-top: var(--space-l); }
.column :is(.plate, .plate figcaption) { margin-inline: auto; }
.column .quote { margin-top: var(--space-xl); }
.column > p:not([class]) { font-size: var(--text-l); line-height: 1.55; text-wrap: pretty; }
.column > .label + .title { margin-top: var(--space-s); }
.column .title--chapter { font-size: min(var(--display-m), 11vw); }

.colophon { --gild: var(--gilt); padding-block: var(--space-xl) var(--space-m); row-gap: var(--space-xl); }
.colophon::before { content: ""; grid-column: main; height: 0.75rem; background: var(--gild); -webkit-mask: var(--fleuron) center / 7rem 0.75rem no-repeat; mask: var(--fleuron) center / 7rem 0.75rem no-repeat; }
.colophon__name { font: var(--display-weight) var(--display-m)/0.95 var(--font-display); text-align: center; }
.colophon__name span { display: block; margin-top: 0.6rem; color: var(--muted); }
.colophon__nav { display: grid; gap: var(--space-l); justify-items: center; text-align: center; }
.colophon__nav .label { margin-bottom: var(--space-2xs); }
:is(.colophon__chapters, .colophon__reference) { justify-content: center; max-width: 44rem; }
.colophon__set { max-width: 34em; margin-inline: auto; color: var(--fg-2); text-align: center; }
.colophon__foot {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2xs) var(--space-m);
  padding-top: var(--space-s); border-top: 1px solid var(--rule);
  color: var(--muted);
}
.colophon__foot a { display: inline-flex; align-items: center; gap: 0.6rem; min-height: 44px; color: var(--fg); text-decoration: none; }
:is(.title, .opener__title, .numeral, .menu__chapters a, .cover__name, .cover__title, .prose h2, .quote blockquote,
  .figures dd, .stats dd, .monument dd:first-of-type, .ranking dd:first-of-type, .timeline time, .drive__place, .cast dd,
  .display-list li, .toc__title, .pager__title, .colophon__name) { font-variant-numeric: lining-nums; }

@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  html { scroll-behavior: smooth; }
  .cover__portrait { animation: fade-in 1.4s ease both; }
  .cover__text > * { animation: rise 1s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
  .cover__text > :nth-child(n + 3) { animation-delay: 0.15s; }
  .toc__title, :is(.menu__reference, .colophon__nav) a { transition: text-decoration-color 0.25s ease; }
  .menu__chapters a { transition: grid-template-columns 0.3s ease, box-shadow 0.3s ease; }
  .menu__chapters a:is(:hover, :focus-visible) { grid-template-columns: 3.5rem minmax(0, 1fr); }
  .menu__num { transition: color 0.3s ease; }
  .contact-sheet img { transition: opacity 0.4s ease; }
  .more::after { transition: -webkit-mask-position 0.25s ease, mask-position 0.25s ease, translate 0.25s ease; }
  @supports (animation-timeline: view()) {
    .plate--colour img { animation: develop linear both; animation-timeline: view(); animation-range: entry 10% entry 100%; }
  }
}
@keyframes fade-in { from { opacity: 0; } }
@keyframes rise { from { translate: 0 1.5rem; } }
@keyframes develop { from, 33% { filter: grayscale(1) contrast(1.06); } }

@media (forced-colors: active) {
  .more::after, .figures--progress::after, .attribution::before, .numeral::after, .cover__name::after, .quote--epigraph::before,
  .colophon::before, .mark, .lifebar::before, .lifebar__tick, .lifebar__range, .masthead::after { forced-color-adjust: none; background: CanvasText; }
  .lifebar__range span, .lifebar__tick::after { forced-color-adjust: auto; }
  .menu__chapters a:is(:hover, :focus-visible, [aria-current]) { text-decoration: underline; }
  .results .is-points > :first-child { border-left: 3px solid; }
  :is(.menu__reference, .colophon__nav) a:not(:hover, :focus-visible, [aria-current]) { text-decoration-line: none; }
  :is(.cover__name, .cover__title, .title, .opener__title, .drive__place, .monument dd:first-of-type, .figures dd, .figures dd i) { forced-color-adjust: none; color: CanvasText; }
}

@media print {
  :root { --paper: #fff; --mount: #fff; }
  .night, .night--earth {
    --bg: inherit; --fg: inherit; --fg-2: inherit; --muted: inherit; --rule: inherit; --rule-strong: inherit;
    --accent: inherit; --gild: inherit; --mount: inherit;
    color-scheme: light;
  }
  .masthead, .masthead--over { position: static; background: none; color: var(--fg); border-bottom-color: var(--rule); }
  .masthead::after, .skip, .menu, .pager, .more { display: none; }
  .masthead__contents { visibility: hidden; }
  .cover { min-height: 0; }
  .cover__text > .label { color: var(--muted); }
  :is(.plate, .cover__portrait) { --drop: 0 0 transparent; }
  :is(figure, .figures, .stats, .monument, .ranking, .quote, .timeline li, .results tr, .notes__list li) { break-inside: avoid; }
  :is(h1, h2, h3, .title, .runhead, .label) { break-after: avoid; }
  .sources a[href^="http"]::after { content: " <" attr(href) ">"; word-break: break-all; }
}