:root {
  --ink: #171816;
  --ink-soft: #292b27;
  --paper: #ded7c6;
  --paper-light: #f4efe4;
  --canvas: #c9c0ad;
  --orange: #d75f34;
  --orange-deep: #a33f22;
  --forest: #173f34;
  --lake: #405f72;
  --oxblood: #6c3154;
  --yellow: #e4bd4a;
  --focus: #ffe36a;
  --story: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --command: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --data: "IBM Plex Mono", "Courier New", monospace;
  --frame: min(1460px, calc(100% - 40px));
  --line: 1px solid var(--ink);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: #b8b09f; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--story); }
body::before { position: fixed; z-index: 100; inset: 0; content: ""; pointer-events: none; opacity: .035; background: repeating-linear-gradient(0deg, rgba(20,20,16,.25) 0 1px, transparent 1px 5px); }
a { color: inherit; }
button, audio { font: inherit; }
img { display: block; max-width: 100%; }

.skip-link { position: fixed; z-index: 1000; top: 8px; left: 8px; display: inline-flex; min-height: 44px; align-items: center; padding: 12px 18px; color: var(--ink); background: var(--focus); font: 700 13px var(--command); text-transform: uppercase; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; box-shadow: 0 0 0 6px var(--ink); }

.site-mast { position: relative; z-index: 20; display: grid; grid-template-columns: minmax(340px, 1fr) auto; align-items: stretch; width: var(--frame); min-height: 102px; margin: 18px auto 0; color: var(--paper-light); background: var(--ink); border-bottom: 8px solid var(--forest); }
.signal-rule { display: grid; align-content: center; min-width: 0; padding: 12px 26px 10px; color: var(--ink); background: var(--orange); text-decoration: none; }
.signal-rule .registration { display: grid; grid-template-columns: 22% 28% 34% 16%; width: min(440px, 100%); height: 6px; margin-bottom: 8px; background: var(--ink); }
.registration i:nth-child(1) { background: var(--oxblood); }
.registration i:nth-child(2) { background: var(--lake); }
.registration i:nth-child(3) { background: var(--yellow); }
.registration i:nth-child(4) { background: var(--ink); }
.signal-rule small, .signal-rule em { font: normal 700 14px var(--data); letter-spacing: .1em; }
.signal-rule strong { margin: 5px 0 2px; font: 900 34px/.76 var(--command); letter-spacing: -.055em; }
.signal-rule em { justify-self: end; }
.site-mast nav { display: flex; }
.site-mast nav a { display: grid; min-width: 100px; place-items: center; padding: 12px; border-left: 1px solid #55564f; font: 700 14px var(--command); letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
.site-mast nav a:hover { color: var(--ink); background: var(--yellow); }

.season-arrival { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(390px, .65fr); width: var(--frame); min-height: 690px; margin: auto; border: var(--line); border-top: 0; }
.arrival-image { position: relative; min-height: 690px; overflow: hidden; background: var(--ink); }
.arrival-image::after { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg, rgba(14,17,14,.7), transparent 45%), linear-gradient(90deg, transparent 65%, rgba(15,17,14,.45)); }
.arrival-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(1.03); }
.image-credit { position: absolute; z-index: 2; right: 18px; bottom: 14px; left: 18px; margin: 0; color: var(--paper-light); font: 700 14px var(--data); letter-spacing: .06em; text-transform: uppercase; }
.arrival-copy { display: flex; flex-direction: column; justify-content: flex-end; padding: 54px 46px; background: var(--orange); }
.eyebrow, .section-heading > p, .cabinet-heading > p, .works-threshold > p, .field-ending > p:first-child { font: 700 14px var(--data); letter-spacing: .11em; text-transform: uppercase; }
.arrival-copy h1 { margin: 85px 0 26px; font: 700 clamp(58px, 6vw, 88px)/.86 var(--story); letter-spacing: -.05em; }
.standfirst { margin: 0; font: 600 20px/1.45 var(--story); }
.season-register { display: grid; grid-template-columns: 1fr 1fr; margin: 38px 0 26px; border-top: var(--line); border-left: var(--line); }
.season-register div { min-height: 72px; padding: 12px; border-right: var(--line); border-bottom: var(--line); }
.season-register dt { font: 700 14px var(--data); letter-spacing: .08em; text-transform: uppercase; }
.season-register dd { margin: 14px 0 0; font: 700 13px var(--command); text-transform: uppercase; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 13px 18px; border: 2px solid currentColor; font: 700 14px var(--command); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.button.primary { color: var(--paper-light); background: var(--ink); }
.button.secondary { color: var(--paper-light); background: transparent; }
.button:hover { color: var(--ink); border-color: var(--yellow); background: var(--yellow); }

.truth-strip { display: grid; grid-template-columns: 160px 1fr auto; gap: 24px; align-items: center; width: var(--frame); min-height: 88px; margin: 0 auto; padding: 18px 24px; color: var(--paper-light); background: var(--forest); border: var(--line); border-top: 0; }
.truth-strip b, .truth-strip a { font: 700 14px var(--command); letter-spacing: .08em; text-transform: uppercase; }
.truth-strip p { margin: 0; font: 500 19px/1.4 var(--story); }
.truth-strip a { min-height: 44px; display: inline-grid; place-items: center; }

.season-objects, .station-rooms, .record-cabinet, .works-threshold, .field-ending { width: var(--frame); margin: 76px auto 0; }
.section-heading { display: grid; grid-template-columns: .55fr 1.45fr; gap: 40px; align-items: end; min-height: 190px; padding: 34px; background: var(--paper-light); border: var(--line); border-bottom: 0; }
.section-heading h2, .cabinet-heading h2, .works-threshold h2, .field-ending h2 { margin: 0; font: 700 clamp(42px, 5vw, 72px)/.9 var(--story); letter-spacing: -.045em; }
.section-heading > div > p { max-width: 620px; margin: 20px 0 0; font: 500 19px/1.45 var(--story); }
.section-heading.inverse { color: var(--paper-light); background: var(--ink); }

.object-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; border-top: var(--line); border-left: var(--line); }
.object-card { display: flex; flex-direction: column; min-width: 0; min-height: 520px; padding: 36px; overflow-wrap: anywhere; border-right: var(--line); border-bottom: var(--line); }
.object-card:nth-child(1) { background: var(--paper-light); }
.object-card:nth-child(2) { background: var(--orange); }
.object-card:nth-child(3) { color: var(--paper-light); background: var(--lake); }
.object-card:nth-child(4) { color: var(--paper-light); background: var(--ink); }
.object-number { margin: 0; font: 700 14px var(--data); letter-spacing: .1em; }
.object-card h3 { max-width: 620px; margin: 84px 0 24px; font: 700 clamp(38px, 4vw, 60px)/.92 var(--story); letter-spacing: -.04em; }
.object-card > p:not(.object-number) { max-width: 570px; margin: 0; font: 500 19px/1.5 var(--story); }
.object-card dl { display: grid; grid-template-columns: 1fr 1fr; margin: auto 0 24px; border-top: 1px solid currentColor; }
.object-card dl div { padding: 14px 12px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; }
.object-card dl div:last-child { border-right: 0; }
.object-card dt { font: 700 14px var(--data); letter-spacing: .08em; text-transform: uppercase; }
.object-card dd { margin: 12px 0 0; font: 700 14px var(--command); text-transform: uppercase; }
.object-card > a, .object-card summary, .text-button { min-height: 48px; display: inline-flex; align-items: center; align-self: flex-start; padding: 0 0 2px; border: 0; border-bottom: 2px solid currentColor; color: inherit; background: transparent; cursor: pointer; font: 700 14px var(--command); letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
.object-card details { margin-top: auto; }
.object-card summary { list-style-position: inside; }
.listening-note { margin-top: 20px; padding-top: 20px; border-top: 1px solid currentColor; }
.listening-note p { font: 500 18px/1.45 var(--story); }
.listening-note audio { width: 100%; min-width: 0; max-width: 100%; margin-top: 10px; }

.room-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-left: var(--line); }
.room-grid a { display: flex; flex-direction: column; min-height: 150px; padding: 20px; border-right: var(--line); border-bottom: var(--line); color: var(--ink); background: var(--paper-light); text-decoration: none; }
.room-grid a:hover { color: var(--paper-light); background: var(--forest); }
.room-grid span { margin-bottom: auto; font: 700 14px var(--data); }
.room-grid b { font: 700 13px var(--command); letter-spacing: .06em; text-transform: uppercase; }
.room-grid small { margin-top: 7px; font: 500 18px var(--story); }

.record-cabinet { display: grid; grid-template-columns: .75fr 1.25fr; color: var(--paper-light); background: var(--forest); border: var(--line); border-top: 10px solid var(--orange); }
.cabinet-heading { padding: 44px; border-right: 1px solid var(--paper-light); }
.cabinet-heading h2 { margin-top: 90px; }
.drawers details { border-bottom: 1px solid var(--paper-light); }
.drawers details:last-child { border-bottom: 0; }
.drawers summary { display: grid; grid-template-columns: 110px 1fr 1fr; align-items: center; min-height: 96px; padding: 18px 24px; cursor: pointer; }
.drawers summary:hover { color: var(--ink); background: var(--yellow); }
.drawers summary span { font: 700 14px var(--data); letter-spacing: .08em; }
.drawers summary b { font: 700 18px var(--command); text-transform: uppercase; }
.drawers summary small { font: 500 18px var(--story); }
.drawers details > div { display: grid; gap: 8px; padding: 0 24px 28px 134px; }
.drawers details > div a { min-height: 44px; display: inline-flex; align-items: center; font: 700 14px var(--command); text-transform: uppercase; }
.drawers details > div p { margin: 0; font: 500 19px/1.45 var(--story); }

.works-threshold { display: grid; grid-template-columns: .5fr 1.15fr .85fr; gap: 44px; padding: 44px; background: var(--paper-light); border: var(--line); border-top: 10px solid var(--orange); }
.works-threshold > div > p { max-width: 640px; font: 500 19px/1.5 var(--story); }
.works-threshold dl { margin: 0; border-top: var(--line); }
.works-threshold dl div { padding: 12px 0; border-bottom: var(--line); }
.works-threshold dt { font: 700 14px var(--command); text-transform: uppercase; }
.works-threshold dd { margin: 5px 0 0; font: 500 19px var(--story); }

.field-ending { padding: 72px; color: var(--paper-light); background: var(--ink); border-top: 12px solid var(--orange); text-align: center; }
.field-ending h2 { max-width: 900px; margin: 34px auto 20px; }
.field-ending > p:not(:first-child) { margin: 0; font: 500 19px var(--story); }
.field-ending > div { display: flex; justify-content: center; gap: 12px; margin-top: 38px; }
.site-footer { display: flex; justify-content: space-between; gap: 30px; width: var(--frame); margin: 0 auto 30px; padding: 24px; color: var(--paper-light); background: var(--forest); border-top: 1px solid #58786d; }
.site-footer p { margin: 0; font: 700 14px var(--data); letter-spacing: .07em; text-transform: uppercase; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
.site-footer a { min-height: 44px; display: inline-flex; align-items: center; font: 700 14px var(--command); text-transform: uppercase; }

.reading-page, .dossier-page, .conversation-page, .wordmark-page { background: var(--paper-light); }
.reading-mast { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; width: min(1180px, calc(100% - 40px)); min-height: 86px; margin: 18px auto 0; color: var(--paper-light); background: var(--ink); border-bottom: 8px solid var(--orange); }
.reading-mast > a:first-child { min-height: 78px; display: inline-flex; align-items: center; padding: 0 24px; font: 700 14px var(--command); letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
.compact-mark { display: flex; min-height: 44px; gap: 12px; align-items: center; text-decoration: none; }
.compact-mark svg { width: 48px; height: 38px; padding: 5px; fill: var(--ink); background: var(--orange); border: 2px solid var(--paper-light); }
.compact-mark b { font: 900 20px var(--command); letter-spacing: -.03em; }
.mast-state { justify-self: end; min-height: 78px; display: inline-flex; align-items: center; padding: 0 24px; border-left: 1px solid #55564f; font: 700 14px var(--data); letter-spacing: .08em; text-transform: uppercase; }
.field-report { width: min(1180px, calc(100% - 40px)); margin: auto; border-right: var(--line); border-bottom: var(--line); border-left: var(--line); }
.report-title { padding: 72px 9%; background: var(--paper); border-bottom: var(--line); }
.report-title > p:first-child, .dossier-title > p:first-child, .dossier-position > p:first-child, .dossier-section header > p, .watchpoint > p:first-child { font: 700 14px var(--data); letter-spacing: .1em; text-transform: uppercase; }
.report-title h1, .dossier-title h1 { max-width: 900px; margin: 36px 0 28px; overflow-wrap: anywhere; font: 700 clamp(58px, 8vw, 108px)/.86 var(--story); letter-spacing: -.055em; }
.report-deck, .dossier-title > p:last-child { max-width: 750px; margin: 0; font: 500 22px/1.45 var(--story); }
.report-status { display: grid; grid-template-columns: 1.4fr .6fr; gap: 36px; padding: 28px 9%; color: var(--paper-light); background: var(--forest); }
.report-status dl { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; }
.report-status dl div { padding-right: 16px; border-right: 1px solid #7d968d; }
.report-status dt, .dossier-position dt { font: 700 14px var(--data); letter-spacing: .08em; text-transform: uppercase; }
.report-status dd, .dossier-position dd { margin: 8px 0 0; font: 700 14px/1.25 var(--command); text-transform: uppercase; }
.report-status > p { margin: 0; font: 500 18px/1.45 var(--story); }
.report-body { position: relative; max-width: 760px; margin: 0 auto; padding: 80px 28px 90px; font: 500 19px/1.72 var(--story); }
.report-body .lede { font-size: 24px; line-height: 1.55; }
.report-body p { margin: 0 0 1.45em; }
.margin-note { float: right; width: 230px; margin: 8px -190px 24px 34px; padding: 20px; color: var(--paper-light); background: var(--lake); border-top: 7px solid var(--yellow); }
.margin-note b { font: 700 14px var(--data); letter-spacing: .1em; }
.margin-note p { margin: 28px 0 0; font: 500 18px/1.45 var(--story); }
.closing-line { font-weight: 700; }
.report-sources { padding: 48px 9%; background: var(--paper); border-top: var(--line); }
.report-sources h2 { margin: 0 0 24px; font: 700 38px var(--story); }
.report-sources > p, .report-sources li { max-width: 780px; font: 500 19px/1.5 var(--story); }
.report-sources li { margin: 8px 0; }
.report-sources .button { margin-top: 24px; }

.dossier-shell { width: min(1180px, calc(100% - 40px)); margin: auto; border-right: var(--line); border-bottom: var(--line); border-left: var(--line); }
.dossier-title { padding: 70px 8%; background: var(--orange); }
.dossier-position { display: grid; grid-template-columns: .45fr 1.15fr .8fr; gap: 36px; padding: 42px; color: var(--paper-light); background: var(--forest); }
.dossier-position h2 { margin: 0; font: 700 clamp(36px, 5vw, 58px)/.93 var(--story); letter-spacing: -.04em; }
.dossier-position > p:not(:first-child) { margin: 0; font: 500 18px/1.5 var(--story); }
.dossier-position dl { grid-column: 2 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 0; padding-top: 24px; border-top: 1px solid #789087; }
.dossier-section { display: grid; grid-template-columns: .45fr 1.55fr; gap: 40px; padding: 58px 6%; border-bottom: var(--line); }
.dossier-section header h2 { margin: 22px 0 0; font: 700 42px/.95 var(--story); letter-spacing: -.035em; }
.chronology { margin: 0; padding: 0; border-top: var(--line); list-style: none; }
.chronology li { display: grid; grid-template-columns: 130px 1fr; gap: 28px; padding: 24px 0; border-bottom: var(--line); }
.chronology time { font: 700 14px var(--data); }
.chronology h3 { margin: 0; font: 700 23px var(--command); text-transform: uppercase; }
.chronology p { margin: 8px 0 0; font: 500 18px/1.5 var(--story); }
.tradeoff-section { background: var(--paper); }
.tradeoff-section ul { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; border-top: var(--line); border-left: var(--line); list-style: none; }
.tradeoff-section li { min-height: 130px; padding: 22px; border-right: var(--line); border-bottom: var(--line); font: 600 20px/1.4 var(--story); }
.watchpoint { padding: 64px 8%; color: var(--paper-light); background: var(--lake); }
.watchpoint h2 { max-width: 920px; margin: 30px 0; font: 700 clamp(42px, 6vw, 70px)/.9 var(--story); letter-spacing: -.045em; }
.watchpoint > p:last-child { max-width: 720px; font: 500 19px/1.5 var(--story); }
.dossier-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding: 48px 8%; background: var(--paper); }
.dossier-footer b { font: 700 14px var(--data); letter-spacing: .09em; }
.dossier-footer p { font: 500 19px/1.5 var(--story); }
.dossier-footer .button { grid-column: 1 / -1; justify-self: start; }

.conversation-shell { width: min(1180px, calc(100% - 40px)); margin: auto; border-right: var(--line); border-bottom: var(--line); border-left: var(--line); }
.conversation-title { padding: 70px 8%; color: var(--paper-light); background: var(--lake); border-bottom: 10px solid var(--yellow); }
.conversation-title > p:first-child, .conversation-player > div > p, .transcript-panel header > div > p { font: 700 14px var(--data); letter-spacing: .1em; text-transform: uppercase; }
.conversation-title h1 { max-width: 960px; margin: 36px 0 28px; font: 700 clamp(58px, 8vw, 108px)/.86 var(--story); letter-spacing: -.055em; }
.conversation-title > p:last-child { max-width: 760px; margin: 0; font: 500 22px/1.45 var(--story); }
.conversation-player { display: grid; grid-template-columns: .9fr 1.1fr; gap: 40px; align-items: center; padding: 52px 8%; color: var(--paper-light); background: var(--forest); }
.conversation-player h2 { margin: 28px 0 16px; font: 700 42px/.95 var(--story); letter-spacing: -.035em; }
.conversation-player > div > p:last-child { max-width: 520px; font: 500 18px/1.5 var(--story); }
.conversation-player audio { width: 100%; min-width: 0; }
.player-links { grid-column: 2; display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 0; }
.player-links a { min-height: 44px; display: inline-flex; align-items: center; font: 700 14px var(--command); letter-spacing: .06em; text-transform: uppercase; }
.transcript-panel { padding: 64px 8% 80px; background: var(--paper); }
.transcript-panel > header { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: end; padding-bottom: 38px; border-bottom: var(--line); }
.transcript-panel h2 { margin: 26px 0 0; font: 700 clamp(48px, 6vw, 76px)/.88 var(--story); letter-spacing: -.045em; }
.transcript-panel header > p { margin: 0; font: 500 18px/1.5 var(--story); }
.transcript-tools { display: grid; grid-template-columns: 1fr auto; gap: 10px 24px; align-items: end; padding: 34px 0; }
.transcript-tools label { grid-column: 1 / -1; font: 700 14px var(--data); letter-spacing: .08em; text-transform: uppercase; }
.transcript-tools input { min-width: 0; min-height: 48px; padding: 10px 14px; color: var(--ink); background: var(--paper-light); border: 2px solid var(--ink); border-radius: 0; font: 500 18px var(--story); }
.transcript-tools p { margin: 0; font: 700 14px var(--data); letter-spacing: .06em; text-transform: uppercase; }
.transcript { margin: 0; padding: 0; border-top: var(--line); list-style: none; }
.transcript li { display: grid; grid-template-columns: 88px 1fr; gap: 24px; padding: 16px 0; border-bottom: 1px solid #aaa291; }
.transcript li[hidden] { display: none; }
.transcript button { min-width: 70px; min-height: 44px; align-self: start; padding: 8px; color: var(--paper-light); background: var(--ink); border: 0; cursor: pointer; font: 700 14px var(--data); }
.transcript button:hover { color: var(--ink); background: var(--yellow); }
.transcript p { max-width: 720px; margin: 5px 0 0; font: 500 19px/1.5 var(--story); }
.transcript-empty { padding: 36px; border: var(--line); font: 600 20px var(--story); text-align: center; }
.conversation-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding: 48px 8%; background: var(--paper-light); border-top: var(--line); }
.conversation-footer b { font: 700 14px var(--data); letter-spacing: .08em; text-transform: uppercase; }
.conversation-footer p { font: 500 19px/1.5 var(--story); }
.conversation-footer .button { grid-column: 1 / -1; justify-self: start; }

.wordmark-shell { width: min(1180px, calc(100% - 40px)); margin: auto; border-right: var(--line); border-bottom: var(--line); border-left: var(--line); }
.wordmark-title { padding: 70px 8%; color: var(--paper-light); background: var(--ink); border-bottom: 10px solid var(--orange); }
.wordmark-title > p:first-child, .wordmark-controls > div:first-child > p { font: 700 14px var(--data); letter-spacing: .1em; text-transform: uppercase; }
.wordmark-title h1 { max-width: 900px; margin: 36px 0 28px; font: 700 clamp(58px, 8vw, 108px)/.86 var(--story); letter-spacing: -.055em; }
.wordmark-title > p:last-child { max-width: 760px; margin: 0; font: 500 22px/1.45 var(--story); }
.wordmark-candidates { display: grid; gap: 1px; background: var(--ink); }
.wordmark-candidates > article { min-width: 0; padding: 42px 6% 48px; background: var(--paper); }
.wordmark-candidates > article > header { display: grid; grid-template-columns: 60px 1fr; gap: 20px; align-items: start; margin-bottom: 30px; }
.wordmark-candidates > article > header > span { font: 700 14px var(--data); }
.wordmark-candidates h2 { margin: 0; font: 700 34px/.95 var(--story); letter-spacing: -.03em; }
.wordmark-candidates header p { margin: 10px 0 0; font: 500 19px var(--story); }
.signal-wordmark { display: grid; min-height: 265px; align-content: center; padding: 28px 34px 24px; background: var(--orange); border-bottom: 5px solid var(--ink); }
.signal-wordmark > i { display: grid; grid-template-columns: 22% 28% 34% 16%; width: 100%; height: 8px; margin-bottom: 12px; overflow: hidden; background: var(--ink); }
.signal-wordmark > i b:nth-child(1) { background: var(--oxblood); }
.signal-wordmark > i b:nth-child(2) { background: var(--lake); }
.signal-wordmark > i b:nth-child(3) { background: var(--yellow); }
.signal-wordmark > i b:nth-child(4) { background: var(--ink); }
.signal-wordmark small, .signal-wordmark em { font: normal 700 14px var(--data); letter-spacing: .1em; }
.signal-wordmark img { width: min(100%, 760px); height: 84px; margin: 20px 0 12px; object-fit: contain; object-position: left center; }
.signal-wordmark em { justify-self: end; }
.scale-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; align-items: end; min-height: 95px; padding: 20px 22px; overflow: hidden; background: var(--paper-light); border-right: var(--line); border-bottom: var(--line); border-left: var(--line); }
.scale-strip img { width: 100%; object-fit: contain; object-position: left bottom; }
.scale-strip img:nth-child(1) { height: 48px; }
.scale-strip img:nth-child(2) { height: 32px; }
.scale-strip img:nth-child(3) { height: 24px; }
.scale-strip img:nth-child(4) { height: 16px; }
.wordmark-controls { padding: 64px 6%; color: var(--paper-light); background: var(--forest); }
.wordmark-controls h2 { max-width: 760px; margin: 28px 0 40px; font: 700 clamp(42px, 6vw, 70px)/.9 var(--story); letter-spacing: -.045em; }
.mono-row { display: grid; grid-template-columns: repeat(3, 1fr); }
.mono-row article { display: grid; min-height: 150px; place-items: center; padding: 24px; background: #fff; border: 1px solid var(--ink); }
.mono-row article:nth-child(2) { background: #000; }
.mono-row article:nth-child(2) img { filter: invert(1); }
.mono-row article:nth-child(3) img { filter: grayscale(1) contrast(1.8); opacity: .74; }
.mono-row img { width: 100%; max-height: 58px; object-fit: contain; }
.wordmark-footer { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 34px 6%; background: var(--paper); }
.wordmark-footer p { margin: 0; font: 700 14px/1.5 var(--data); letter-spacing: .07em; text-transform: uppercase; }

@media (max-width: 1040px) {
  .site-mast { grid-template-columns: 1fr; }
  .site-mast nav { grid-column: 1 / -1; order: 3; border-top: 1px solid #55564f; }
  .site-mast nav a { flex: 1; min-height: 52px; }
  .season-arrival { grid-template-columns: 1fr; }
  .arrival-image { min-height: 520px; }
  .arrival-copy { min-height: 560px; }
  .room-grid { grid-template-columns: repeat(3, 1fr); }
  .record-cabinet, .works-threshold { grid-template-columns: 1fr; }
  .cabinet-heading { border-right: 0; border-bottom: 1px solid var(--paper-light); }
  .cabinet-heading h2 { margin-top: 54px; }
  .report-status, .dossier-position, .conversation-player { grid-template-columns: 1fr; }
  .report-status dl { grid-template-columns: 1fr 1fr; gap: 16px; }
  .dossier-position dl { grid-column: auto; }
  .player-links { grid-column: auto; }
  .margin-note { float: none; width: auto; margin: 30px 0; }
}

@media (max-width: 700px) {
  :root { --frame: calc(100% - 24px); }
  .site-mast { grid-template-columns: 1fr; margin-top: 10px; }
  .signal-rule { padding: 11px 14px 9px; }
  .signal-rule strong { font-size: 28px; }
  .signal-rule em { display: none; }
  .site-mast nav { display: grid; grid-template-columns: repeat(3, 1fr); }
  .site-mast nav a { min-width: 0; padding: 10px 5px; text-align: center; }
  .season-arrival { min-height: 0; }
  .arrival-image { min-height: 330px; }
  .arrival-copy { min-height: 540px; padding: 34px 24px; }
  .arrival-copy h1 { margin-top: 68px; }
  .truth-strip { grid-template-columns: 1fr; gap: 10px; }
  .truth-strip a { justify-self: start; }
  .season-objects, .station-rooms, .record-cabinet, .works-threshold, .field-ending { margin-top: 48px; }
  .section-heading { grid-template-columns: 1fr; min-height: 0; padding: 28px 24px; }
  .object-grid { grid-template-columns: 1fr; }
  .object-card { min-height: 500px; padding: 28px 24px; }
  .object-card h3 { margin-top: 70px; }
  .room-grid { grid-template-columns: 1fr 1fr; }
  .room-grid a { min-height: 130px; }
  .cabinet-heading { padding: 32px 24px; }
  .drawers summary { grid-template-columns: 88px 1fr; min-height: 104px; padding: 16px; }
  .drawers summary small { grid-column: 2; margin-top: 6px; }
  .drawers details > div { padding: 0 20px 26px 104px; }
  .works-threshold { gap: 28px; padding: 32px 24px; }
  .field-ending { padding: 58px 24px; }
  .field-ending > div { flex-direction: column; }
  .site-footer { flex-direction: column; }
  .reading-mast { grid-template-columns: 1fr auto; width: calc(100% - 24px); margin-top: 10px; }
  .reading-mast .compact-mark { display: none; }
  .mast-state { min-height: 78px; padding: 0 14px; text-align: right; }
  .field-report, .dossier-shell, .conversation-shell, .wordmark-shell { width: calc(100% - 24px); }
  .report-title, .dossier-title, .conversation-title, .wordmark-title { padding: 52px 24px; }
  .report-status { padding: 26px 24px; }
  .report-status dl { grid-template-columns: 1fr; }
  .report-status dl div { padding-bottom: 12px; border-right: 0; border-bottom: 1px solid #789087; }
  .report-body { padding: 58px 22px 68px; font-size: 18px; }
  .report-body .lede { font-size: 21px; }
  .report-sources { padding: 38px 24px; }
  .dossier-position { padding: 32px 24px; }
  .dossier-title h1 { font-size: 42px; overflow-wrap: normal; hyphens: none; }
  .dossier-position dl { grid-template-columns: 1fr; }
  .dossier-section { grid-template-columns: 1fr; padding: 42px 24px; }
  .chronology li { grid-template-columns: 1fr; gap: 8px; }
  .tradeoff-section ul { grid-template-columns: 1fr; }
  .watchpoint { padding: 48px 24px; }
  .dossier-footer { grid-template-columns: 1fr; padding: 38px 24px; }
  .dossier-footer .button { grid-column: auto; }
  .conversation-title h1 { font-size: 46px; overflow-wrap: anywhere; }
  .conversation-player, .transcript-panel { padding: 42px 24px; }
  .transcript-panel > header { grid-template-columns: 1fr; }
  .transcript-tools { grid-template-columns: 1fr; }
  .transcript li { grid-template-columns: 72px 1fr; gap: 14px; }
  .conversation-footer { grid-template-columns: 1fr; padding: 38px 24px; }
  .conversation-footer .button { grid-column: auto; }
  .wordmark-title h1 { font-size: 44px; overflow-wrap: anywhere; }
  .wordmark-candidates > article { padding: 36px 24px; }
  .signal-wordmark { min-height: 220px; padding: 22px 18px 18px; }
  .signal-wordmark img { height: 58px; }
  .scale-strip { gap: 14px; padding: 18px 12px; overflow: hidden; }
  .mono-row { grid-template-columns: 1fr; }
  .wordmark-controls { padding: 48px 24px; }
  .wordmark-footer { flex-direction: column; align-items: flex-start; padding: 32px 24px; }
}

@media (max-width: 360px) {
  .signal-rule small { font-size: 7px; }
  .signal-rule strong { font-size: 24px; }
  .season-register, .object-card dl, .room-grid { grid-template-columns: 1fr; }
  .room-grid a { min-height: 112px; }
  .drawers summary { grid-template-columns: 1fr; }
  .drawers summary small { grid-column: auto; }
  .drawers details > div { padding-left: 20px; }
  .report-title h1 { font-size: 48px; }
  .dossier-title h1 { font-size: 32px; }
  .watchpoint h2 { font-size: 38px; overflow-wrap: anywhere; }
  .conversation-title h1 { font-size: 36px; }
  .transcript li { grid-template-columns: 1fr; }
  .wordmark-title h1 { font-size: 36px; }
  .signal-wordmark small, .signal-wordmark em { font-size: 6px; }
  .signal-wordmark img { height: 42px; }
  .scale-strip img:nth-child(1) { height: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

@media (forced-colors: active) {
  body::before, .arrival-image::after, .registration { display: none; }
  .signal-rule, .object-card, .record-cabinet, .works-threshold, .field-ending, .truth-strip, .watchpoint, .dossier-position { forced-color-adjust: auto; }
}

@media print {
  body::before, .site-mast, .reading-mast, .station-rooms, .record-cabinet, .works-threshold, .field-ending, .site-footer, audio, .truth-strip { display: none !important; }
  body { color: #000; background: #fff; }
  .season-arrival, .season-objects, .field-report, .dossier-shell, .conversation-shell, .wordmark-shell { width: 100%; margin: 0; border: 0; }
  .print-field-card main > * { display: none !important; }
  .print-field-card .season-objects, .print-field-card .object-grid, .print-field-card .carry-card { display: block !important; }
  .print-field-card .section-heading, .print-field-card .object-card:not(.carry-card) { display: none !important; }
  .print-field-card .carry-card { width: 148mm; min-height: 96mm; margin: 30mm auto 0; padding: 18mm; color: #000; background: #fff; border: 2px solid #000; }
  .print-field-card .carry-card .text-button { display: none; }
}

/* Record 01 drawer */
.record-index{display:flow-root;min-height:100dvh;color:#17201d;background:#d9ddd7;font-family:var(--story)}
.record-index::before{display:none}
.record-index-shell{display:grid;grid-template-rows:68px minmax(0,1fr);min-height:calc(100dvh - 28px);max-width:1580px;margin:14px auto;background:#f2eee4;border:1px solid #17201d;overflow:hidden}
.record-index-mast{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3.5vw,58px);border-bottom:1px solid #17201d}
.record-index-mast a,.record-index-mast span{display:inline-flex;min-height:44px;align-items:center;font-size:17px;font-weight:800;letter-spacing:-.02em;text-decoration:none}
.record-index-mast span{font-size:14px;letter-spacing:.02em}
.record-index-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}
.record-index-head{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:clamp(30px,4vw,58px);background:#f2eee4;border-bottom:1px solid #17201d}
.record-index-head p{margin:0;font:800 13px/1 var(--command);letter-spacing:.08em;text-transform:uppercase}
.record-index-head h1{margin:0;font:900 clamp(52px,7vw,104px)/.8 var(--story);letter-spacing:-.06em}
.record-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}
.record-index-object{display:flex;min-width:0;min-height:260px;flex-direction:column;justify-content:space-between;padding:clamp(26px,3.5vw,54px);color:#17201d;border-right:1px solid #17201d;border-bottom:1px solid #17201d;text-decoration:none}
.record-index-object:nth-child(even){border-right:0}.record-index-object:nth-child(n+3){border-bottom:0}
.record-index-object span{font:800 13px/1 var(--command);letter-spacing:.08em;text-transform:uppercase}
.record-index-object strong{max-width:650px;font:900 clamp(34px,4.1vw,62px)/.9 var(--story);letter-spacing:-.045em}
.record-index-ground{background:#f2eee4}.record-index-equipment{background:#d9673f}.record-index-conversation{color:#f2eee4;background:#326273}.record-index-card{background:#b9c59b}
.record-index-object button{align-self:flex-start;min-height:46px;margin-top:20px;padding:0 18px;color:#f2eee4;background:#17201d;border:1px solid #17201d;border-radius:999px;font:800 13px/1 var(--command);cursor:pointer}
.record-index-object:focus-visible,.record-index-object button:focus-visible,.record-index-mast a:focus-visible{outline:3px solid #17201d;outline-offset:-8px;box-shadow:inset 0 0 0 5px #f2eee4}
.record-index-object:hover strong,.record-index-object:focus-visible strong{transform:translateX(8px)}
.record-index-object strong{transition:transform .25s ease}

@media(max-width:760px){
  .record-index-shell{grid-template-rows:56px minmax(0,1fr);min-height:100dvh;margin:0;border:0}
  .record-index-mast{padding:0 20px}.record-index-mast a{font-size:16px}.record-index-mast span{font-size:13px}
  .record-index-head{align-items:flex-start;flex-direction:column;padding:28px 22px 32px}.record-index-head h1{font-size:60px}
  .record-index-grid{grid-template-columns:1fr}
  .record-index-object,.record-index-object:nth-child(even),.record-index-object:nth-child(n+3){min-height:210px;padding:24px 22px;border-right:0;border-bottom:1px solid #17201d}
  .record-index-object:last-child{border-bottom:0}
  .record-index-object strong{font-size:clamp(38px,11vw,52px)}
}
@media(prefers-reduced-motion:reduce){.record-index-object strong{transition:none}}