:root {
  --black: #090a08;
  --ink: #15130f;
  --paper: #f1e5c7;
  --paper-deep: #dcc89d;
  --gold: #d59a22;
  --gold-light: #ffd97d;
  --rust: #9d2f1f;
  --cream: #fff1c8;
  --green: #17372b;
  --line: rgba(21, 19, 15, 0.25);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--paper);
  color: var(--ink);
  font-family: "DM Sans", sans-serif;
}
body::before {
  content: "";
  position: fixed;
  z-index: 100;
  inset: 0;
  pointer-events: none;
  opacity: 0.12;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
}
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { max-width: 100%; display: block; }
h1, h2, h3, p { margin-top: 0; }

.nav {
  position: relative;
  z-index: 20;
  height: 70px;
  padding: 0 28px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid #4a4436;
  background: var(--black);
  color: var(--cream);
  font: 500 10px "DM Mono", monospace;
  letter-spacing: 0.13em;
}
.brand { font: 400 20px "Anton", sans-serif; letter-spacing: 0.06em; }
.brand span { color: var(--gold); margin-right: 6px; }
.nav p { margin: 0; }
.nav-link { justify-self: end; border-bottom: 1px solid var(--gold); padding-bottom: 4px; }

.hero {
  position: relative;
  min-height: calc(100svh - 70px);
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(500px, 1.05fr);
  align-items: stretch;
  background: var(--black);
  color: var(--cream);
}
.hero-noise {
  position: absolute;
  inset: 0;
  opacity: 0.42;
  background:
    radial-gradient(circle at 14% 32%, rgba(213,154,34,.25), transparent 24%),
    repeating-linear-gradient(0deg, transparent 0 47px, rgba(255,255,255,.035) 48px),
    repeating-linear-gradient(90deg, transparent 0 47px, rgba(255,255,255,.035) 48px);
}
.hero-copy {
  position: relative;
  z-index: 4;
  padding: clamp(60px, 7vw, 110px) 0 60px clamp(28px, 6vw, 90px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  color: var(--gold-light);
  font: 500 11px "DM Mono", monospace;
  letter-spacing: 0.17em;
}
.eyebrow span { width: 34px; height: 2px; background: var(--gold); }
.hero h1 {
  margin: 0;
  font: 400 clamp(105px, 15vw, 235px)/0.78 "Anton", sans-serif;
  letter-spacing: -0.045em;
  color: var(--paper);
  text-shadow: 7px 7px 0 var(--rust);
}
.hero-role {
  margin: 28px 0 0 5px;
  color: #c1b89f;
  font: 500 clamp(12px, 1.25vw, 17px)/1.7 "DM Mono", monospace;
  letter-spacing: 0.14em;
}
.hero-verdict {
  width: fit-content;
  margin-top: clamp(42px, 7vh, 78px);
  transform: rotate(-2deg);
  font: 400 clamp(28px, 3.2vw, 50px)/0.98 "Anton", sans-serif;
  letter-spacing: 0.02em;
}
.hero-verdict span,
.hero-verdict strong { display: block; padding: 8px 14px; }
.hero-verdict span { width: max-content; background: var(--paper); color: var(--black); }
.hero-verdict strong { margin-left: 34px; background: var(--gold); color: var(--black); font-weight: 400; }
.portrait-wrap {
  position: relative;
  z-index: 2;
  min-height: 680px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.portrait-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 16%;
  background: linear-gradient(transparent, var(--black));
  pointer-events: none;
}
.portrait-wrap img {
  position: relative;
  z-index: 2;
  width: min(96%, 880px);
  max-height: calc(100svh - 75px);
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 28px 25px rgba(0,0,0,.38));
}
.sunburst {
  position: absolute;
  width: 710px;
  height: 710px;
  border-radius: 50%;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: .42;
  background: repeating-conic-gradient(from -2deg, var(--gold) 0 5deg, transparent 5deg 11deg);
  -webkit-mask: radial-gradient(circle, #000 0 48%, transparent 70%);
  mask: radial-gradient(circle, #000 0 48%, transparent 70%);
}
.official-stamp {
  position: absolute;
  z-index: 8;
  right: 3.8%;
  top: 7%;
  width: 118px;
  height: 118px;
  border: 2px solid var(--gold);
  outline: 1px solid var(--gold);
  outline-offset: 6px;
  border-radius: 50%;
  display: grid;
  place-content: center;
  text-align: center;
  transform: rotate(8deg);
  color: var(--gold-light);
  font: 500 8px "DM Mono", monospace;
  letter-spacing: .14em;
}
.official-stamp strong { font: 400 38px "Anton", sans-serif; line-height: 1.1; }
.hero-footnote {
  position: absolute;
  z-index: 8;
  left: 28px;
  bottom: 20px;
  margin: 0;
  color: #807968;
  font: 400 9px "DM Mono", monospace;
  letter-spacing: .08em;
}

.ticker {
  overflow: hidden;
  border-top: 2px solid var(--ink);
  border-bottom: 2px solid var(--ink);
  background: var(--gold);
  white-space: nowrap;
}
.ticker div {
  width: max-content;
  padding: 14px 0;
  animation: ticker 26s linear infinite;
  font: 400 21px "Anton", sans-serif;
  letter-spacing: .05em;
}
.ticker span { margin: 0 34px; }
.ticker i { font-style: normal; color: var(--rust); }
@keyframes ticker { to { transform: translateX(-50%); } }

.section-label {
  margin: 0;
  color: #6b604d;
  font: 500 10px "DM Mono", monospace;
  letter-spacing: .15em;
}
.section-label.light { color: #a99d83; }
.statement {
  padding: clamp(90px, 12vw, 170px) max(28px, calc((100vw - 1240px)/2));
  display: grid;
  grid-template-columns: .55fr 2fr;
  gap: 60px;
  border-bottom: 1px solid var(--line);
}
.pretitle {
  margin-bottom: 4px;
  color: var(--rust);
  font: 400 clamp(24px, 3.5vw, 52px) "Anton", sans-serif;
  letter-spacing: .025em;
}
.statement h2,
.incidents-intro h2,
.rider-side h2,
.merch h2 {
  margin: 0;
  font: 400 clamp(62px, 9vw, 132px)/.88 "Anton", sans-serif;
  letter-spacing: -.025em;
}
.statement h2 em { color: var(--gold); font-style: normal; text-shadow: 4px 4px 0 var(--ink); }
.lead {
  max-width: 720px;
  margin: 45px 0 0;
  font-size: clamp(20px, 2vw, 29px);
  line-height: 1.38;
}

.org-model {
  padding: clamp(90px, 11vw, 160px) max(28px, calc((100vw - 1240px)/2));
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  gap: clamp(60px, 9vw, 135px);
  align-items: center;
  background: var(--green);
  color: var(--cream);
}
.org-kicker {
  margin: 35px 0 9px;
  color: var(--gold-light);
  font: 500 clamp(13px, 1.6vw, 19px) "DM Mono", monospace;
  letter-spacing: .08em;
}
.org-copy h2 {
  margin: 0;
  font: 400 clamp(70px, 9vw, 130px)/.84 "Anton", sans-serif;
  letter-spacing: -.025em;
}
.org-copy h2 em { color: var(--gold-light); font-style: normal; }
.org-copy > p:last-child { max-width: 510px; margin: 35px 0 0; color: #c0c9bf; font-size: 19px; line-height: 1.5; }
.org-chart { position: relative; display: grid; gap: 20px; }
.org-role { padding: 28px; border: 2px solid var(--cream); }
.org-role > span { font: 500 9px "DM Mono", monospace; letter-spacing: .13em; }
.org-role > p { margin: 35px 0 0; color: var(--gold-light); font: 500 11px "DM Mono", monospace; letter-spacing: .15em; }
.org-role h3 { margin: 4px 0 25px; font: 400 clamp(48px, 6vw, 84px)/.9 "Anton", sans-serif; }
.org-role ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid currentColor; }
.org-role li { padding: 11px 0; border-bottom: 1px solid rgba(255,241,200,.3); font: 500 11px "DM Mono", monospace; letter-spacing: .05em; }
.org-genius { margin-right: 15%; background: var(--rust); transform: rotate(-1deg); box-shadow: 9px 9px 0 var(--gold); }
.org-helpers { margin-left: 15%; background: var(--paper); color: var(--ink); transform: rotate(1deg); box-shadow: 9px 9px 0 var(--black); }
.org-helpers > p { color: var(--rust); }
.org-arrow { height: 52px; display: grid; place-items: center; color: var(--gold-light); font: 400 28px "Anton", sans-serif; }
.org-arrow span { margin-right: 12px; font: 500 8px "DM Mono", monospace; letter-spacing: .12em; }

.legend-archive {
  padding: clamp(90px, 11vw, 160px) max(28px, calc((100vw - 1240px)/2));
  overflow: hidden;
  background: var(--rust);
  color: var(--cream);
}
.archive-heading {
  position: relative;
  z-index: 2;
  max-width: 920px;
  margin-bottom: clamp(70px, 9vw, 120px);
}
.archive-heading .section-label { color: #e7bba0; }
.archive-kicker {
  margin: 36px 0 7px;
  color: var(--gold-light);
  font: 500 clamp(14px, 1.7vw, 21px) "DM Mono", monospace;
  letter-spacing: .08em;
}
.archive-heading h2 {
  margin: 0;
  font: 400 clamp(75px, 12vw, 174px)/.82 "Anton", sans-serif;
  letter-spacing: -.025em;
}
.archive-heading h2 em {
  color: var(--gold-light);
  font-style: normal;
  text-shadow: 5px 5px 0 var(--black);
}
.archive-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: clamp(24px, 4vw, 58px) 24px;
  align-items: start;
}
.archive-card { margin: 0; }
.archive-child { grid-column: 1 / span 5; }
.archive-director { grid-column: 7 / span 6; margin-top: -155px; }
.archive-uniform { grid-column: 2 / span 6; }
.archive-scale { grid-column: 9 / span 4; margin-top: -120px; }
.photo-frame {
  position: relative;
  padding: 12px;
  border: 2px solid var(--cream);
  background: var(--paper);
  box-shadow: 13px 13px 0 var(--black);
}
.photo-frame::before,
.photo-frame::after {
  content: "";
  position: absolute;
  z-index: 3;
  width: 76px;
  height: 25px;
  background: rgba(255, 226, 156, .72);
  box-shadow: 0 1px 4px rgba(0,0,0,.25);
}
.photo-frame::before { top: -10px; left: 20px; transform: rotate(-5deg); }
.photo-frame::after { right: 20px; bottom: -9px; transform: rotate(4deg); }
.photo-frame img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  filter: saturate(.86) contrast(1.04);
}
.archive-child .photo-frame img { object-position: 50% 50%; }
.archive-scale .photo-frame img { object-position: center top; }
.photo-frame > span {
  position: absolute;
  z-index: 4;
  left: 20px;
  right: 20px;
  bottom: 21px;
  padding: 8px 10px;
  background: rgba(9,10,8,.85);
  color: var(--cream);
  font: 500 8px "DM Mono", monospace;
  letter-spacing: .1em;
}
.archive-card figcaption { margin-top: 25px; max-width: 520px; }
.archive-card figcaption strong {
  display: block;
  font: 400 clamp(29px, 3.4vw, 50px)/1 "Anton", sans-serif;
  letter-spacing: .02em;
}
.archive-card figcaption p { margin: 10px 0 0; color: #f0cdb6; line-height: 1.5; }

.scoreboard {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--line);
}
.scoreboard article {
  min-height: 310px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
}
.scoreboard article:last-child { border-right: 0; }
.scoreboard p,
.scoreboard small { font: 500 10px "DM Mono", monospace; letter-spacing: .13em; }
.scoreboard strong {
  margin: auto 0;
  font: 400 clamp(78px, 9vw, 130px)/.75 "Anton", sans-serif;
  color: var(--rust);
}
.scoreboard strong span { font-size: .42em; }
.scoreboard small { color: #756a56; }

.method {
  padding: clamp(90px, 10vw, 145px) max(28px, calc((100vw - 1240px)/2));
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: clamp(60px, 9vw, 140px);
  background: var(--green);
  color: var(--cream);
}
.method h2 { font: 400 clamp(61px, 7vw, 105px)/.9 "Anton", sans-serif; margin: 32px 0 0; }
.method-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid #657468; }
.method-list li { display: grid; grid-template-columns: 70px 1fr; gap: 20px; padding: 27px 0; border-bottom: 1px solid #657468; }
.method-list li > span { color: var(--gold-light); font: 500 12px "DM Mono", monospace; }
.method-list strong { font: 400 clamp(24px, 2.5vw, 36px) "Anton", sans-serif; letter-spacing: .025em; }
.method-list p { margin: 7px 0 0; color: #bdc5bb; line-height: 1.5; }

.screen-tests {
  padding: clamp(90px, 11vw, 160px) max(28px, calc((100vw - 1240px)/2));
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(60px, 9vw, 135px);
  align-items: center;
  overflow: hidden;
  background: var(--black);
  color: var(--cream);
}
.screen-intro h2 {
  margin: 30px 0;
  font: 400 clamp(68px, 8vw, 118px)/.86 "Anton", sans-serif;
  letter-spacing: -.02em;
}
.screen-intro > p:not(.section-label) { max-width: 510px; color: #c6bdab; font-size: 19px; line-height: 1.5; }
.screen-intro small {
  display: block;
  max-width: 480px;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid #554f43;
  color: var(--gold-light);
  font: 500 9px/1.6 "DM Mono", monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.video-reel { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; align-items: start; }
.video-card { margin: 0; }
.video-card-offset { margin-top: 90px; }
.video-shell {
  position: relative;
  padding: 9px;
  border: 1px solid #6d6554;
  background: #141510;
  box-shadow: 11px 11px 0 var(--gold);
}
.video-shell video {
  width: 100%;
  aspect-ratio: 480 / 848;
  display: block;
  object-fit: cover;
  background: #000;
}
.rec-dot {
  position: absolute;
  z-index: 3;
  top: 18px;
  left: 18px;
  padding: 5px 7px;
  background: rgba(0,0,0,.62);
  color: #ff513d;
  font: 500 8px "DM Mono", monospace;
  letter-spacing: .1em;
}
.video-card figcaption { margin-top: 23px; }
.video-card figcaption span { display: block; color: #948b78; font: 500 8px "DM Mono", monospace; letter-spacing: .1em; }
.video-card figcaption strong { display: block; margin-top: 8px; font: 400 clamp(25px, 2.8vw, 38px)/1 "Anton", sans-serif; }

.incidents { padding: clamp(90px, 11vw, 160px) max(28px, calc((100vw - 1240px)/2)); }
.incidents-intro { max-width: 940px; margin-bottom: 70px; }
.incidents-intro h2 { margin-top: 30px; }
.incidents-intro > p:last-child { max-width: 580px; margin: 30px 0 0; font-size: 19px; }
.incident-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 20px; }
.incident {
  min-height: 430px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  border: 2px solid var(--ink);
  background: #e7d8b8;
  box-shadow: 7px 7px 0 var(--ink);
}
.incident-feature { grid-row: span 2; min-height: 880px; background: var(--rust); color: var(--cream); }
.incident-meta { display: flex; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid currentColor; font: 500 9px "DM Mono", monospace; letter-spacing: .1em; }
.incident-year { margin: auto 0 0; color: var(--gold-light); font: 400 clamp(55px, 6vw, 90px)/1 "Anton", sans-serif; }
.incident:not(.incident-feature) .incident-year { color: var(--rust); }
.incident h3 { margin: 10px 0 24px; font: 400 clamp(42px, 5vw, 78px)/.9 "Anton", sans-serif; }
.incident:not(.incident-feature) h3 { font-size: clamp(34px, 4vw, 56px); }
.incident > p:not(.incident-year,.result) { max-width: 520px; font-size: 17px; line-height: 1.5; }
.result { margin: 28px 0 0; padding-top: 17px; border-top: 1px solid currentColor; font: 500 11px "DM Mono", monospace; letter-spacing: .1em; }

.rider {
  padding: clamp(90px, 11vw, 155px) max(28px, calc((100vw - 1240px)/2));
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(60px, 9vw, 130px);
  align-items: center;
  background: var(--black);
  color: var(--cream);
}
.rider-card { transform: rotate(-1.2deg); background: var(--paper); color: var(--ink); box-shadow: 12px 12px 0 var(--gold); }
.rider-top { padding: 15px 20px; display: flex; justify-content: space-between; border: 2px solid var(--paper); background: var(--gold); font: 500 9px "DM Mono", monospace; letter-spacing: .1em; }
.rider-body { padding: 35px; border: 2px solid var(--paper); border-top: 0; }
.rider-body > p { font: 400 clamp(32px, 3.8vw, 53px) "Anton", sans-serif; }
.rider-body ol { list-style: none; padding: 0; margin: 30px 0; border-top: 1px solid var(--line); }
.rider-body li { padding: 14px 0; border-bottom: 1px solid var(--line); font: 500 13px "DM Mono", monospace; }
.rider-body li span { display: inline-block; width: 50px; color: var(--rust); }
.approval { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 38px; }
.approval span { font: 500 9px "DM Mono", monospace; letter-spacing: .1em; }
.approval strong { color: var(--rust); font: 400 36px "Anton", sans-serif; transform: rotate(-5deg); }
.rider-side h2 { margin: 30px 0; font-size: clamp(55px, 6vw, 91px); }
.rider-side > p:last-child { color: var(--gold-light); font: 500 18px "DM Mono", monospace; }

.merch {
  padding: clamp(90px, 10vw, 145px) max(28px, calc((100vw - 1240px)/2));
  display: grid;
  grid-template-columns: 1fr .9fr;
  gap: clamp(60px, 9vw, 140px);
  align-items: center;
}
.merch .overline { margin: 38px 0 16px; color: var(--rust); font: 500 12px "DM Mono", monospace; letter-spacing: .13em; }
.merch h2 { font-size: clamp(58px, 7vw, 104px); }
.merch-copy > p:last-child { max-width: 600px; margin: 35px 0 0; font-size: 19px; line-height: 1.5; }
.poster-button { position: relative; padding: 0; border: 0; background: none; cursor: zoom-in; transform: rotate(2deg); transition: transform .35s ease; }
.poster-button:hover { transform: rotate(0) scale(1.015); }
.poster-button img { max-height: 720px; margin: 0 auto; filter: drop-shadow(17px 20px 0 var(--ink)); }
.poster-button span { display: inline-block; margin-top: 28px; padding: 8px 11px; background: var(--ink); color: var(--paper); font: 500 9px "DM Mono", monospace; letter-spacing: .1em; }
.poster-button.is-checked::after { content: "GOEDGEKEURD"; position: absolute; top: 46%; left: 50%; padding: 9px 14px; border: 4px solid var(--rust); color: var(--rust); background: rgba(241,229,199,.88); transform: translate(-50%,-50%) rotate(-12deg); font: 400 clamp(35px,5vw,70px) "Anton", sans-serif; letter-spacing: .04em; }

.closing {
  min-height: 82vh;
  padding: 100px 30px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  background: var(--gold);
  color: var(--ink);
}
.closing > p { font: 500 12px "DM Mono", monospace; letter-spacing: .18em; }
.closing h2 { margin: 0; font: 400 clamp(170px, 29vw, 440px)/.75 "Anton", sans-serif; letter-spacing: -.04em; }
.closing div { margin-top: auto; padding-top: 16px; display: flex; justify-content: space-between; border-top: 2px solid var(--ink); font: 500 9px "DM Mono", monospace; letter-spacing: .12em; }
footer { min-height: 72px; padding: 0 28px; display: flex; justify-content: space-between; align-items: center; background: var(--black); color: var(--cream); font: 500 10px "DM Mono", monospace; letter-spacing: .1em; }

.reveal { opacity: 0; transform: translateY(25px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 950px) {
  .nav { grid-template-columns: 1fr 1fr; }
  .nav p { display: none; }
  .hero { grid-template-columns: .82fr 1.18fr; }
  .hero-copy { padding-left: 28px; }
  .hero h1 { font-size: clamp(88px, 15vw, 150px); }
  .portrait-wrap img { width: 112%; max-width: none; }
  .scoreboard { grid-template-columns: 1fr 1fr; }
  .scoreboard article:nth-child(2) { border-right: 0; }
  .scoreboard article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .org-model, .method, .screen-tests, .rider, .merch { grid-template-columns: 1fr; }
  .org-copy { max-width: 760px; }
  .org-chart { max-width: 680px; }
  .archive-director { margin-top: -70px; }
  .archive-scale { grid-column: 8 / span 5; margin-top: -50px; }
  .screen-intro { max-width: 720px; }
  .video-reel { max-width: 680px; margin: 0 auto; }
  .rider-side { grid-row: 1; }
  .incident-grid { grid-template-columns: 1fr; }
  .incident-feature { min-height: 660px; }
  .poster-button img { max-height: 680px; }
}

@media (max-width: 680px) {
  .nav { height: 62px; padding: 0 16px; }
  .brand { font-size: 17px; }
  .nav-link { font-size: 8px; }
  .hero { min-height: calc(100svh - 62px); display: block; padding-top: 30px; }
  .hero-copy { z-index: 5; min-height: 700px; padding: 35px 18px 100px; justify-content: flex-start; }
  .hero h1 { font-size: clamp(102px, 31vw, 160px); }
  .hero-role { margin-top: 18px; font-size: 10px; }
  .hero-verdict { position: absolute; z-index: 6; left: 17px; bottom: 46px; margin: 0; font-size: clamp(29px, 8.7vw, 43px); }
  .portrait-wrap { position: absolute; z-index: 3; inset: 110px -75px 0 5%; min-height: 0; justify-content: flex-end; }
  .portrait-wrap img { width: 111%; max-height: 79vh; object-position: right bottom; opacity: .9; }
  .sunburst { width: 550px; height: 550px; left: 64%; top: 44%; }
  .official-stamp { width: 82px; height: 82px; top: 17px; right: 18px; font-size: 6px; }
  .official-stamp strong { font-size: 27px; }
  .hero-footnote { display: none; }
  .ticker div { padding: 11px 0; font-size: 17px; }
  .statement { padding: 80px 18px; grid-template-columns: 1fr; gap: 32px; }
  .statement h2, .incidents-intro h2, .merch h2 { font-size: clamp(54px, 17vw, 83px); }
  .lead { margin-top: 32px; font-size: 19px; }
  .scoreboard { grid-template-columns: 1fr; }
  .scoreboard article, .scoreboard article:nth-child(2) { min-height: 235px; border-right: 0; border-bottom: 1px solid var(--line); }
  .scoreboard article:last-child { border-bottom: 0; }
  .org-model, .legend-archive, .method, .screen-tests, .incidents, .rider, .merch { padding: 80px 18px; }
  .org-model { gap: 60px; }
  .org-copy h2 { font-size: clamp(70px, 22vw, 104px); }
  .org-genius { margin-right: 8%; }
  .org-helpers { margin-left: 8%; }
  .org-role { padding: 22px; }
  .org-role h3 { font-size: 55px; }
  .archive-heading { margin-bottom: 58px; }
  .archive-heading h2 { font-size: clamp(70px, 24vw, 104px); }
  .archive-grid { display: block; }
  .archive-card,
  .archive-director,
  .archive-uniform,
  .archive-scale { margin: 0 0 70px; }
  .archive-scale { margin-bottom: 0; }
  .archive-card:nth-child(even) { transform: rotate(1deg); }
  .archive-card:nth-child(odd) { transform: rotate(-1deg); }
  .archive-card figcaption strong { font-size: 36px; }
  .method h2, .rider-side h2 { font-size: clamp(54px, 16vw, 78px); }
  .method-list li { grid-template-columns: 42px 1fr; }
  .method-list strong { font-size: 27px; }
  .screen-tests { gap: 55px; }
  .screen-intro h2 { font-size: clamp(62px, 19vw, 86px); }
  .video-reel { gap: 14px; }
  .video-card-offset { margin-top: 55px; }
  .video-shell { padding: 5px; box-shadow: 6px 6px 0 var(--gold); }
  .rec-dot { top: 11px; left: 11px; font-size: 6px; }
  .video-card figcaption strong { font-size: 23px; }
  .incidents-intro { margin-bottom: 45px; }
  .incident, .incident-feature { min-height: 500px; padding: 20px; box-shadow: 5px 5px 0 var(--ink); }
  .incident:not(.incident-feature) { min-height: 400px; }
  .incident h3 { font-size: 49px; }
  .incident:not(.incident-feature) h3 { font-size: 39px; }
  .rider { gap: 55px; }
  .rider-body { padding: 25px 20px; }
  .rider-top span:last-child { display: none; }
  .rider-body li { font-size: 11px; line-height: 1.5; }
  .approval { display: block; }
  .approval strong { display: block; margin-top: 20px; }
  .merch { gap: 55px; }
  .poster-button img { max-height: 560px; filter: drop-shadow(8px 10px 0 var(--ink)); }
  .closing { min-height: 64vh; padding: 80px 18px 24px; }
  .closing h2 { font-size: 42vw; }
  .closing div span:nth-child(2) { display: none; }
  footer { padding: 25px 18px; gap: 16px; flex-direction: column; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ticker div { animation: none; }
  .reveal { opacity: 1; transform: none; transition: none; }
}