:root {
  --ink: #4b201a;
  --paper: #f5ebd7;
  --paper-deep: #ebd8b8;
  --saffron: #f4c84c;
  --tomato: #e94c3d;
  --teal: #006f74;
  --mint: #bde3d7;
  --coral: #ee7a64;
  --blue: #78b9d4;
  --plum: #6a365f;
  --cream: #fff8ea;
  --rule: 4px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper-deep);
  color: var(--ink);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 16px;
}
body, button, input { color: var(--ink); }
a { color: inherit; }
img { max-width: 100%; }
a:focus-visible, summary:focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(210px, 1fr) auto minmax(120px, 1fr);
  align-items: center;
  gap: 20px;
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: 12px 16px;
  border-bottom: var(--rule) solid var(--ink);
  background: var(--paper);
  font-family: 'Courier New', monospace;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .025em;
}
.site-wordmark { display: flex; align-items: baseline; gap: 12px; text-decoration: none; }
.site-wordmark strong { font-size: 14px; }
.site-wordmark span { color: var(--teal); font-size: 9px; }
.site-nav { display: flex; gap: 17px; }
.site-nav a, .support-link { text-decoration: none; }
.site-nav a:hover, .support-link:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.support-link { justify-self: end; padding: 8px 10px; background: var(--tomato); color: var(--cream); }
.mobile-menu { display: none; }

.home-page, .inner-page { width: min(1440px, 100%); margin: 0 auto; background: var(--paper); }
.home-shell { padding: 16px; background: var(--ink); }
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
  min-height: 650px;
  border-bottom: var(--rule) solid var(--ink);
}
.hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(22px, 4vw, 52px);
  background: var(--saffron);
  border-right: var(--rule) solid var(--ink);
}
.eyebrow, .page-code, .section-heading > span, .feature-kicker, .feature-copy > span,
.content-label, .career-band > div > span, .research-band > span, .dispatch-band > span,
.support-band span, .subjects-band span, .forthcoming-band > span, .column-feature > div > span {
  font-family: 'Courier New', monospace;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.eyebrow { margin: 0 0 42px; }
.hero-copy h1 {
  max-width: 1000px;
  margin: 0;
  font-size: clamp(58px, 7vw, 110px);
  font-weight: 400;
  letter-spacing: -.06em;
  line-height: .84;
}
.hero-copy h1 mark {
  padding: 0 .04em;
  background: var(--tomato);
  color: var(--cream);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.hero-copy h1 em { color: var(--teal); font-weight: 400; }
.annotation-token { white-space: nowrap; }
.annotation-mark { position: relative; top: -.62em; margin-left: .05em; color: var(--tomato); font-family: 'Courier New', monospace; font-size: .2em; font-style: normal; font-weight: 700; letter-spacing: 0; }
.hero-annotation-key { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 32px; border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
.hero-annotation-key a { display: flex; gap: 8px; padding: 9px 8px; border-right: 1px solid var(--ink); font-family: 'Courier New', monospace; font-size: 9px; text-decoration: none; text-transform: uppercase; }
.hero-annotation-key a:last-child { border-right: 0; }
.hero-annotation-key b { color: var(--tomato); }
.hero-annotation-key a:hover { background: var(--tomato); color: var(--cream); }
.hero-annotation-key a:hover b { color: inherit; }
.hero-meta { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 32px; margin-top: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4; }
.hero-meta p { max-width: 520px; margin: 0; }
.hero-meta span { font-family: 'Courier New', monospace; font-size: 10px; text-align: right; text-transform: uppercase; }
.hero-photo { position: relative; min-height: 650px; margin: 0; overflow: hidden; background: var(--mint); }
.hero-photo img { display: block; width: 100%; height: 100%; min-height: 650px; object-fit: cover; object-position: 50% 12%; }
.hero-photo figcaption { position: absolute; right: 10px; bottom: 10px; padding: 6px 8px; background: var(--paper); font-family: 'Courier New', monospace; font-size: 9px; text-transform: uppercase; }
.work-grid { display: grid; grid-template-columns: repeat(5, 1fr); }
.work-card { display: flex; min-height: 210px; flex-direction: column; padding: 16px; border-right: var(--rule) solid var(--ink); text-decoration: none; transition: background-color .18s ease; }
.work-card:last-child { border-right: 0; }
.work-card.mint { background: var(--mint); }
.work-card.coral { background: var(--coral); }
.work-card.cream { background: var(--paper); }
.work-card.blue { background: var(--blue); }
.work-card.saffron { background: var(--saffron); }
.work-card.mint:hover { background: #8fc8b8; }
.work-card.coral:hover { background: #d85b49; }
.work-card.cream:hover { background: #e3cca7; }
.work-card.blue:hover { background: #4f9fbd; }
.work-card.saffron:hover { background: #dba72f; }
.work-number { font-family: 'Courier New', monospace; font-size: 10px; }
.work-card strong { margin: 34px 0 8px; font-family: Arial, Helvetica, sans-serif; font-size: clamp(24px, 3vw, 42px); font-weight: 500; letter-spacing: -.04em; text-transform: uppercase; }
.work-card > span:nth-of-type(2) { max-width: 250px; font-size: 13px; line-height: 1.35; }
.work-card b { margin-top: auto; padding-top: 24px; font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.work-card:hover strong { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }

.site-footer {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 40px;
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: 42px 30px 34px;
  border-top: var(--rule) solid var(--ink);
  background: var(--ink);
  color: var(--paper);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}
.site-footer nav, .footer-contact { display: flex; align-items: flex-start; flex-direction: column; gap: 8px; }
.site-footer a { text-decoration: none; }
.site-footer a:hover { color: var(--saffron); }
.footer-name { font-family: Georgia, serif; font-size: clamp(30px, 4vw, 54px); }
.site-footer p { margin: 8px 0 0; }
.footer-contact small { margin-top: auto; opacity: .7; }

.page-intro {
  display: grid;
  grid-template-columns: 150px minmax(0, 1.5fr) minmax(260px, .65fr);
  gap: clamp(20px, 4vw, 60px);
  align-items: end;
  min-height: 430px;
  padding: clamp(36px, 7vw, 95px) clamp(24px, 5vw, 74px) 52px;
  border-bottom: var(--rule) solid var(--ink);
  background: var(--saffron);
}
.page-code { align-self: start; display: flex; gap: 12px; }
.page-code b { color: var(--tomato); font-size: 30px; }
.page-code span { padding-top: 7px; }
.page-intro h1 { margin: 0; font-size: clamp(62px, 9vw, 134px); font-weight: 400; letter-spacing: -.07em; line-height: .82; }
.page-intro h1 em { color: var(--teal); font-weight: 400; }
.page-intro > p { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.45; }

.section-block { padding: clamp(48px, 8vw, 110px) clamp(24px, 5vw, 74px); border-bottom: var(--rule) solid var(--ink); }
.section-heading { display: grid; grid-template-columns: minmax(120px, .3fr) minmax(0, 1fr); gap: 34px; margin-bottom: 42px; }
.section-heading h2 { max-width: 900px; margin: 0; font-size: clamp(42px, 6vw, 84px); font-weight: 400; letter-spacing: -.055em; line-height: .92; }
.section-heading p { grid-column: 2; max-width: 650px; margin: -20px 0 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.text-link { display: inline-block; font-family: 'Courier New', monospace; font-size: 11px; font-style: normal; font-weight: 700; text-transform: uppercase; text-underline-offset: 5px; }
.solid-link, .outline-link { display: inline-block; padding: 13px 15px; font-family: 'Courier New', monospace; font-size: 11px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.solid-link { background: var(--ink); color: var(--paper); }
.outline-link { border: 2px solid currentColor; }
.button-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }

.quote-strip { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: var(--rule) solid var(--ink); }
.quote-strip blockquote { display: flex; min-height: 190px; flex-direction: column; justify-content: space-between; margin: 0; padding: 24px; border-right: var(--rule) solid var(--ink); background: var(--mint); font-size: 24px; line-height: 1.05; }
.quote-strip blockquote:nth-child(2) { background: var(--coral); }
.quote-strip blockquote:nth-child(3) { border-right: 0; background: var(--blue); }
blockquote cite { display: block; margin-top: 18px; font-family: 'Courier New', monospace; font-size: 10px; font-style: normal; text-transform: uppercase; }
.special-grid { display: grid; grid-template-columns: repeat(2, 1fr); border: var(--rule) solid var(--ink); }
.special-card { display: flex; min-height: 390px; flex-direction: column; padding: 26px; text-decoration: none; }
.special-card:first-child { border-right: var(--rule) solid var(--ink); }
.special-card.tomato { background: var(--tomato); color: var(--cream); }
.special-card.teal { background: var(--teal); color: var(--cream); }
.special-card span, .special-card b { font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.special-card strong { margin: auto 0; font-size: clamp(55px, 8vw, 110px); font-weight: 400; letter-spacing: -.07em; line-height: .8; }
.media-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: var(--rule) solid var(--ink); border-left: var(--rule) solid var(--ink); }
.media-card { display: flex; min-height: 360px; flex-direction: column; padding: 12px; border-right: var(--rule) solid var(--ink); border-bottom: var(--rule) solid var(--ink); background: var(--paper); text-decoration: none; }
.media-card img { width: 100%; aspect-ratio: 16/9; object-fit: cover; filter: saturate(.8) contrast(1.05); }
.media-card span, .cover-card span, .collection-card > span, .audio-card > span, .show-card > span { margin-top: 12px; font-family: 'Courier New', monospace; font-size: 9px; text-transform: uppercase; }
.media-card strong { margin: 12px 0; font-size: 25px; font-weight: 400; line-height: 1; }
.media-card b { margin-top: auto; font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.cover-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.cover-card { display: flex; flex-direction: column; text-decoration: none; }
.cover-card img { width: 100%; aspect-ratio: 1; object-fit: cover; border: 2px solid var(--ink); }
.cover-card strong { margin: 7px 0 14px; font-size: 24px; font-weight: 400; line-height: 1; }
.cover-card b { margin-top: auto; font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.career-band, .research-band { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); gap: 50px; padding: clamp(48px, 8vw, 100px) clamp(24px, 5vw, 74px); border-bottom: var(--rule) solid var(--ink); background: var(--mint); }
.career-band h2, .research-band h2, .subjects-band h2, .support-band h2, .dispatch-band h2 { margin: 16px 0 22px; font-size: clamp(42px, 6vw, 82px); font-weight: 400; letter-spacing: -.055em; line-height: .9; }
.career-band p, .research-band p, .subjects-band p, .support-band p, .dispatch-band p { max-width: 720px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.career-band dl { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; border-top: 2px solid var(--ink); border-left: 2px solid var(--ink); }
.career-band dl div { padding: 18px; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
.career-band dt { font-size: 44px; }
.career-band dd { margin: 4px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.career-band > .text-link { grid-column: 1/-1; }

.feature-split { display: grid; grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr); border-bottom: var(--rule) solid var(--ink); }
.feature-art { min-height: 620px; padding: clamp(24px, 5vw, 70px); background: var(--tomato); border-right: var(--rule) solid var(--ink); }
.feature-art img { width: 100%; height: 100%; object-fit: contain; }
.feature-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(35px, 7vw, 100px); background: var(--mint); }
.feature-copy h2 { margin: 18px 0; font-size: clamp(58px, 9vw, 120px); font-weight: 400; letter-spacing: -.07em; line-height: .82; }
.feature-copy p, .feature-copy li { max-width: 700px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.feature-copy ul { padding-left: 18px; }
.feature-copy .button-row, .feature-copy > .solid-link { margin-top: 22px; align-self: flex-start; }
.edition-grid { display: grid; grid-template-columns: repeat(2, 1fr); border: var(--rule) solid var(--ink); }
.edition-grid > div { padding: clamp(25px, 4vw, 48px); background: var(--paper); }
.edition-grid > div:last-child { border-left: var(--rule) solid var(--ink); background: var(--saffron); }
.edition-grid span { font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.edition-grid h3 { margin: 18px 0; font-size: clamp(38px, 5vw, 68px); font-weight: 400; letter-spacing: -.05em; }
.edition-grid li { margin: 8px 0; font-family: Arial, Helvetica, sans-serif; }
.article-list { border-top: 2px solid var(--ink); }
.article-row { display: grid; grid-template-columns: minmax(150px, .35fr) minmax(0, 1fr) minmax(210px, .6fr) auto; gap: 20px; align-items: start; padding: 22px 4px; border-bottom: 2px solid var(--ink); text-decoration: none; }
.article-row > span { font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.article-row small { display: block; margin-top: 5px; color: var(--teal); }
.article-row > strong { font-size: 24px; font-weight: 400; line-height: 1.05; }
.article-row > p { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.4; }
.article-row > b { font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.article-row:hover > strong { color: var(--teal); }
.article-list.compact .article-row { grid-template-columns: minmax(150px, .35fr) minmax(0, 1fr) auto; }
.center-link { margin: 0; padding: 28px; border-bottom: var(--rule) solid var(--ink); text-align: center; }

.book-stack { border-bottom: var(--rule) solid var(--ink); }
.book-feature { display: grid; grid-template-columns: 80px minmax(230px, .55fr) minmax(0, 1fr); gap: clamp(22px, 4vw, 60px); padding: clamp(45px, 7vw, 90px) clamp(24px, 5vw, 74px); border-bottom: 2px solid var(--ink); }
.book-feature:last-child { border-bottom: 0; }
.book-number { color: var(--tomato); font-family: 'Courier New', monospace; font-size: 30px; }
.book-feature > img { width: 100%; max-height: 560px; object-fit: contain; object-position: top; }
.book-feature > div:last-child > span { font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.book-feature h2 { margin: 18px 0; font-size: clamp(50px, 7vw, 100px); font-weight: 400; letter-spacing: -.06em; line-height: .84; }
.book-feature p { max-width: 680px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.book-feature blockquote { margin: 28px 0; padding-left: 22px; border-left: 8px solid var(--saffron); font-size: 27px; line-height: 1.12; }
.collection-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: var(--rule) solid var(--ink); border-left: var(--rule) solid var(--ink); }
.collection-card { display: flex; flex-direction: column; padding: 18px; border-right: var(--rule) solid var(--ink); border-bottom: var(--rule) solid var(--ink); text-decoration: none; }
.collection-card img { width: 100%; height: 310px; object-fit: contain; object-position: left bottom; }
.collection-card h3 { margin: 12px 0; font-size: 28px; font-weight: 400; line-height: 1; }
.collection-card p { margin: 7px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.4; }
.collection-card b { margin-top: auto; padding-top: 18px; font-family: 'Courier New', monospace; font-size: 9px; text-transform: uppercase; }
.forthcoming-band { display: grid; grid-template-columns: 160px minmax(0, 1fr) 150px; gap: 30px; align-items: center; padding: clamp(50px, 8vw, 100px) clamp(24px, 5vw, 74px); border-bottom: var(--rule) solid var(--ink); background: var(--tomato); color: var(--cream); }
.fanatic-word { font-size: clamp(90px, 18vw, 250px); font-weight: 400; letter-spacing: -.09em; line-height: .7; }
.forthcoming-band > b { font-family: 'Courier New', monospace; text-transform: uppercase; }
.forthcoming-band > div { grid-column: 2; max-width: 680px; }
.forthcoming-band h2 { margin: 12px 0; font-size: 54px; font-weight: 400; }
.forthcoming-band p { font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }

.column-feature { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); border-bottom: var(--rule) solid var(--ink); }
.column-poster { display: flex; min-height: 600px; flex-direction: column; padding: 34px; background: var(--tomato); color: var(--cream); border-right: var(--rule) solid var(--ink); }
.column-poster span { font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: 700; text-transform: uppercase; }
.column-poster strong { margin: auto 0; font-size: clamp(55px, 8vw, 112px); font-weight: 400; letter-spacing: -.08em; line-height: .72; }
.column-feature > div:last-child { display: flex; flex-direction: column; justify-content: center; padding: clamp(35px, 7vw, 100px); background: var(--mint); }
.column-feature h2 { margin: 18px 0; font-size: clamp(55px, 8vw, 112px); font-weight: 400; letter-spacing: -.07em; line-height: .82; }
.column-feature p { max-width: 700px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.archive-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: var(--rule) solid var(--ink); }
.archive-card { display: flex; min-height: 210px; flex-direction: column; padding: 18px; border-right: var(--rule) solid var(--ink); background: var(--paper); text-decoration: none; }
.archive-card:last-child { border-right: 0; }
.archive-card:nth-child(2) { background: var(--coral); }
.archive-card:nth-child(3) { background: var(--mint); }
.archive-card:nth-child(4) { background: var(--blue); }
.archive-card span { font-family: 'Courier New', monospace; font-size: 9px; text-transform: uppercase; }
.archive-card strong { margin: 34px 0 8px; font-size: 27px; font-weight: 400; line-height: 1; }
.archive-card p { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4; }
.archive-card b { margin-top: auto; text-align: right; }
.research-band { background: var(--blue); }
.research-band > * { grid-column: 1; }
.research-band .text-link { margin-top: 10px; }

.feature-split.missed .feature-art { background: var(--plum); }
.feature-split.missed .feature-copy { background: var(--saffron); }
.current-shows { display: grid; grid-template-columns: repeat(2, 1fr); border: var(--rule) solid var(--ink); }
.show-card { display: flex; min-height: 570px; flex-direction: column; padding: 24px; background: var(--coral); text-decoration: none; }
.show-card + .show-card { border-left: var(--rule) solid var(--ink); }
.show-card.mint { background: var(--mint); }
.show-card img { width: 240px; aspect-ratio: 1; object-fit: cover; }
.show-card h3 { margin: auto 0 12px; font-size: clamp(58px, 8vw, 104px); font-weight: 400; letter-spacing: -.07em; line-height: .8; }
.show-card > b { font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.show-card p { max-width: 540px; font-family: Arial, Helvetica, sans-serif; line-height: 1.4; }
.show-card small { margin-top: auto; font-family: 'Courier New', monospace; text-transform: uppercase; }
.audio-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: var(--rule) solid var(--ink); border-left: var(--rule) solid var(--ink); }
.audio-card { display: flex; min-height: 620px; flex-direction: column; padding: 16px; border-right: var(--rule) solid var(--ink); border-bottom: var(--rule) solid var(--ink); text-decoration: none; }
.audio-card img { width: 100%; aspect-ratio: 1; object-fit: contain; object-position: left bottom; }
.audio-card h3 { margin: 14px 0 8px; font-size: 29px; font-weight: 400; line-height: .95; }
.audio-card > b, .audio-card > small { font-family: 'Courier New', monospace; font-size: 9px; text-transform: uppercase; }
.audio-card p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.4; }
.audio-card > strong { margin-top: auto; padding-top: 20px; font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.support-band { display: flex; align-items: end; justify-content: space-between; gap: 40px; padding: clamp(45px, 7vw, 86px) clamp(24px, 5vw, 74px); border-bottom: var(--rule) solid var(--ink); background: var(--saffron); }
.support-band h2 { max-width: 900px; }

.about-split { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr); border-bottom: var(--rule) solid var(--ink); }
.about-split figure { position: relative; margin: 0; border-right: var(--rule) solid var(--ink); background: var(--mint); }
.about-split figure img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; }
.about-split figcaption { position: absolute; left: 12px; bottom: 12px; padding: 8px; background: var(--paper); font-family: 'Courier New', monospace; font-size: 9px; text-transform: uppercase; }
.about-split > div { padding: clamp(36px, 7vw, 100px); }
.about-split > div > p { max-width: 760px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.6; }
.about-split blockquote { margin: 50px 0 0; padding: 22px; background: var(--saffron); font-size: clamp(30px, 4vw, 50px); line-height: 1; }
.about-split blockquote span { display: block; margin-bottom: 14px; font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.timeline { margin: 0; padding: 0; border-top: 2px solid var(--ink); list-style: none; }
.timeline li { display: grid; grid-template-columns: 170px 1fr; gap: 30px; padding: 22px 0; border-bottom: 2px solid var(--ink); }
.timeline b { color: var(--tomato); font-size: 34px; font-weight: 400; }
.timeline span { align-self: center; font-family: Arial, Helvetica, sans-serif; line-height: 1.4; }
.awards-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: var(--rule) solid var(--ink); border-left: var(--rule) solid var(--ink); }
.awards-grid > div { display: flex; min-height: 190px; flex-direction: column; padding: 18px; border-right: var(--rule) solid var(--ink); border-bottom: var(--rule) solid var(--ink); }
.awards-grid b { color: var(--tomato); font-family: 'Courier New', monospace; }
.awards-grid strong { margin: 25px 0 8px; font-size: 24px; font-weight: 400; }
.awards-grid span { margin-top: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.speaking-hero { position: relative; min-height: 720px; border-bottom: var(--rule) solid var(--ink); overflow: hidden; background: var(--mint); }
.speaking-hero img { display: block; width: 100%; height: 720px; object-fit: cover; object-position: 50% 18%; }
.speaking-hero blockquote { position: absolute; left: 5%; bottom: 8%; max-width: 560px; margin: 0; padding: 24px; background: var(--saffron); font-size: clamp(30px, 5vw, 62px); line-height: .95; }
.speaking-hero .solid-link { position: absolute; right: 5%; bottom: 8%; }
.format-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: var(--rule) solid var(--ink); }
.format-grid > div { min-height: 270px; padding: 18px; border-right: var(--rule) solid var(--ink); }
.format-grid > div:last-child { border-right: 0; }
.format-grid > div:nth-child(2) { background: var(--coral); }
.format-grid > div:nth-child(3) { background: var(--mint); }
.format-grid > div:nth-child(4) { background: var(--blue); }
.format-grid b { font-family: 'Courier New', monospace; font-size: 10px; }
.format-grid h3 { margin: 44px 0 12px; font-size: 28px; font-weight: 400; line-height: 1; }
.format-grid p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.4; }
.subjects-band { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr); gap: 60px; padding: clamp(48px, 8vw, 100px) clamp(24px, 5vw, 74px); border-bottom: var(--rule) solid var(--ink); background: var(--teal); color: var(--cream); }
.subjects-band ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 30px; margin: 0; padding: 0; border-top: 1px solid var(--cream); list-style: none; }
.subjects-band li { padding: 13px 0; border-bottom: 1px solid var(--cream); font-family: Arial, Helvetica, sans-serif; }
.logo-line { display: grid; grid-template-columns: repeat(6, 1fr); border-bottom: var(--rule) solid var(--ink); }
.logo-line span { display: grid; min-height: 120px; place-items: center; padding: 14px; border-right: 2px solid var(--ink); font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; text-align: center; }
.logo-line span:last-child { border-right: 0; }

.door-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-bottom: var(--rule) solid var(--ink); }
.door-card { display: flex; min-height: 420px; flex-direction: column; padding: clamp(25px, 5vw, 60px); border-right: var(--rule) solid var(--ink); border-bottom: var(--rule) solid var(--ink); text-decoration: none; }
.door-card:nth-child(2n) { border-right: 0; }
.door-card:nth-child(1) { background: var(--mint); }
.door-card:nth-child(2) { background: var(--coral); }
.door-card:nth-child(3) { background: var(--blue); border-bottom: 0; }
.door-card:nth-child(4) { background: var(--saffron); border-bottom: 0; }
.door-card > b, .door-card > span { font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.door-card > span { margin-top: 10px; }
.door-card h2 { margin: auto 0 18px; font-size: clamp(42px, 6vw, 78px); font-weight: 400; letter-spacing: -.06em; line-height: .86; }
.door-card p { max-width: 580px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.door-card > strong { margin-top: 20px; font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }

.tier-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: var(--rule) solid var(--ink); }
.tier-card { display: flex; min-height: 590px; flex-direction: column; padding: clamp(24px, 4vw, 45px); border-right: var(--rule) solid var(--ink); text-decoration: none; }
.tier-card:last-child { border-right: 0; }
.tier-card:nth-child(1) { background: var(--mint); }
.tier-card:nth-child(2) { background: var(--saffron); }
.tier-card:nth-child(3) { background: var(--tomato); color: var(--cream); }
.tier-card > b, .tier-card > span { font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.tier-card h2 { margin: 70px 0 12px; font-size: clamp(42px, 5vw, 68px); font-weight: 400; letter-spacing: -.055em; line-height: .9; }
.tier-card > strong { font-family: 'Courier New', monospace; text-transform: uppercase; }
.tier-card ul { padding-left: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; }
.tier-card > em { margin-top: auto; padding-top: 30px; font-family: 'Courier New', monospace; font-size: 10px; font-style: normal; font-weight: 700; text-transform: uppercase; }
.dispatch-band { padding: clamp(48px, 8vw, 100px) clamp(24px, 5vw, 74px); border-bottom: var(--rule) solid var(--ink); background: var(--saffron); }
.dispatch-band > p { max-width: 700px; }
.dispatch-band .solid-link { margin-top: 16px; }

.lead-stories { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(300px, .7fr); grid-template-rows: repeat(2, minmax(260px, auto)); border-bottom: var(--rule) solid var(--ink); }
.lead-story { display: flex; min-width: 0; flex-direction: column; padding: clamp(20px, 3vw, 42px); text-decoration: none; }
.lead-story-top { display: flex; justify-content: space-between; gap: 20px; font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.lead-story-top b { color: currentColor; }
.lead-story h2 { margin: auto 0 12px; font-size: clamp(48px, 7vw, 104px); font-weight: 400; letter-spacing: -.07em; line-height: .78; }
.lead-story p, .lead-story > strong, .lead-primary-body span, .lead-primary-body > div > strong, .lead-primary-body > div > b { font-family: Arial, Helvetica, sans-serif; }
.lead-story p { max-width: 520px; margin: 0 0 18px; line-height: 1.45; }
.lead-story > strong, .lead-primary-body > div > b { font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.lead-primary { grid-row: 1 / 3; background: var(--tomato); color: var(--cream); }
.lead-primary-body { display: grid; grid-template-columns: minmax(190px, .7fr) minmax(0, 1.3fr); gap: clamp(24px, 4vw, 54px); align-items: end; margin-top: auto; padding-top: 42px; }
.lead-primary-body img { width: 100%; border: var(--rule) solid var(--ink); box-shadow: 12px 12px 0 var(--ink); }
.lead-primary-body > div { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.lead-primary-body p { margin: 0 0 18px; font-family: 'Courier New', monospace; font-size: 10px; text-transform: uppercase; }
.lead-primary-body h2 { margin: 0 0 22px; font-size: clamp(76px, 10vw, 150px); }
.lead-primary-body > div > strong { margin-bottom: 18px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(24px, 3vw, 42px); font-weight: 400; line-height: .95; }
.lead-primary-body > div > span { max-width: 470px; font-size: 14px; line-height: 1.45; }
.lead-primary-body > div > b { margin-top: 28px; }
.lead-secondary { border-left: var(--rule) solid var(--ink); border-bottom: var(--rule) solid var(--ink); background: var(--saffron); }
.lead-tertiary { border-left: var(--rule) solid var(--ink); background: var(--mint); }
.lead-secondary h2 { font-size: clamp(60px, 6vw, 90px); }
.lead-tertiary h2 { font-size: clamp(42px, 4vw, 60px); line-height: .86; }
.lead-story:hover h2, .lead-story:hover .lead-primary-body > div > strong { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.home-feature { display: grid; grid-template-columns: 180px minmax(280px, .65fr) minmax(0, 1.35fr); gap: 40px; padding: clamp(52px, 8vw, 110px) clamp(24px, 5vw, 74px); border-bottom: var(--rule) solid var(--ink); }
.feature-kicker { display: flex; flex-direction: column; justify-content: space-between; }
.feature-kicker b { color: var(--tomato); font-size: 55px; font-weight: 400; }
.feature-title h2 { margin: 0 0 22px; font-size: clamp(46px, 6vw, 82px); font-weight: 400; letter-spacing: -.06em; line-height: .9; }
.feature-title h2 a { text-decoration: none; }
.feature-title h2 a:hover { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 8px; }
.feature-title p { font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.home-quotes { display: grid; grid-template-columns: repeat(3, 1fr); border: var(--rule) solid var(--ink); }
.home-quotes blockquote { display: flex; min-height: 280px; flex-direction: column; justify-content: space-between; margin: 0; padding: 18px; border-right: var(--rule) solid var(--ink); background: var(--mint); font-size: 24px; line-height: 1.05; }
.home-quotes blockquote:nth-child(2) { background: var(--coral); }
.home-quotes blockquote:nth-child(3) { border-right: 0; background: var(--blue); }
.books-home { background: var(--saffron); }
.book-rail { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; align-items: end; }
.book-rail img { width: 100%; max-height: 420px; object-fit: contain; object-position: bottom; }
.journalism-home { background: var(--mint); }
.journalism-home .article-list { align-self: start; }
.audio-home { background: var(--paper); }
.home-audio-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: var(--rule) solid var(--ink); border-left: var(--rule) solid var(--ink); }
.home-audio-card { display: flex; min-height: 480px; flex-direction: column; padding: 14px; border-right: var(--rule) solid var(--ink); border-bottom: var(--rule) solid var(--ink); text-decoration: none; }
.home-audio-card img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.home-audio-card.text-only { background: var(--blue); }
.home-audio-card span { margin-top: 12px; font-family: 'Courier New', monospace; font-size: 9px; text-transform: uppercase; }
.home-audio-card strong { margin: auto 0 12px; font-size: 38px; font-weight: 400; letter-spacing: -.04em; }
.home-audio-card p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4; }
.home-dispatch { text-align: left; }
.home-dispatch small { display: block; margin-top: 14px; font-family: 'Courier New', monospace; font-size: 9px; text-transform: uppercase; }

@media (max-width: 1100px) {
  .site-header { grid-template-columns: 1fr auto; }
  .site-nav, .support-link { display: none; }
  .mobile-menu { position: relative; display: block; justify-self: end; }
  .mobile-menu summary { cursor: pointer; list-style: none; }
  .mobile-menu summary::-webkit-details-marker { display: none; }
  .mobile-menu nav { position: absolute; top: 28px; right: 0; display: flex; width: 240px; flex-direction: column; padding: 12px; border: 3px solid var(--ink); background: var(--paper); box-shadow: 7px 7px 0 var(--ink); }
  .mobile-menu nav a { padding: 8px; text-decoration: none; }
  .page-intro { grid-template-columns: 100px 1fr; }
  .page-intro > p { grid-column: 2; max-width: 700px; }
  .home-feature { grid-template-columns: 120px 1fr; }
  .home-feature > :last-child { grid-column: 1/-1; }
  .audio-grid { grid-template-columns: repeat(2, 1fr); }
  .collection-grid { grid-template-columns: repeat(2, 1fr); }
  .archive-grid { grid-template-columns: repeat(2, 1fr); }
  .archive-card:nth-child(2) { border-right: 0; }
  .archive-card:nth-child(-n+2) { border-bottom: var(--rule) solid var(--ink); }
  .format-grid { grid-template-columns: repeat(2, 1fr); }
  .format-grid > div:nth-child(2) { border-right: 0; }
  .format-grid > div:nth-child(-n+2) { border-bottom: var(--rule) solid var(--ink); }
  .logo-line { grid-template-columns: repeat(3, 1fr); }
  .logo-line span:nth-child(3n) { border-right: 0; }
  .logo-line span:nth-child(-n+3) { border-bottom: 2px solid var(--ink); }
}

@media (max-width: 800px) {
  :root { --rule: 3px; }
  .site-wordmark span { display: none; }
  .hero-grid, .feature-split, .column-feature, .about-split { grid-template-columns: 1fr; }
  .hero-copy { min-height: 620px; border-right: 0; border-bottom: var(--rule) solid var(--ink); }
  .hero-photo, .hero-photo img { min-height: 620px; height: 620px; }
  .work-grid { grid-template-columns: repeat(2, 1fr); }
  .work-card:nth-child(2n) { border-right: 0; }
  .work-card:nth-child(-n+4) { border-bottom: var(--rule) solid var(--ink); }
  .work-card:last-child { grid-column: 1 / -1; border-right: 0; }
  .site-footer { grid-template-columns: repeat(2, 1fr); }
  .quote-strip, .now-grid, .tier-grid { grid-template-columns: 1fr; }
  .quote-strip blockquote, .now-card, .tier-card { border-right: 0; border-bottom: var(--rule) solid var(--ink); }
  .quote-strip blockquote:last-child, .now-card:last-child, .tier-card:last-child { border-bottom: 0; }
  .special-grid, .edition-grid, .current-shows, .door-grid { grid-template-columns: 1fr; }
  .special-card:first-child, .edition-grid > div:last-child, .show-card + .show-card, .feature-art, .column-poster, .about-split figure { border-right: 0; border-left: 0; border-bottom: var(--rule) solid var(--ink); }
  .media-grid { grid-template-columns: repeat(2, 1fr); }
  .cover-grid { grid-template-columns: repeat(2, 1fr); }
  .career-band, .research-band, .subjects-band { grid-template-columns: 1fr; }
  .article-row, .article-list.compact .article-row { grid-template-columns: 130px 1fr auto; }
  .article-row > p { grid-column: 2/4; }
  .book-feature { grid-template-columns: 60px 1fr; }
  .book-feature > div:last-child { grid-column: 2; }
  .forthcoming-band { grid-template-columns: 1fr; }
  .forthcoming-band > div { grid-column: 1; }
  .archive-grid { grid-template-columns: repeat(2, 1fr); }
  .support-band { align-items: flex-start; flex-direction: column; }
  .about-split figure img { height: 650px; }
  .format-grid { grid-template-columns: repeat(2, 1fr); }
  .door-card { border-right: 0; border-bottom: var(--rule) solid var(--ink) !important; }
  .door-card:last-child { border-bottom: 0 !important; }
  .home-feature { grid-template-columns: 1fr; }
  .home-feature > :last-child { grid-column: 1; }
  .feature-kicker { flex-direction: row; }
  .book-rail { grid-template-columns: repeat(2, 1fr); }
  .home-audio-grid { grid-template-columns: 1fr; }
  .home-audio-card { min-height: 380px; }
  .lead-stories { grid-template-columns: 1fr; grid-template-rows: auto; }
  .lead-primary { grid-row: auto; }
  .lead-secondary, .lead-tertiary { border-left: 0; border-top: var(--rule) solid var(--ink); border-bottom: 0; }
}

@media (max-width: 560px) {
  .home-shell { padding: 8px; }
  .site-header { padding: 10px 12px; }
  .hero-copy { min-height: 560px; padding: 24px 16px 18px; }
  .hero-copy h1 { font-size: clamp(46px, 15vw, 68px); }
  .hero-annotation-key { grid-template-columns: repeat(2, 1fr); }
  .hero-annotation-key a:nth-child(2) { border-right: 0; }
  .hero-annotation-key a:nth-child(-n+2) { border-bottom: 1px solid var(--ink); }
  .hero-meta { grid-template-columns: 1fr; gap: 20px; }
  .hero-meta span { text-align: left; }
  .hero-photo, .hero-photo img { min-height: 470px; height: 470px; }
  .work-grid { grid-template-columns: 1fr; }
  .work-card { min-height: 180px; border-right: 0; border-bottom: var(--rule) solid var(--ink); }
  .work-card:last-child { grid-column: auto; }
  .work-card:last-child { border-bottom: 0; }
  .work-card strong { font-size: 34px; }
  .site-footer { grid-template-columns: 1fr; gap: 26px; }
  .page-intro { grid-template-columns: 1fr; min-height: 0; padding: 40px 18px; }
  .page-code { align-self: auto; }
  .page-intro h1 { font-size: clamp(54px, 18vw, 82px); }
  .page-intro > p { grid-column: 1; }
  .section-block { padding: 52px 18px; }
  .section-heading { grid-template-columns: 1fr; gap: 12px; }
  .section-heading p { grid-column: 1; margin: 0; }
  .section-heading h2 { font-size: 48px; }
  .media-grid, .cover-grid, .collection-grid, .audio-grid, .archive-grid, .awards-grid, .format-grid, .logo-line { grid-template-columns: 1fr; }
  .media-card { min-height: 330px; }
  .cover-card strong { font-size: 29px; }
  .career-band, .research-band, .subjects-band { padding: 54px 18px; }
  .career-band dl { grid-template-columns: 1fr; }
  .feature-art { min-height: 410px; padding: 24px; }
  .feature-copy { padding: 54px 18px; }
  .article-row, .article-list.compact .article-row { grid-template-columns: 1fr auto; gap: 10px; }
  .article-row > strong { grid-column: 1/-1; font-size: 21px; }
  .article-row > p { grid-column: 1/-1; }
  .book-feature { grid-template-columns: 1fr; padding: 52px 18px; }
  .book-feature > div:last-child { grid-column: 1; }
  .book-number { font-size: 23px; }
  .book-feature > img { max-height: 430px; }
  .collection-card img { height: 260px; }
  .forthcoming-band { padding: 64px 18px; }
  .fanatic-word { font-size: 25vw; }
  .column-poster { min-height: 420px; padding: 20px; }
  .column-feature > div:last-child { padding: 52px 18px; }
  .current-shows { grid-template-columns: 1fr; }
  .show-card { min-height: 520px; }
  .about-split figure img { height: 520px; }
  .about-split > div { padding: 52px 18px; }
  .timeline li { grid-template-columns: 85px 1fr; }
  .speaking-hero, .speaking-hero img { min-height: 590px; height: 590px; }
  .speaking-hero blockquote { left: 18px; right: 18px; bottom: 92px; }
  .speaking-hero .solid-link { left: 18px; right: auto; bottom: 26px; }
  .subjects-band ul { grid-template-columns: 1fr; }
  .logo-line span { border-right: 0 !important; border-bottom: 2px solid var(--ink); }
  .logo-line span:last-child { border-bottom: 0; }
  .door-card { min-height: 360px; padding: 36px 18px; }
  .tier-card { min-height: 510px; padding: 36px 18px; }
  .dispatch-band { padding: 54px 18px; }
  .lead-primary-body { grid-template-columns: 1fr; }
  .lead-primary-body img { max-width: 330px; }
  .lead-primary-body h2 { font-size: clamp(76px, 25vw, 118px); }
  .home-feature { padding: 54px 18px; }
  .home-quotes { grid-template-columns: 1fr; }
  .home-quotes blockquote { min-height: 200px; border-right: 0; border-bottom: var(--rule) solid var(--ink); }
  .home-quotes blockquote:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }