@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/instrument-serif-latin.60c06664b5.woff2") format("woff2"); }
@font-face { font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("../fonts/instrument-serif-italic-latin.6ee678c33f.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 300 600; font-display: swap;
  src: url("../fonts/newsreader-latin.22ce69a1fc.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("../fonts/newsreader-italic-latin.56febd06c6.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("../fonts/inter-tight-latin.b64375bcfc.woff2") format("woff2"); }
@font-face { font-family: "Instrument Serif Fallback"; font-style: normal; src: local("Times New Roman"), local("TimesNewRomanPSMT");
  size-adjust: 83.3%; ascent-override: 118.8%; descent-override: 37.2%; line-gap-override: 0%; }
@font-face { font-family: "Instrument Serif Fallback"; font-style: italic; src: local("Times New Roman Italic"), local("TimesNewRomanPS-ItalicMT");
  size-adjust: 88%; ascent-override: 112.5%; descent-override: 35.2%; line-gap-override: 0%; }
@font-face { font-family: "Newsreader Fallback"; font-style: normal; src: local("Georgia");
  size-adjust: 96.2%; ascent-override: 76.9%; descent-override: 27%; line-gap-override: 0%; }
@font-face { font-family: "Newsreader Fallback"; font-style: italic; src: local("Georgia Italic"), local("Georgia-Italic");
  size-adjust: 89.4%; ascent-override: 82.8%; descent-override: 29.1%; line-gap-override: 0%; }
@font-face { font-family: "Inter Tight Fallback"; font-style: normal; src: local("Arial"), local("ArialMT");
  size-adjust: 97.7%; ascent-override: 99.2%; descent-override: 24.6%; line-gap-override: 0%; }

:root {
  --yellow: #fedf00;
  --green: #009c3b;
  --blue: #002776;
  --stripe: linear-gradient(var(--yellow) 0 50%, var(--green) 0 75%, var(--blue) 0);
  --paper: #f7f5f0;
  --ink: #0c0c0b;
  --on-ink: #f2f0ea;
  --on-ink-muted: #a39f96;
  --bg: var(--paper);
  --fg: #1a1916;
  --fg-2: #46433d;
  --muted: #67635b;
  --rule: #d9d4ca;
  --rule-strong: var(--fg);
  --accent: var(--fg);
  --gild: var(--yellow);
  --focus: var(--blue);
  --mount: #fffefc;
  --mount-edge: color-mix(in srgb, var(--fg) 8%, transparent);
  --mount-pad: clamp(0.5rem, 0.3rem + 0.9vw, 1.125rem);
  --font-display: "Instrument Serif", "Instrument Serif Fallback", Georgia, serif;
  --font-text: "Newsreader", "Newsreader Fallback", Georgia, serif;
  --font-label: "Inter Tight", "Inter Tight Fallback", Arial, sans-serif;

  --text-2xs: 0.75rem;
  --text-xs: 0.8125rem;
  --text-s: 0.9375rem;
  --text-m: clamp(1.125rem, 1.06rem + 0.28vw, 1.3125rem);
  --text-l: clamp(1.25rem, 1.12rem + 0.56vw, 1.625rem);
  --text-xl: clamp(1.5rem, 1.26rem + 1.05vw, 2.25rem);
  --display-s: clamp(1.875rem, 1.45rem + 1.9vw, 3rem);
  --display-m: clamp(2.5rem, 1.7rem + 3.5vw, 4.75rem);
  --display-l: clamp(3.25rem, 2rem + 5.6vw, 7.5rem);
  --display-xl: clamp(4.5rem, 2.4rem + 9.5vw, 12rem);
  --text-nav: 1.0625rem;
  --display-nav: 1.5rem;
  --display-menu: 1.75rem;
  --track-label: 0.14em;
  --track-credit: 0.08em;
  --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(4rem, 2.6rem + 6vw, 8.5rem);
  --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) * 30);
  --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.4'/%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.2'/%3E%3C/svg%3E");
}

*, *::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.6 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.2em;
  text-decoration-color: color-mix(in srgb, currentColor 40%, 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(--yellow); color: var(--ink); }

.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(--ink); color: var(--paper);
}
.skip:focus { top: 0.5rem; }
.skip:focus-visible { outline-color: currentColor; outline-offset: -5px; }

.night {
  --bg: var(--ink);
  --fg: var(--on-ink);
  --fg-2: #cdc9c0;
  --muted: var(--on-ink-muted);
  --rule: #34322e;
  --rule-strong: var(--fg);
  --accent: var(--yellow);
  --focus: var(--yellow);
  --mount: transparent;
  --mount-edge: transparent;
  --mount-pad: 0px;
  color-scheme: dark;
  background: var(--bg);
  color: var(--fg);
}

.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 { grid-column: main-start / 8; }
  .spread--halves .spread__main { grid-column: 8 / main-end; }
  .spread--halves.spread--flip .spread__side { grid-column: 8 / main-end; }
  .spread--halves.spread--flip .spread__main { grid-column: main-start / 8; }
  .spread--center { align-items: center; }
  .spread--sticky .spread__side { position: sticky; top: calc(var(--header) + var(--space-l)); align-self: start; }
}
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 + .section.night { 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__dates, .menu__close, .menu__lang,
  .cover__dates, .attribution, .figures dt, .stats dt, .monument dt, .ranking dt, .lap__event,
  .drive__meta, .versus__table tbody th, .cast dt, .timeline--season time, .colophon__name span, .colophon__foot) {
  font: 500 var(--text-xs)/1.4 var(--font-label);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  text-wrap: balance;
}
:where(.credit, .lifebar, .results thead th, .picture-credits__who, .picture-credits__no),
:where(.plate figcaption, .bleed figcaption, .notes__list li)::before {
  font: 500 var(--text-2xs)/1.45 var(--font-label);
  letter-spacing: var(--track-credit);
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
}
:where(.plate figcaption, .bleed figcaption, .attribution span, .ranking dd + dd, .results__date,
  .results__key, .toc__desc, .picture-credits__what, .colophon__set) {
  font: italic 400 var(--text-s)/1.45 var(--font-text);
  letter-spacing: 0;
  text-transform: none;
}

.label { color: var(--muted); }
.title, .opener__title {
  font: 400 var(--display-m)/0.98 var(--font-display);
  letter-spacing: -0.01em;
}
.title--chapter, .opener__title { font-size: var(--display-l); line-height: 0.92; letter-spacing: -0.015em; }
.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.32 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; }
.numeral::after { content: ""; display: block; width: 3.5rem; height: 3px; margin-top: var(--space-s); background: var(--gild); }
.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: 1px solid var(--rule-strong);
}
.runhead::after { content: counter(folio, decimal-leading-zero) / ""; color: var(--muted); font-variant-numeric: tabular-nums; }
.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;
}
.more::after {
  content: "\2060"; margin-left: 0.8rem; padding-left: 2.1rem;
  background: currentColor;
  -webkit-mask: var(--arrow) 0 55% / 1.75rem 0.75rem no-repeat;
  mask: var(--arrow) 0 55% / 1.75rem 0.75rem no-repeat;
}
.more:hover, .more:focus-visible { text-decoration: underline; text-underline-offset: 0.35em; }
.more:hover::after, .more:focus-visible::after { -webkit-mask-position: 100% 55%; mask-position: 100% 55%; }
.more--down::after { display: inline-block; width: 1.25rem; height: 0.75rem; 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: 1.75rem; height: 0.5625rem; background: var(--stripe); vertical-align: 0.05em; }

.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.65rem;
  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.5rem; border-block: 1px solid currentColor; }
.masthead__title {
  display: inline-flex; align-items: center; min-height: 44px;
  font: 400 var(--display-nav)/1 var(--font-display);
  text-decoration: none;
  white-space: nowrap;
}
.masthead__dates {
  justify-self: end;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  color: var(--muted);
}
@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(--ink); border-bottom-color: var(--ink); color: var(--on-ink);
}
.masthead--over .masthead__dates { color: var(--on-ink-muted); }
@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: 4px;
    background: var(--stripe);
    transform-origin: 0 50%;
    animation: progress linear both;
    animation-timeline: scroll(root);
  }
  .masthead--over, .masthead--over .masthead__dates { animation: masthead-paper step-end both; animation-timeline: --cover; }
  .masthead--over .masthead__dates { animation-name: masthead-paper-dates; }
}
@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); } }
@keyframes masthead-paper-dates { to { color: var(--muted); } }

.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__lang { display: inline-flex; align-items: center; min-height: 44px; margin-left: auto; padding: 0 0.75rem; text-decoration: none; }
.menu__lang:hover { text-decoration: underline; }
.menu:focus-visible, .menu :focus-visible { outline-offset: -2px; }
.menu__chapters a {
  display: grid; grid-template-columns: 2.75rem 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); }
.menu > .label { margin: var(--space-l) 0 var(--space-xs); }
.menu__seasons {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--rule); border-left: 1px solid var(--rule);
}
.menu__seasons a {
  display: flex; align-items: center; justify-content: center; min-height: 3rem;
  border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
}
.menu__reference { display: flex; flex-wrap: wrap; column-gap: 1.25rem; }
.menu__reference 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(--ink) 40%, 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 {
  --overlap: 4.5rem;
  position: relative; display: grid; align-content: start; min-height: 100svh;
  view-timeline: --cover block; view-timeline-inset: var(--header) 0;
}
.cover__portrait { position: relative; margin: var(--header) 0 0; }
.cover__portrait img {
  --fade: linear-gradient(transparent, #000 6%, #000 45%, transparent calc(100% - var(--overlap)));
  width: 100%; aspect-ratio: 4 / 5; max-height: 66svh; object-fit: cover; object-position: var(--focal, 50% 25%);
  -webkit-mask-image: var(--fade);
  mask-image: var(--fade);
}
@media (max-width: 29.99em) { .cover__portrait img { max-height: 50svh; } }
.cover__text { position: relative; margin-top: calc(-1 * var(--overlap)); padding: 0 var(--inset) var(--space-l); }
.cover__text .credit { margin-top: var(--space-m); }
.cover__name {
  display: flex; flex-direction: column;
  margin-block: var(--space-s) var(--space-m);
  font: 400 clamp(5.5rem, 1.6rem + 16vw, 15rem)/0.8 var(--font-display);
  letter-spacing: -0.015em;
}
.cover__name span + span { padding-left: 0.42em; }
.cover__dates { display: flex; align-items: center; flex-wrap: wrap; gap: 0.35rem 0.9rem; }
.cover__dash { width: 2.5rem; height: 1px; background: currentColor; opacity: 0.6; }
.cover__places { margin-top: 0.5rem; font: italic 400 var(--text-nav)/1.4 var(--font-text); color: var(--muted); }
.cover__standfirst { max-width: 24em; margin-top: var(--space-m); font: 400 var(--text-l)/1.42 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, 1fr) auto; grid-template-rows: 1fr; align-content: stretch; }
  .cover__portrait {
    grid-column: 2; grid-row: 1; align-self: start;
    width: min(calc(var(--pw) * 1.25px), 60vw, calc((100svh - var(--header)) * var(--ar)));
  }
  .cover__portrait img {
    --fade: linear-gradient(to right, transparent, #000 42%), linear-gradient(to top, transparent, #000 22%), linear-gradient(transparent, #000 8%);
    aspect-ratio: var(--ar); max-height: none;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }
  .cover__text { grid-column: 1 / -1; grid-row: 1; align-self: end; margin: 0; padding: var(--header) var(--inset) clamp(2.5rem, 7vh, 5rem); }
}
@media (min-width: 90em) { .cover__name { font-size: min(18rem, 6rem + 10vw); } }
@media (min-width: 112.5em) {
  .cover { padding-inline: calc((100% - 112.5rem) / 2); }
  .cover__portrait img { --fade: linear-gradient(to right, transparent, #000 42%, #000 88%, transparent), linear-gradient(to top, transparent, #000 22%), linear-gradient(transparent, #000 8%); }
}
.cover--bleed { align-content: end; min-height: min(100svh, 60rem); }
.cover__photo { position: absolute; inset: 0; margin: 0; }
.cover__photo img { width: 100%; height: 100%; object-fit: cover; object-position: var(--focal, 50% 50%); }
.cover__photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, color-mix(in srgb, var(--ink) 50%, transparent), transparent 55%); }
.cover--bleed .cover__text {
  grid-column: 1 / -1; margin: 0; padding-top: 6rem;
  background: linear-gradient(transparent, color-mix(in srgb, var(--ink) 85%, transparent) 5rem, color-mix(in srgb, var(--ink) 94%, transparent));
}
.cover__title { margin-block: var(--space-xs) var(--space-s); font: 400 var(--display-xl)/0.86 var(--font-display); letter-spacing: -0.015em; }
.cover__title + .cover__standfirst { margin-top: 0; font-style: italic; }

.opener { padding-block: var(--space-xl) var(--space-section); row-gap: var(--space-l); }
.opener__text { grid-column: text; grid-row: 1; }
.opener__title { display: block; }
.opener__dek { display: block; margin-top: var(--space-s); font: italic 400 var(--text-xl)/1.3 var(--font-text); color: var(--fg-2); letter-spacing: 0; }
.opener .quote { margin-top: var(--space-l); max-width: 26em; }
.opener__standfirst { max-width: 30em; margin-top: var(--space-m); 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; }
  .opener--plate .quote { order: 1; }
  .opener--plate .plate { margin-top: var(--space-l); }
}
@media (min-width: 64em) {
  .opener--plate { --opener-h: 36rem; }
  .opener--plate .plate { grid-column: aside; grid-row: 1; }
}

.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); }
.statement .figures dt { margin-inline: auto; }

: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.5em; }
.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: 600 var(--text-m)/1.35 var(--font-text); 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-letter { float: left; margin: 0.06em 0.08em 0 0; font: 400 4.3em/0.8 var(--font-display); }
@supports (initial-letter: 3) or (-webkit-initial-letter: 3) {
  .lede::first-letter { float: none; margin: 0 0.1em 0 0; font-size: 1em; line-height: 1; -webkit-initial-letter: 3; initial-letter: 3; }
}
.note-ref { font: 500 max(0.66em, var(--text-2xs))/0 var(--font-label); 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);
  --cap: 100%;
  counter-increment: plate;
  max-width: min(var(--cap), calc(var(--pw, 9999) * 1.25px + 2 * var(--pad)));
}
.plate img {
  width: 100%;
  padding: var(--pad);
  background: var(--mount);
  box-shadow: 0 0 0 1px var(--mount-edge), 0 1.5rem 1.75rem -1.5rem color-mix(in srgb, var(--ink) 22%, transparent);
}
: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--center { margin-inline: auto; }
.plate figcaption, .bleed figcaption {
  position: relative;
  max-width: 36rem;
  margin-top: var(--space-xs);
  padding-left: 2.25rem;
  color: var(--fg-2);
  text-align: left;
  text-wrap: balance;
}
.plate figcaption::before, .bleed figcaption::before {
  content: counter(plate, decimal-leading-zero);
  position: absolute; left: 0; top: 0.2em;
  color: var(--fg);
}
.plate figcaption { margin-left: var(--pad); }
.credit { display: block; margin-top: 0.2rem; color: var(--muted); hyphens: manual; -webkit-hyphens: manual; }

.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.15rem; }
@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.12 var(--font-display); letter-spacing: -0.005em; text-wrap: balance; quotes: "\201C" "\201D"; }
.quote:not(.quote--inscription) blockquote p:first-child { text-indent: var(--hang, -0.42em); }
.quote:not(.quote--inscription) blockquote p:first-child::before { content: open-quote; }
.quote:not(.quote--inscription) blockquote p:last-child::after { content: close-quote; }
.quote blockquote:lang(es) { quotes: "\AB" "\BB"; --hang: -0.52em; }
.quote.quote--stop blockquote p:last-child::after { content: close-quote "."; }
.quote blockquote p + p { margin-top: 0.4em; }

.quote--about { --hang: -0.38em; }
.quote--about blockquote:lang(es) { --hang: -0.48em; }
.quote--about blockquote { font: 300 var(--text-xl)/1.32 var(--font-text); letter-spacing: -0.005em; }

.quote--epigraph blockquote { max-width: 19em; margin-inline: auto; font-size: clamp(1.875rem, 1.25rem + 2.7vw, 3.5rem); line-height: 1.1; }
.quote--statement blockquote { max-width: 13em; margin-inline: auto; font-size: var(--display-l); line-height: 1; }
.quote__translation { margin-top: var(--space-s); font: italic 400 var(--text-l)/1.4 var(--font-text); color: var(--fg-2); text-wrap: balance; }

.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: currentColor; }
.attribution span { color: var(--muted); }
:is(.quote--epigraph, .quote--statement, .column) .attribution { justify-content: center; }
:is(.quote--epigraph, .quote--statement, .column) .attribution::before { display: none; }
.figures { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-s) clamp(1.5rem, 4vw, 3rem); }
.figures > div { display: flex; flex-direction: column; }
.figures dd { order: -1; font: 400 clamp(5rem, 3rem + 7vw, 10rem)/0.8 var(--font-display); letter-spacing: -0.02em; }
.figures dd i { font-size: 0.32em; letter-spacing: 0; color: var(--muted); }
.figures dt { margin-top: var(--space-xs); color: var(--muted); max-width: 16em; }
.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; margin-top: -2rem;
  background: currentColor;
  -webkit-mask: var(--arrow-long) right center / 100% 100% no-repeat;
  mask: var(--arrow-long) right center / 100% 100% no-repeat;
}
.lap { border-top: 1px solid var(--rule-strong); }
.lap li {
  display: grid; grid-template-columns: 5rem minmax(0, 1fr); align-items: baseline;
  padding-block: 0.4rem;
  border-bottom: 1px solid var(--rule);
}
.lap__pos {
  font: 400 calc(2.25rem + var(--i, 0) * 0.75rem)/0.9 var(--font-display);
  color: color-mix(in srgb, var(--fg) calc(55% + var(--i, 0) * 11.25%), var(--bg));
}
.lap__event { color: var(--fg-2); }
.lap li:last-child .lap__event { color: var(--fg); }
@media (min-width: 48em) {
  .lap { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: var(--gap); border: 0; }
  .lap li { display: flex; flex-direction: column; justify-content: flex-end; gap: var(--space-xs); padding: var(--space-xs) 0 0; border: 0; border-top: 1px solid var(--rule-strong); }
  .lap li:last-child { border-top-width: 3px; padding-top: calc(var(--space-xs) - 2px); }
  .lap__pos { font-size: calc(3rem + var(--i, 0) * 1.6rem); line-height: 0.8; }
}
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(8.5rem, 42%), 1fr)); gap: var(--space-l) var(--gap); }
.stats > div { display: flex; flex-direction: column; padding-top: var(--space-xs); border-top: 1px solid var(--rule-strong); }
.stats dd { order: -1; font: 400 var(--display-m)/0.9 var(--font-display); }
.stats dt { margin-top: var(--space-2xs); color: var(--muted); }
.grid > .title + * { margin-top: var(--space-s); }
.grid > .stats + .cast { margin-top: var(--space-l); }
.monument { display: flex; flex-direction: column; }
.monument dd:first-of-type {
  order: -1;
  font: 400 clamp(13rem, 6rem + 26vw, 30rem)/0.74 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: 3px 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.4em 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.25rem, 1.6rem + 2.6vw, 3.75rem);
}
.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: 400 var(--display-s)/1.05 var(--font-display); }
.timeline p { font-size: var(--text-m); line-height: 1.4; text-wrap: pretty; }
.timeline .is-title time { color: var(--accent); text-decoration: underline 3px var(--gild); text-underline-offset: 0.14em; text-decoration-skip-ink: none; }
.night .timeline .is-title time { text-decoration: none; }
.timeline--season { grid-template-columns: minmax(0, 1fr); }
.timeline--season time { text-align: left; }
.timeline--index p a { text-decoration-color: var(--rule); }
.timeline--index p a:is(:hover, :focus-visible) { text-decoration-color: currentColor; }
@media (min-width: 40em) {
  .timeline--season { grid-template-columns: 10rem 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: 5.75rem 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); }
.lifebar__tick--title { top: calc(var(--axis) - 10px); width: 5px; height: 21px; margin-left: -2px; background: var(--accent); }
.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(--fg);
}
.lifebar__range span { position: absolute; left: 0; bottom: calc(100% + 0.9rem); white-space: nowrap; color: var(--fg); }
@media (max-width: 22.49em) { .lifebar__range span { left: auto; right: 0; } }
.lifebar__edge { position: absolute; top: calc(var(--axis) + 1.25rem); font-variant-numeric: tabular-nums; }
.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-variant-numeric: tabular-nums; hyphens: manual; -webkit-hyphens: manual; }
.results thead th {
  padding: 0 var(--cell) 0.5rem; border-bottom: 1px solid var(--rule-strong);
  color: var(--muted); text-align: left; white-space: nowrap; vertical-align: bottom;
}
.results :is(td, tbody th, tfoot th) { padding: 0.65rem 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 .is-win > :first-child { box-shadow: inset 3px 0 var(--gild); }
@media (max-width: 22.49em) { .results { --cell: 0.15rem; } .results thead th { letter-spacing: 0; } .results thead th:lang(es) { white-space: normal; } }
@media (max-width: 24.99em) { .results thead th:lang(es) { letter-spacing: 0; } }
.results .is-pole td:nth-child(3) { font-weight: 600; }
.results tfoot :is(th, td) { padding-top: var(--space-xs); border-top: 1px solid var(--rule-strong); border-bottom: 0; font-weight: 600; }
.results__key { margin-top: var(--space-s); color: var(--muted); }
@media (min-width: 40em) { .results { --cell: 0.75rem; } }

.drive__head { container-type: inline-size; }
.drive__place { margin-top: var(--space-xs); font: 400 min(var(--display-xl), 23cqi)/0.84 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; }
.drive--card .numeral::after { margin-inline: auto; }
.versus__head { container-type: inline-size; }
.versus__title { display: flex; align-items: baseline; justify-content: space-between; white-space: nowrap; font: 400 min(18rem, var(--fit, 21.5) * 1cqi)/0.85 var(--font-display); letter-spacing: -0.02em; }
.versus__amp { font-style: italic; font-size: 0.8em; color: var(--muted); }
.versus__table { width: 100%; font-variant-numeric: tabular-nums; }
.versus__table thead :is(th, td) { padding-bottom: var(--space-xs); border-bottom: 1px solid var(--rule-strong); font: 400 var(--display-s)/1 var(--font-display); }
.versus__table :is(td, th) { padding: var(--space-xs) 0.25rem; border-bottom: 1px solid var(--rule); vertical-align: baseline; }
.versus__table :is(td, th):first-child { text-align: left; padding-left: 0; }
.versus__table :is(td, th):last-child { text-align: right; padding-right: 0; }
.versus__table tbody th { width: 38%; text-align: center; color: var(--muted); }
@media (max-width: 22.49em) { .versus__table thead :is(th, td) { font-size: var(--text-xl); } }
.versus__table td { font: 400 var(--text-xl)/1.1 var(--font-display); }
.cast { border-bottom: 1px solid var(--rule); }
.cast > div { display: grid; grid-template-columns: 4.25rem minmax(0, 1fr); align-items: baseline; padding-block: var(--space-xs); border-top: 1px solid var(--rule); }
.cast dt { color: var(--muted); font-variant-numeric: tabular-nums; }
.cast dd { font: 400 var(--text-xl)/1.15 var(--font-display); }
.cast--season > div { grid-template-columns: 7rem minmax(0, 1fr); column-gap: var(--space-xs); }
.display-list li { font: italic 400 var(--display-s)/1.12 var(--font-display); }

.toc__part { margin: var(--space-l) 0 var(--space-xs); }
.toc__list { border-bottom: 1px solid var(--rule); }
.toc__list a {
  display: grid; grid-template-columns: 3rem minmax(0, 1fr); align-items: baseline; column-gap: 0.25rem;
  min-height: 44px; padding-block: 0.8rem 0.9rem;
  border-top: 1px solid var(--rule);
  text-decoration: none;
}
.toc__title { font: 400 var(--display-s)/1.05 var(--font-display); }
.toc__title, :is(.menu__seasons, .menu__reference) a { text-decoration: underline 0.09em transparent; text-underline-offset: 0.14em; 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__seasons, .menu__reference) 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.45em; margin-inline: 1rem; border-bottom: 2px dotted var(--rule); }
  .toc__desc { grid-column: auto; margin: 0; text-align: right; }
}
.pager { display: grid; grid-template-columns: 1fr 1fr; border-block: 1px solid 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:hover .pager__title, .pager a:focus-visible .pager__title { font-style: italic; }

.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: 2; color: var(--muted); }
.notes__list p, .sources p { text-wrap: pretty; }
.notes__list li:target { background: color-mix(in srgb, var(--gild) 22%, transparent); }
.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); }
@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: 40rem; 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; }

.colophon { padding-block: var(--space-xl) var(--space-m); row-gap: var(--space-xl); }
.colophon::before { content: ""; grid-column: main; border-top: 1px solid var(--rule-strong); }
.colophon__name { font: 400 var(--display-m)/0.95 var(--font-display); }
.colophon__name span { display: block; margin-top: 0.6rem; color: var(--muted); }
.colophon__nav { display: grid; gap: var(--space-l) var(--gap); }
.colophon__nav .label { margin-bottom: var(--space-2xs); }
.colophon__nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--text-nav); text-decoration: none; }
.colophon__nav a:hover { text-decoration: underline; }
:is(.colophon__seasons, .menu__seasons) a { font: 400 var(--display-nav)/1 var(--font-display); }
.colophon__chapters { columns: 2; column-gap: var(--gap); }
.colophon__seasons { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(2.5rem, (100% - 3 * var(--space-xs)) / 4 - 0.5px), 1fr)); column-gap: var(--space-xs); }
.colophon__set { max-width: 34em; color: var(--fg-2); }
.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.75rem; min-height: 44px; color: var(--fg); text-decoration: none; }
.colophon__lang { margin-right: var(--space-m); }
@media (min-width: 48em) { .colophon__nav { grid-template-columns: 2fr 1.2fr 1fr; } }
@media (min-width: 90em) {
  .colophon__name { grid-column: aside; }
  .colophon__nav { grid-column: text; }
  .colophon__set { grid-column: text; }
}

@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  html { scroll-behavior: smooth; }
  .cover__portrait img { animation: fade-in 1.8s 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__seasons, .menu__reference) 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.25rem 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%; }
    .versus__title > :first-child { animation: converge-left linear both; animation-timeline: view(); animation-range: entry 0% cover 40%; }
    .versus__title > :last-child { animation: converge-right linear both; animation-timeline: view(); animation-range: entry 0% cover 40%; }
  }
}
@keyframes fade-in { from { opacity: 0; } }
@keyframes rise { from { translate: 0 1.5rem; } }
@keyframes develop { from, 33% { filter: grayscale(1) contrast(1.06); } }
@keyframes converge-left { from { translate: calc(-1 * min(10cqi, var(--margin))) 0; } }
@keyframes converge-right { from { translate: min(10cqi, var(--margin)) 0; } }

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

@media print {
  .masthead { position: static; }
  .skip, .menu, .pager, .more--down, .colophon__foot .colophon__lang { display: none; }
  .masthead__contents { visibility: hidden; }
  :is(.night, .masthead--over) { print-color-adjust: exact; }
}