/* Reading paths into the investigation. */
.case-strip a{color:inherit;text-decoration:none;white-space:nowrap}.case-strip a:hover{color:var(--accent)}
.opening-story{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding-block:88px 92px;align-items:center;border-bottom:1px solid var(--line)}
.opening-story h2{font-family:Heebo,sans-serif;font-weight:900;font-size:clamp(45px,5.7vw,84px);line-height:1.12;letter-spacing:-.05em;margin-top:22px}.opening-story h2 span{color:var(--accent)}
.opening-copy{border-inline-start:2px solid var(--accent);padding-inline-start:35px}.opening-index{display:block;color:var(--accent);font-size:12px;margin-bottom:26px}.opening-copy p{font-size:clamp(18px,1.65vw,23px);line-height:1.85;margin-bottom:22px;color:var(--muted)}.opening-copy p:first-of-type{color:var(--ink);font-size:clamp(22px,2.3vw,31px);font-weight:700;line-height:1.5}.opening-copy a{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid var(--accent);padding-block:9px;margin-inline-end:24px;margin-top:9px;font-size:14px;color:var(--ink)}
.chronology-preview{padding-block:76px 44px;scroll-margin-top:95px}.chronology-preview .section-heading{margin-bottom:48px}.chronology-preview .section-heading h2{font-size:clamp(35px,4.2vw,61px);line-height:1.1}.chronology-scenes{position:relative}.chronology-scenes::before{content:'';position:absolute;inset-inline-start:23px;top:0;bottom:0;width:1px;background:linear-gradient(var(--accent),#c91b15 80%,var(--line))}.chronology-scene{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,.85fr);gap:34px;align-items:center;padding-bottom:45px;margin-bottom:45px;border-bottom:1px solid var(--line)}.scene-marker{position:relative;align-self:start;padding-top:4px;z-index:1}.scene-marker>span{display:grid;place-items:center;width:47px;height:47px;background:var(--bg);border:1px solid var(--accent);font-size:15px;color:var(--accent)}.scene-marker bdi{display:block;margin-top:19px;max-width:90px;font-family:Heebo,sans-serif;font-weight:800;line-height:1.4;font-size:22px;color:var(--ink)}.scene-image{position:relative;display:block;height:300px;overflow:hidden;background:#181a19;border:1px solid #49463b}.scene-image img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.65);transition:filter .2s,transform .2s}.scene-image:hover img{filter:none;transform:scale(1.025)}.scene-image::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#090b0bea);pointer-events:none}.scene-image>span{position:absolute;z-index:1;bottom:15px;inset-inline:18px;color:#e8e5da;font-size:10px;line-height:1.65}.scene-image-document{background:#dcd7c6}.scene-image-document img{object-fit:contain;filter:none;padding:15px}.scene-image-document::after{display:none}.scene-image-document>span{background:#101210e8;padding:7px 10px;bottom:8px;inset-inline:8px}.scene-image-portrait img{object-position:center 27%}.scene-copy h3{font-family:Heebo,sans-serif;font-size:clamp(28px,3.2vw,43px);font-weight:900;letter-spacing:-.04em;line-height:1.15;margin:17px 0}.scene-copy h3 a{color:var(--ink)}.scene-copy>p:not(.eyebrow){font-size:18px;line-height:1.85;color:var(--muted)}.scene-open{display:inline-flex;gap:28px;margin-top:26px;padding-bottom:8px;border-bottom:1px solid var(--accent);color:var(--accent);font-size:14px;font-weight:700}.chronology-end{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:0 124px 35px 0}.chronology-end>span{font-size:13px;color:var(--muted)}.chronology-end>a{font-size:15px;color:var(--accent)}
.archive-gateway{margin-block:64px 28px;border-block:1px solid var(--accent);padding-block:50px;background:linear-gradient(90deg,transparent,#c91b1512)}.archive-gateway-head{display:grid;grid-template-columns:1.1fr 1fr auto;gap:35px;align-items:center}.archive-gateway h2{font:900 clamp(35px,4vw,56px)/1.08 Heebo,sans-serif;letter-spacing:-.04em;margin-top:18px}.archive-gateway h2 span{color:var(--accent)}.archive-gateway-head>p{font-size:18px;line-height:1.85;color:var(--muted)}.archive-gateway .solid-link{white-space:nowrap}.archive-door-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:36px;border-block:1px solid var(--line)}.archive-door-grid>a{display:flex;flex-direction:column;padding:28px 24px;border-inline-end:1px solid var(--line);color:var(--ink);position:relative}.archive-door-grid>a:last-child{border-inline-end:0}.archive-door-grid>a:hover{background:#c91b151c}.archive-door-grid b{font:900 46px/1 Heebo,sans-serif;color:var(--accent);margin-bottom:21px}.archive-door-grid strong{font:800 23px/1.2 Heebo,sans-serif;margin-bottom:12px}.archive-door-grid span{font-size:12px;line-height:1.65;color:var(--muted)}
@media(max-width:1050px){.opening-story{gap:5%;padding-block:64px}.opening-copy{padding-inline-start:25px}.chronology-scene{grid-template-columns:72px minmax(0,1fr) minmax(0,.9fr);gap:23px}.scene-image{height:265px}.scene-copy>p:not(.eyebrow){font-size:16px}.scene-marker bdi{font-size:19px}.chronology-end{padding-inline-start:95px}.archive-gateway-head{grid-template-columns:1fr 1fr}.archive-gateway-head>.solid-link{grid-column:2;justify-self:start}.archive-door-grid strong{font-size:21px}}
@media(max-width:750px){.opening-story{grid-template-columns:1fr;gap:30px;padding-block:48px}.opening-story h2{font-size:54px}.opening-copy p{font-size:18px}.opening-copy p:first-of-type{font-size:23px}.opening-copy{padding-inline-start:22px}.chronology-preview{padding-block:46px 24px}.chronology-scene{grid-template-columns:62px minmax(0,1fr);gap:18px;margin-bottom:30px;padding-bottom:30px}.scene-marker{grid-row:span 2}.scene-marker bdi{font-size:18px;max-width:64px}.scene-image{height:230px}.scene-copy{grid-column:2}.scene-copy h3{font-size:33px;margin:12px 0}.scene-copy>p:not(.eyebrow){font-size:16px}.scene-open{margin-top:16px}.chronology-end{padding:0;align-items:start;flex-direction:column;gap:15px}.archive-gateway{margin-block:35px 20px;padding-block:30px}.archive-gateway-head{grid-template-columns:1fr;gap:22px}.archive-gateway-head>.solid-link{grid-column:auto}.archive-gateway-head>p{font-size:17px}.archive-door-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-door-grid>a{padding:24px 16px;border-bottom:1px solid var(--line)}.archive-door-grid>a:nth-child(2n){border-inline-end:0}.archive-door-grid>a:nth-last-child(-n+2){border-bottom:0}.archive-door-grid strong{font-size:22px}.archive-door-grid b{font-size:40px}}
@media(max-width:420px){.opening-story h2{font-size:46px}.opening-copy a{font-size:12px;margin-inline-end:12px}.chronology-preview .section-heading{align-items:start;gap:20px;flex-direction:column}.chronology-scenes::before{inset-inline-start:17px}.chronology-scene{grid-template-columns:44px minmax(0,1fr);gap:15px}.scene-marker>span{width:35px;height:35px;font-size:12px}.scene-marker bdi{font-size:14px;overflow-wrap:anywhere}.scene-image{height:190px}.scene-image>span{font-size:9px;inset-inline:8px;bottom:8px}.scene-copy h3{font-size:28px}.scene-copy>p:not(.eyebrow){font-size:15px}.scene-copy .eyebrow{font-size:10px}.archive-door-grid strong{font-size:19px}.archive-door-grid span{font-size:11px}.case-strip{gap:10px;padding-inline:12px}.case-strip a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.scene-image img{transition:none}}
.scene-copy h3 a,.scene-open,.opening-copy a,.chronology-end a,.archive-door-grid>a,.case-strip a{text-decoration:none}

/* The chronology is a sequence of documentary scenes, each occupying the screen. */
.chronology-preview.container {
  width: 100%;
  max-width: none;
  padding: 84px 0 0;
  overflow: clip;
  color: #f0eadc;
  background: #080a09;
  isolation: isolate;
}
.chronology-preview>.section-heading {
  max-width: 1376px;
  margin: 0 auto 48px;
  padding-inline: 64px;
  align-items: end;
}
.chronology-preview .section-heading h2 { color: #f0eadc; font-size: clamp(43px, 5vw, 70px); }
.chronology-preview .section-heading .eyebrow { color: #c91b15; }
.chronology-preview .section-heading>a { color: #d5c5a2; }
.chronology-scenes { width: 100%; }
.chronology-scenes::before { display: none; }
.chronology-scene {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 84vh;
  min-height: 84svh;
  margin: 0;
  padding: 270px max(84px, calc((100vw - 1248px)/2)) 90px;
  border: 0;
  border-top: 1px solid #c91b154f;
  background: #080a09;
  isolation: isolate;
  overflow: hidden;
  scroll-margin-top: 82px;
}
.chronology-scene::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: .055;
  background-image: radial-gradient(#efe0ba .7px, transparent 1px);
  background-size: 4px 5px;
}
.scene-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
  background: #181c18;
  z-index: 0;
}
.scene-image img {
  position: absolute;
  inset: -7% 0;
  width: 100%;
  height: 114%;
  max-width: none;
  object-fit: cover;
  object-position: 45% center;
  filter: grayscale(.4) brightness(.85);
  transform: translate3d(0, var(--scene-drift, 0px), 0) scale(1.025);
  transition: filter .6s ease;
  will-change: transform;
}
.scene-image:hover img { filter: grayscale(.2) brightness(.9); transform: translate3d(0, var(--scene-drift, 0px), 0) scale(1.025); }
.scene-image::after {
  display: block;
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(270deg, #080a09eb 0%, #080a09c9 29%, #080a0960 62%, #080a092d 100%),
    linear-gradient(0deg, #080a09ef 0%, #080a0957 18%, transparent 56%, #080a096e 100%);
}
.scene-image>span {
  position: absolute;
  z-index: 3;
  inset-inline: auto 32px;
  bottom: 24px;
  max-width: min(550px, calc(100% - 64px));
  padding: 9px 12px;
  color: #e3dbc8;
  background: #080a09ad;
  border-inline-start: 2px solid #c91b15;
  font-size: 10px;
  line-height: 1.75;
  text-shadow: 0 1px 3px #000;
}
.scene-image-document { background: #948c71; }
.scene-image-document img {
  padding: 0;
  object-fit: cover;
  object-position: 50% 24%;
  filter: grayscale(1) brightness(.82);
  opacity: .9;
}
.scene-image-document::after { display: block; }
.scene-image-document>span { bottom: 24px; inset-inline: auto 32px; padding: 9px 12px; background: #080a09ad; }
.scene-image-portrait img { object-position: 30% 25%; }
.scene-image-crowd img { object-position: 40% 50%; }
.scene-marker {
  position: absolute;
  inset-inline-start: max(84px, calc((100vw - 1248px)/2));
  top: 46px;
  z-index: 2;
  padding: 0;
  color: #f0eadc;
  pointer-events: none;
  max-width: calc(100% - 168px);
}
.scene-marker>span {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  background: none;
  border: 0;
  color: #c91b15;
  font: 700 12px/1.4 'Miriam Libre', sans-serif;
  letter-spacing: .14em;
}
.scene-marker>span::before { content: ''; width: 44px; height: 2px; background: #c91b15; margin-inline-end: 13px; }
.scene-marker bdi {
  display: block;
  max-width: none;
  margin-top: 15px;
  color: #e6ddc7;
  font-family: Heebo, sans-serif;
  font-size: clamp(56px, 8.4vw, 122px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.065em;
  text-shadow: 0 3px 15px #0003;
}
.chronology-scene:nth-child(n+3) .scene-marker bdi { font-size: clamp(43px, 5.7vw, 83px); }
.scene-copy {
  position: relative;
  z-index: 2;
  width: min(670px, 65%);
  min-width: 0;
  padding: 0;
  transition: transform .65s cubic-bezier(.2,.7,.2,1), opacity .65s ease;
}
.scene-copy>.eyebrow { color: #e25450; font-size: 11px; letter-spacing: .035em; }
.scene-copy h3 {
  font: 900 clamp(40px, 5vw, 72px)/1.12 Heebo, sans-serif;
  letter-spacing: -.05em;
  margin: 16px 0 22px;
  max-width: 13ch;
}
.scene-copy h3 a { color: #f6f0e3; text-decoration: none; }
.scene-copy h3 a:hover { color: #fff; text-decoration: underline; text-decoration-color: #c91b15; text-underline-offset: 7px; text-decoration-thickness: 2px; }
.scene-copy>p:not(.eyebrow) { color: #ddd5c6; font-size: clamp(16px,1.42vw,20px); line-height: 1.85; max-width: 44ch; text-shadow: 0 1px 4px #0005; }
.scene-open {
  display: inline-flex;
  align-items: center;
  color: #f6ebd5;
  background: #c91b15;
  padding: 13px 21px;
  gap: 32px;
  min-height: 48px;
  border: 1px solid #c91b15;
  margin-top: 28px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.scene-open:hover { background: #c91b15; color: #0b0e09; }
.narrative-ready .scene-copy { transform: translateY(17px); opacity: .72; }
.narrative-ready .chronology-scene.is-current .scene-copy { transform: translateY(0); opacity: 1; }
.chronology-scene:focus-within .scene-copy { transform: none; opacity: 1; }
.scene-image:focus-visible { outline: 3px solid #c91b15; outline-offset: -7px; }
.scene-copy a:focus-visible { outline: 2px solid #f0d6aa; outline-offset: 7px; }
.chronology-rail {
  position: fixed;
  z-index: 35;
  top: 50%;
  left: 22px;
  transform: translateY(-50%);
  padding: 13px 10px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  background: #080b0ad1;
  border: 1px solid #e7c99840;
  backdrop-filter: blur(12px);
}
.chronology-rail[hidden] { display: none !important; }
.chronology-rail::before { content: ''; position: absolute; width: 1px; top: 27px; bottom: 27px; left: 25px; background: #d8c69c50; }
.chronology-rail a { position: relative; display: block; text-decoration: none; color: #c7bca6; }
.chronology-rail-number { position: relative; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #7d735f; background: #0d100c; font-family: Heebo, sans-serif; font-size: 11px; font-weight: 600; transition: background .2s, color .2s; }
.chronology-rail a[aria-current="step"] .chronology-rail-number { color: #12140c; background: #e9d7ad; border-color: #e9d7ad; }
.chronology-rail-label { position: absolute; left: calc(100% + 19px); top: 50%; transform: translateY(-50%); background: #090c0beb; padding: 9px 13px; font-size: 11px; white-space: nowrap; border-inline-start: 2px solid #c91b15; opacity: 0; pointer-events: none; transition: opacity .15s; }
.chronology-rail a:hover .chronology-rail-label,.chronology-rail a:focus-visible .chronology-rail-label { opacity: 1; }
.chronology-rail a:focus-visible { outline: 2px solid #e25450; outline-offset: 5px; }
.chronology-progress { position: fixed; z-index: 36; left: 0; bottom: 0; width: 100%; height: 3px; background: #ffffff1c; pointer-events: none; }
.chronology-progress[hidden] { display: none !important; }
.chronology-progress span { display: block; height: 100%; width: 100%; transform: scaleX(var(--chronology-progress, 0)); transform-origin: right; background: #c91b15; }
.chronology-end { margin: 0 auto; padding: 37px 64px 45px; max-width: 1376px; background: #080a09; color: #d5cab4; }
.chronology-end>span { color: #c1b79f; }
.chronology-end>a { color: #e25450; }
@media(min-width:1600px) {
  .chronology-scene { min-height: 88svh; }
  .scene-copy h3 { font-size: 78px; }
}
@media(max-width:1050px) {
  .chronology-preview>.section-heading { padding-inline: 44px; }
  .chronology-scene { padding: 250px 66px 90px; min-height: 82svh; }
  .scene-marker { inset-inline-start: 66px; max-width: calc(100% - 132px); top: 45px; }
  .scene-marker bdi { font-size: clamp(68px,9vw,100px); }
  .chronology-scene:nth-child(n+3) .scene-marker bdi { font-size: clamp(43px,6.1vw,64px); }
  .scene-copy { width: min(630px,75%); }
  .scene-copy h3 { font-size: 54px; }
  .scene-copy>p:not(.eyebrow) { font-size: 17px; }
  .chronology-rail { left: 13px; padding: 11px 7px; }
  .chronology-rail::before { left: 22px; }
  .chronology-end { padding-inline: 44px; }
}
@media(max-width:750px) {
  .chronology-preview.container { padding-top: 54px; }
  .chronology-preview>.section-heading { padding-inline: 26px; margin-bottom: 33px; }
  .chronology-preview .section-heading h2 { font-size: 44px; }
  .chronology-scene { min-height: 86svh; padding: 225px 32px 115px; gap: 0; }
  .scene-marker { inset-inline-start: 32px; top: 45px; max-width: calc(100% - 64px); grid-row: auto; }
  .scene-marker bdi { font-size: 78px; }
  .chronology-scene:nth-child(n+3) .scene-marker bdi { font-size: clamp(39px,7vw,53px); line-height: 1.15; }
  .scene-copy { width: min(590px,94%); grid-column: auto; }
  .scene-copy h3 { font-size: clamp(39px,7.5vw,55px); margin: 15px 0 20px; max-width: 15ch; }
  .scene-copy>p:not(.eyebrow) { font-size: 16px; line-height: 1.85; max-width: 42ch; }
  .scene-copy>.eyebrow { font-size: 10px; }
  .scene-open { margin-top: 24px; font-size: 13px; }
  .scene-image>span,.scene-image-document>span { inset-inline: 24px; bottom: 23px; max-width: none; font-size: 9px; line-height: 1.8; padding: 7px 10px; }
  .scene-image::after { background: linear-gradient(270deg,#080a09cb 0%,#080a0994 53%,#080a0959 100%),linear-gradient(0deg,#080a09f2 0%,#080a099c 32%,#080a091c 66%,#080a0966 100%); }
  .scene-image-portrait img { object-position: 33% 21%; }
  .chronology-rail { top: auto; bottom: 17px; left: 50%; transform: translateX(-50%); flex-direction: row; gap: 15px; padding: 7px 12px; }
  .chronology-rail::before { left: 24px; right: 24px; top: 22px; bottom: auto; height: 1px; width: auto; }
  .chronology-rail-number { width: 29px; height: 29px; }
  .chronology-rail-label { display: none; }
  .chronology-end { padding: 29px 26px 37px; align-items: start; flex-direction: column; gap: 15px; }
  .chronology-end>span { font-size: 12px; }
  .chronology-end>a { font-size: 13px; line-height: 1.8; }
}
@media(max-width:500px) {
  .chronology-preview .section-heading { flex-direction: column; align-items: start; gap: 20px; }
  .chronology-preview .section-heading h2 { font-size: 40px; }
  .chronology-scene { min-height: 90svh; padding: 207px 24px 117px; }
  .scene-marker { top: 39px; inset-inline-start: 24px; max-width: calc(100% - 48px); }
  .scene-marker>span { font-size: 10px; }
  .scene-marker>span::before { width: 31px; margin-inline-end: 10px; }
  .scene-marker bdi { font-size: clamp(50px,14.5vw,72px); margin-top: 17px; overflow-wrap: normal; }
  .chronology-scene:nth-child(n+3) .scene-marker bdi { font-size: clamp(30px,7.8vw,40px); line-height: 1.2; letter-spacing: -.055em; }
  .scene-copy { width: 100%; }
  .scene-copy h3 { font-size: clamp(35px,9.6vw,46px); max-width: 13ch; line-height: 1.15; }
  .scene-copy>p:not(.eyebrow) { font-size: 14px; line-height: 1.95; max-width: 37ch; }
  .scene-open { font-size: 12px; padding: 12px 18px; gap: 30px; min-height: 46px; }
  .scene-image>span,.scene-image-document>span { inset-inline: 18px; bottom: 25px; font-size: 8px; padding: 7px 8px; }
  .scene-image img { object-position: 42% center; }
  .scene-image-document img { object-position: 50% 21%; }
  .scene-image-portrait img { object-position: 36% 22%; }
  .chronology-rail { bottom: 14px; gap: 13px; padding: 6px 10px; }
  .chronology-rail::before { top: 21px; }
}
@media(max-width:360px) {
  .chronology-scene { padding-inline: 20px; padding-top: 193px; }
  .scene-marker { inset-inline-start: 20px; max-width: calc(100% - 40px); }
  .scene-marker bdi { font-size: 48px; }
  .chronology-scene:nth-child(n+3) .scene-marker bdi { font-size: 29px; }
  .scene-copy h3 { font-size: 34px; }
  .scene-copy>p:not(.eyebrow) { font-size: 13px; }
}
@media(prefers-reduced-motion:reduce) {
  .scene-image img,.scene-image:hover img { transform: none; transition: none; will-change: auto; }
  .narrative-ready .scene-copy,.narrative-ready .chronology-scene.is-current .scene-copy { opacity: 1; transform: none; transition: none; }
  .chronology-rail-number,.chronology-rail-label { transition: none; }
  html { scroll-behavior: auto; }
}
@media print {
  .chronology-rail,.chronology-progress { display: none !important; }
  .chronology-scene { min-height: 0; padding: 25px 0; break-inside: avoid; color: #111; }
  .scene-image { position: relative; height: 220px; }
  .scene-marker { position: static; max-width: none; }
  .scene-marker bdi,.chronology-scene:nth-child(n+3) .scene-marker bdi { font-size: 30px; color: #111; }
  .scene-copy { width: 100%; transform: none !important; opacity: 1 !important; }
  .scene-copy h3 a,.scene-copy>p:not(.eyebrow) { color: #111; }
  .scene-copy h3 { font-size: 30px; }
}

/* The opening cover fills the first view, keeping the main action intact. */
.cinematic-hero {
  height: calc(100vh - 84px);
  height: calc(100svh - 84px);
  min-height: 650px;
  max-height: 1080px;
}
.film-scroll-cue {
  position: absolute;
  z-index: 12;
  bottom: 63px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: #d3c4a4;
  font-family: 'Miriam Libre', sans-serif;
  font-size: 10px;
  line-height: 1.5;
  white-space: nowrap;
  text-decoration: none;
}
.film-scroll-cue::after { content: ''; width: 1px; height: 30px; background: linear-gradient(#c91b15,#c91b1510); }
.film-scroll-cue:hover { color: #e25450; }
.film-scroll-cue:focus-visible { outline: 2px solid #e25450; outline-offset: 7px; }
@media(max-width:800px) {
  .cinematic-hero { height: calc(100svh - 74px); min-height: 610px; max-height: 940px; }
}
@media(max-width:560px) {
  .cinematic-hero { height: calc(100svh - 74px); min-height: 570px; max-height: 880px; }
  .film-scroll-cue { bottom: 56px; font-size: 9px; gap: 8px; }
  .film-scroll-cue::after { height: 23px; }
}
@media(max-width:750px) {
  .chronology-rail.is-near-caption { bottom: 84px; }
}
@media print { .film-scroll-cue { display: none; } }