.journal-publication-page,
.journal-publication-detail {
  --journal-black: var(--pub-black, #101010);
  --journal-ink: var(--pub-ink, #171717);
  --journal-red: var(--pub-red, #d9433f);
  --journal-paper: var(--pub-paper, #f5f4f1);
  --journal-line: var(--pub-line, #d8d8d4);
  color: var(--journal-ink);
  background: #fff;
  font-family: var(--pub-body, "TWB Sans", "Helvetica Neue", Arial, sans-serif);
}

.journal-publication-page h1,
.journal-publication-page h2,
.journal-publication-page h3,
.journal-publication-detail h1,
.journal-publication-detail h2,
.journal-publication-detail h3,
.journal-publication-detail blockquote p {
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-weight: 400;
}

.journal-pub-skip {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  padding: 10px 14px;
  color: #fff;
  background: var(--journal-red);
  font-size: 12px;
  transform: translateY(-150%);
}

.journal-pub-skip:focus { transform: translateY(0); }

/* Archive masthead */
.journal-pub-masthead {
  padding: 42px 0 39px;
  color: #fff;
  background: #050505;
  border-bottom: 4px solid var(--journal-red);
}

.journal-pub-breadcrumb {
  display: flex;
  gap: 8px;
  color: #8f8f8b;
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: 13px;
}

.journal-pub-breadcrumb a { color: #c7c7c3; }
.journal-pub-breadcrumb a:hover { color: #fff; }
.journal-pub-breadcrumb span { color: var(--journal-red); }

.journal-pub-masthead h1 {
  margin-top: 12px;
  font-size: clamp(50px, 5vw, 70px);
  letter-spacing: -.035em;
  line-height: .98;
}

.journal-pub-masthead > div > p:last-child {
  max-width: 690px;
  margin-top: 14px;
  color: #a5a5a1;
  font-size: 15px;
  line-height: 1.65;
}

/* Lead story, highlights and editors' selection */
.journal-pub-opening { padding: 54px 0 84px; }

.journal-pub-opening__grid {
  display: grid;
  grid-template-columns: minmax(0, 2.15fr) minmax(300px, .85fr);
  gap: clamp(44px, 5vw, 70px);
  align-items: start;
}

.journal-pub-lead > a { display: block; }
.journal-pub-lead figure { position: relative; overflow: hidden; aspect-ratio: 16 / 8.9; background: #e9e8e4; }
.journal-pub-lead figure img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.86); transition: transform 360ms ease, filter 360ms ease; }
.journal-pub-lead figcaption {
  position: absolute;
  right: 12px;
  bottom: 10px;
  padding: 5px 7px;
  color: rgba(255,255,255,.82);
  background: rgba(0,0,0,.52);
  font-size: 11px;
  letter-spacing: .05em;
}

.journal-pub-lead__copy { padding-top: 20px; }

.journal-pub-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  color: #858581;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1.4;
  text-transform: uppercase;
}

.journal-pub-meta > * { display: inline-flex; align-items: center; }
.journal-pub-meta > * + *::before { margin: 0 8px; color: var(--journal-red); content: "·"; }
.journal-pub-meta span { color: var(--journal-red); }
.journal-pub-meta b { color: #555; font-weight: 700; }

.journal-pub-lead h2 {
  max-width: 760px;
  margin-top: 9px;
  font-size: clamp(34px, 3.25vw, 42px);
  letter-spacing: -.035em;
  line-height: 1.02;
}

.journal-pub-lead__copy > p:not(.journal-pub-meta) {
  max-width: 680px;
  margin-top: 13px;
  color: #62625f;
  font-size: 14px;
  line-height: 1.65;
}

.journal-pub-lead__copy > span {
  margin-top: 18px;
  padding-bottom: 5px;
  display: inline-flex;
  gap: 18px;
  border-bottom: 1px solid #b9b9b4;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.journal-pub-lead__copy > span i { color: var(--journal-red); font-style: normal; }

.journal-pub-highlights {
  margin-top: 38px;
  padding-top: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid #aaa9a4;
}

.journal-pub-highlights article { padding: 18px 0; border-bottom: 1px solid var(--journal-line); }
.journal-pub-highlights article:nth-child(odd) { padding-right: 22px; }
.journal-pub-highlights article:nth-child(even) { padding-left: 22px; border-left: 0; }
.journal-pub-highlights article a { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 17px; align-items: start; }
.journal-pub-highlights figure { overflow: hidden; aspect-ratio: 4 / 3; background: #e9e8e4; }
.journal-pub-highlights img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82); transition: transform 300ms ease, filter 300ms ease; }
.journal-pub-highlights h3 { margin-top: 7px; font-size: 17px; letter-spacing: -.01em; line-height: 1.14; }

.journal-pub-editors {
  position: sticky;
  top: 22px;
  padding-left: 30px;
  border-left: 0;
}

.journal-pub-editors > header { padding-bottom: 17px; border-bottom: 1px solid #aaa9a4; }
.journal-pub-editors > header h2 { margin-top: 7px; font-size: 28px; letter-spacing: -.025em; line-height: 1.06; }
.journal-pub-editors article { padding: 19px 0; border-bottom: 1px solid var(--journal-line); }
.journal-pub-editors article a { display: grid; grid-template-columns: 24px 104px minmax(0, 1fr); gap: 13px; align-items: start; }
.journal-pub-editors__number { color: #a2a29d; font-family: var(--pub-display, "TWB Display", Georgia, serif); font-size: 12px; }
.journal-pub-editors figure { overflow: hidden; aspect-ratio: 16 / 9; background: #e9e8e4; }
.journal-pub-editors img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8); transition: transform 300ms ease, filter 300ms ease; }
.journal-pub-editors h3 { margin-top: 6px; font-size: 17px; line-height: 1.12; }

/* Three feature essays */
.journal-pub-features { padding: 76px 0 82px; background: var(--journal-paper); border-block: 1px solid var(--journal-line); }

.journal-pub-section-heading {
  margin-bottom: 34px;
  padding-bottom: 20px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 36px;
  border-bottom: 1px solid #aaa9a4;
}

.journal-pub-section-heading h2 { margin-top: 6px; font-size: clamp(31px, 3vw, 38px); letter-spacing: -.03em; line-height: 1.04; }
.journal-pub-section-heading > p { max-width: 440px; color: #6f6f6b; font-size: 13px; line-height: 1.6; }

.journal-pub-features__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(25px, 3.5vw, 46px); }
.journal-pub-features figure { overflow: hidden; aspect-ratio: 16 / 9.5; background: #e4e3df; }
.journal-pub-features img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82); transition: transform 320ms ease, filter 320ms ease; }
.journal-pub-features .journal-pub-meta { margin-top: 15px; }
.journal-pub-features h3 { margin-top: 8px; font-size: clamp(21px, 2vw, 25px); letter-spacing: -.025em; line-height: 1.08; }
.journal-pub-features article > a > p:not(.journal-pub-meta) { margin-top: 11px; color: #666662; font-size: 13px; line-height: 1.6; }

/* Latest river */
.journal-pub-latest { padding: 78px 0 96px; }
.journal-pub-river { border-top: 1px solid #9f9f9a; }
.journal-pub-river article { border-bottom: 1px solid var(--journal-line); }
.journal-pub-river article a {
  min-height: 218px;
  padding: 24px 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 290px;
  gap: 26px;
  align-items: center;
}

.journal-pub-river__folio { align-self: start; color: #9b9b96; font-family: var(--pub-display, "TWB Display", Georgia, serif); font-size: 13px; }
.journal-pub-river__copy h3 { max-width: 690px; margin-top: 7px; font-size: clamp(24px, 2.3vw, 30px); letter-spacing: -.025em; line-height: 1.06; }
.journal-pub-river__copy > p:not(.journal-pub-meta) { max-width: 650px; margin-top: 10px; color: #696965; font-size: 13px; line-height: 1.6; }
.journal-pub-river__copy > b { margin-top: 14px; display: block; color: #8a8a86; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.journal-pub-river figure { overflow: hidden; aspect-ratio: 16 / 10; background: #e9e8e4; }
.journal-pub-river img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8); transition: transform 320ms ease, filter 320ms ease; }

/* Article hero */
.journal-pub-article-hero { position: relative; min-height: 750px; overflow: hidden; color: #fff; background: #080808; }
.journal-pub-article-hero__media { position: absolute; inset: 0; margin: 0; }
.journal-pub-article-hero__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.75) contrast(1.04); }
.journal-pub-article-hero__media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.07) 0%, rgba(0,0,0,.18) 34%, rgba(6,6,6,.83) 63%, #080808 100%);
  content: "";
}

.journal-pub-article-hero__media figcaption {
  position: absolute;
  bottom: 17px;
  left: max(24px, calc((100vw - min(var(--pub-wrap, 1200px), calc(100vw - 64px))) / 2));
  z-index: 2;
  color: rgba(255,255,255,.62);
  font-size: 11px;
  letter-spacing: .05em;
}

.journal-pub-article-hero__inner { position: relative; z-index: 2; min-height: 750px; display: flex; align-items: center; justify-content: flex-end; }
.journal-pub-article-hero__copy { width: min(46%, 545px); padding: 82px 0; }

.journal-pub-article-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #d0d0cc;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.journal-pub-article-kicker::before { width: 30px; height: 9px; display: block; background: var(--journal-red); content: ""; }
.journal-pub-article-kicker i { color: #72726e; font-style: normal; }
.journal-pub-article-kicker strong { color: #ef8a87; font-weight: 700; }
.journal-pub-article-hero h1 { margin-top: 19px; font-size: clamp(39px, 3.2vw, 46px); letter-spacing: -.035em; line-height: 1.01; }
.journal-pub-article-hero__copy > p:last-child { max-width: 520px; margin-top: 22px; color: #c0c0bc; font-size: 15px; line-height: 1.62; }

/* Article body */
.journal-pub-article { padding: 96px 0 126px; background: #fbfaf7; }
.journal-pub-article__grid {
  display: grid;
  grid-template-columns: minmax(150px, 190px) minmax(0, 700px) minmax(210px, 250px);
  gap: clamp(30px, 4vw, 54px);
  align-items: start;
}

.journal-pub-article__rail,
.journal-pub-article__context { position: static; }

.journal-pub-article__rail { padding-top: 13px; border-top: 1px solid #aaa9a4; }
.journal-pub-article__rail dl { margin-top: 18px; }
.journal-pub-article__rail dl > div { padding: 12px 0; border-bottom: 1px solid var(--journal-line); }
.journal-pub-article__rail dt { color: #90908b; font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.journal-pub-article__rail dd { margin-top: 5px; color: #383835; font-size: 11px; line-height: 1.45; }
.journal-pub-article__rail nav { margin-top: 22px; display: grid; gap: 10px; }
.journal-pub-article__rail nav a { color: #72726e; font-size: 10px; }
.journal-pub-article__rail nav a:hover { color: var(--journal-red); }

.journal-pub-brief-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 13px;
  color: #fff;
  background: var(--journal-black);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.journal-pub-brief-label i { width: 9px; height: 9px; background: var(--journal-red); transform: rotate(45deg); }

.journal-pub-article__dek {
  margin-top: 24px;
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: clamp(27px, 2.3vw, 31px);
  letter-spacing: -.018em;
  line-height: 1.32;
}

.journal-pub-byline {
  margin-top: 32px;
  padding: 14px 0;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 18px;
  align-items: center;
  color: #777772;
  border-block: 1px solid var(--journal-line);
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.journal-pub-byline strong { color: #272724; }
.journal-pub-byline b { color: var(--journal-red); font-weight: 700; }

.journal-pub-prose { margin-top: 64px; }
.journal-pub-prose section + section { margin-top: 78px; }
.journal-pub-prose h2 {
  margin-bottom: 24px;
  padding: 3px 0;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 15px;
  align-items: start;
  font-size: clamp(28px, 2.25vw, 31px);
  letter-spacing: -.022em;
  line-height: 1.1;
}

.journal-pub-prose h2 small {
  padding-top: 7px;
  color: var(--journal-red);
  border-top: 2px solid var(--journal-red);
  font-family: var(--pub-body, "TWB Sans", "Helvetica Neue", Arial, sans-serif);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.journal-pub-prose section > p {
  color: #2f2f2c;
  font-size: 17.5px;
  line-height: 1.78;
}

.journal-pub-prose section > p + p { margin-top: 1.35em; }

.journal-pub-prose > section:first-child > p:first-of-type::first-letter {
  float: left;
  margin: .08em .12em 0 0;
  color: var(--journal-red);
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: 4.5em;
  line-height: .72;
}

.journal-pub-prose blockquote {
  margin: 46px -34px 4px;
  padding: 36px 38px 32px;
  color: #fff;
  background: var(--journal-black);
  border-left: 4px solid var(--journal-red);
}

.journal-pub-prose blockquote p { font-size: clamp(27px, 2.3vw, 32px); letter-spacing: -.025em; line-height: 1.18; }
.journal-pub-prose blockquote cite { margin-top: 19px; display: block; color: #e17a77; font-size: 11px; font-style: normal; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.journal-pub-article__endnote { margin-top: 82px; padding: 28px 0 0; border-top: 1px solid #aaa9a4; }
.journal-pub-article__endnote > p:not(.publication-eyebrow) { width: 100%; max-width: none; margin-top: 11px; color: #5f5f5b; font-size: 13px; line-height: 1.65; }
.journal-pub-article__endnote a { margin-top: 19px; display: inline-flex; gap: 22px; padding-bottom: 5px; border-bottom: 1px solid #aaa9a4; font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.journal-pub-article__endnote a span { color: var(--journal-red); }

.journal-pub-article__context { display: grid; gap: 28px; }
.journal-pub-facts { padding: 25px 23px; background: #efede7; border-top: 3px solid var(--journal-black); }
.journal-pub-facts h2,
.journal-pub-timeline h2 { margin-top: 6px; font-size: 23px; letter-spacing: -.02em; line-height: 1.08; }
.journal-pub-facts dl { margin-top: 18px; }
.journal-pub-facts dl > div { padding: 11px 0; display: grid; grid-template-columns: 1fr 1.15fr; gap: 10px; border-top: 1px solid #d3d0c8; }
.journal-pub-facts dt { color: #7b7b76; font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
.journal-pub-facts dd { color: #242421; font-family: var(--pub-display, "TWB Display", Georgia, serif); font-size: 13px; line-height: 1.3; }

.journal-pub-timeline { padding-top: 22px; border-top: 1px solid #aaa9a4; }
.journal-pub-timeline ol { margin: 21px 0 0; padding: 0; list-style: none; }
.journal-pub-timeline li { position: relative; margin-left: 6px; padding: 0 0 23px 19px; border-left: 1px solid #c8c7c1; }
.journal-pub-timeline li::before { position: absolute; top: 3px; left: -4px; width: 7px; height: 7px; background: var(--journal-red); border-radius: 50%; content: ""; }
.journal-pub-timeline time { color: var(--journal-red); font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.journal-pub-timeline strong { margin-top: 4px; display: block; font-family: var(--pub-display, "TWB Display", Georgia, serif); font-size: 15px; line-height: 1.2; }
.journal-pub-timeline li p { margin-top: 5px; color: #70706b; font-size: 11px; line-height: 1.55; }

/* Related stories */
.journal-pub-related { padding: 82px 0 92px; color: #fff; background: #080808; }
.journal-pub-section-heading--dark { border-color: #4a4a47; }
.journal-pub-section-heading--dark > div h2 { color: #fff; }
.journal-pub-section-heading--dark > a { color: #c8c8c4; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.journal-pub-section-heading--dark > a:hover { color: #fff; }
.journal-pub-related__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36px 24px; }
.journal-pub-related figure { overflow: hidden; aspect-ratio: 4 / 3; background: #202020; }
.journal-pub-related img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72); transition: transform 320ms ease, filter 320ms ease; }
.journal-pub-related article p { margin-top: 12px; display: flex; gap: 7px; color: #8c8c88; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.journal-pub-related article p span { color: #df7471; }
.journal-pub-related article p time::before { margin-right: 7px; color: #5d5d59; content: "·"; }
.journal-pub-related h3 { margin-top: 7px; font-size: 20px; line-height: 1.08; }

@media (hover: hover) and (pointer: fine) {
  .journal-pub-lead:hover h2,
  .journal-pub-highlights article:hover h3,
  .journal-pub-editors article:hover h3,
  .journal-pub-features article:hover h3,
  .journal-pub-river article:hover h3,
  .journal-pub-related article:hover h3 { color: var(--journal-red); }

  .journal-pub-lead:hover img,
  .journal-pub-highlights article:hover img,
  .journal-pub-editors article:hover img,
  .journal-pub-features article:hover img,
  .journal-pub-river article:hover img,
  .journal-pub-related article:hover img { filter: saturate(.98); transform: scale(1.018); }

  .journal-pub-highlights article:hover,
  .journal-pub-editors article:hover,
  .journal-pub-river article:hover { box-shadow: none; }
}

@media (max-width: 1180px) {
  .journal-pub-opening__grid { grid-template-columns: minmax(0, 1fr); }
  .journal-pub-editors { position: static; padding: 30px 0 0; border-top: 1px solid #aaa9a4; border-left: 0; }
  .journal-pub-editors > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 34px; }
  .journal-pub-editors article:nth-child(even) { padding-left: 24px; border-left: 0; }

  .journal-pub-article__grid { grid-template-columns: 150px minmax(0, 700px); justify-content: center; }
  .journal-pub-article__context { position: static; grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .journal-pub-opening { padding-block: 46px 68px; }
  .journal-pub-features__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .journal-pub-features article:last-child { grid-column: 1 / -1; max-width: calc(50% - 14px); }
  .journal-pub-river article a { grid-template-columns: 34px minmax(0, 1fr) 230px; gap: 20px; }

  .journal-pub-article-hero,
  .journal-pub-article-hero__inner { min-height: 660px; }
  .journal-pub-article-hero__media::after { background: linear-gradient(180deg, rgba(0,0,0,.08) 15%, rgba(5,5,5,.46) 50%, #080808 100%); }
  .journal-pub-article-hero__inner { align-items: end; justify-content: start; }
  .journal-pub-article-hero__copy { width: min(88%, 620px); padding: 70px 0 58px; }
  .journal-pub-article__grid { grid-template-columns: minmax(0, 700px); }
  .journal-pub-article__rail { position: static; display: grid; grid-template-columns: auto 1fr; gap: 24px; }
  .journal-pub-article__rail dl { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .journal-pub-article__rail dl > div { padding: 0 13px; border-bottom: 0; border-left: 1px solid var(--journal-line); }
  .journal-pub-article__rail nav { grid-column: 1 / -1; margin: 0; padding-top: 15px; display: flex; gap: 22px; border-top: 1px solid var(--journal-line); }
  .journal-pub-article__context { grid-column: auto; }
  .journal-pub-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .journal-pub-masthead { padding: 31px 0 30px; }
  .journal-pub-masthead h1 { font-size: 48px; }
  .journal-pub-masthead > div > p:last-child { font-size: 14px; }

  .journal-pub-highlights { grid-template-columns: 1fr; }
  .journal-pub-highlights article:nth-child(odd),
  .journal-pub-highlights article:nth-child(even) { padding: 16px 0; border-left: 0; }
  .journal-pub-highlights article a { grid-template-columns: 108px minmax(0, 1fr); }

  .journal-pub-editors > div { grid-template-columns: 1fr; }
  .journal-pub-editors article:nth-child(even) { padding-left: 0; border-left: 0; }
  .journal-pub-editors article a { grid-template-columns: 22px 96px minmax(0, 1fr); }

  .journal-pub-section-heading { align-items: start; flex-direction: column; gap: 13px; }
  .journal-pub-section-heading h2 { font-size: 31px; }
  .journal-pub-features { padding-block: 58px 62px; }
  .journal-pub-features__grid { grid-template-columns: 1fr; }
  .journal-pub-features article:last-child { grid-column: auto; max-width: none; }
  .journal-pub-features h3 { font-size: 24px; }

  .journal-pub-latest { padding-block: 58px 72px; }
  .journal-pub-river article a { min-height: 0; grid-template-columns: minmax(0, 1fr) 116px; gap: 17px; }
  .journal-pub-river__folio { display: none; }
  .journal-pub-river__copy h3 { font-size: 23px; }
  .journal-pub-river__copy > p:not(.journal-pub-meta) { display: none; }
  .journal-pub-river figure { aspect-ratio: 4 / 3; }

  .journal-pub-article-hero,
  .journal-pub-article-hero__inner { min-height: 590px; }
  .journal-pub-article-hero__copy { width: 100%; padding-bottom: 48px; }
  .journal-pub-article-hero h1 { font-size: clamp(35px, 10vw, 40px); }
  .journal-pub-article-hero__copy > p:last-child { font-size: 14px; }
  .journal-pub-article-hero__media figcaption { display: none; }

  .journal-pub-article { padding: 62px 0 80px; }
  .journal-pub-article__rail { grid-template-columns: 1fr; }
  .journal-pub-article__rail dl { grid-template-columns: 1fr; }
  .journal-pub-article__rail dl > div { padding: 10px 0; border-bottom: 1px solid var(--journal-line); border-left: 0; }
  .journal-pub-article__rail nav { flex-wrap: wrap; }
  .journal-pub-article__dek { font-size: 25px; }
  .journal-pub-byline { grid-template-columns: 1fr; gap: 6px; }
  .journal-pub-prose { margin-top: 54px; }
  .journal-pub-prose section + section { margin-top: 62px; }
  .journal-pub-prose h2 { grid-template-columns: 34px minmax(0, 1fr); gap: 12px; font-size: 27px; }
  .journal-pub-prose section > p { font-size: 16.5px; line-height: 1.76; }
  .journal-pub-prose > section:first-child > p:first-of-type::first-letter { font-size: 3.85em; }
  .journal-pub-prose blockquote { margin: 38px 0 0; padding: 28px 25px 25px; }
  .journal-pub-prose blockquote p { font-size: 26px; }
  .journal-pub-article__context { grid-template-columns: 1fr; }
  .journal-pub-related { padding-block: 62px 72px; }
  .journal-pub-related__grid { grid-template-columns: 1fr; }
  .journal-pub-related h3 { font-size: 23px; }
}

/* Database-backed address cards embedded in reported Journal features. */
.journal-pub-entity-grid {
  width: min(760px, calc(100vw - 48px));
  margin: 42px 0 12px 50%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
  transform: translateX(-50%);
}

.journal-pub-entity-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: #f5f4f0;
  border: 1px solid #d8d8d3;
}

.stories-feature,
.stories-compact-grid article,
.stories-gallery article,
.stories-showcase__aside article,
.stories-river__list article,
.journal-pub-related__grid article { position: relative; }

.journal-pub-entity-card > a {
  height: 100%;
  display: flex;
  flex-direction: column;
  touch-action: manipulation;
}
.journal-pub-entity-card > a:focus-visible {
  outline: 2px solid #111;
  outline-offset: -3px;
}
.journal-pub-entity-card figure { position: relative; overflow: hidden; aspect-ratio: 16 / 9; background: #e5e5e1; }
.journal-pub-entity-card figure > :is(.twb-verify-mark, .twb-category-rating-seal) {
  position: absolute;
  top: 13px;
  left: 13px;
  z-index: 2;
}
.journal-pub-entity-card figure > .twb-category-rating-seal { width: 82px; }
.journal-pub-entity-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.88);
  transition: transform 320ms ease, filter 320ms ease;
}
.journal-pub-entity-card > a > div { flex: 1; padding: 28px 34px 32px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.journal-pub-entity-card > a > div > p:first-child {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 8px;
  color: #73736e;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
  justify-content: center;
}
.journal-pub-entity-card > a > div > p:first-child span { color: var(--journal-accent); }
.journal-pub-entity-card > a > div > p:first-child b { font-weight: 700; }
.journal-pub-entity-card h3 { margin-top: 12px; font-size: clamp(28px, 3vw, 38px); letter-spacing: -.025em; line-height: 1.04; }
.journal-pub-entity-card small { margin-top: 8px; color: #777772; font-size: 11px; letter-spacing: .04em; }
.journal-pub-entity-card > a > div > p:nth-of-type(2) { max-width: 680px; margin-top: 18px; color: #5f5f5b; font-size: 14px; line-height: 1.65; }
.journal-pub-entity-card > a > div > strong {
  margin-top: auto;
  padding-top: 24px;
  color: #2f2f2c;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.journal-pub-entity-card > a > div > strong i { margin-left: 8px; color: var(--journal-accent); font-style: normal; }

@media (hover: hover) and (pointer: fine) {
  .journal-pub-entity-card:hover img { transform: scale(1.018); filter: saturate(1); }
  .journal-pub-entity-card:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
}

@media (max-width: 640px) {
  .journal-pub-entity-grid { width: calc(100vw - 28px); gap: 20px; }
  .journal-pub-entity-card > a > div { padding: 22px 20px 25px; }
  .journal-pub-entity-card h3 { font-size: 27px; }
  .journal-pub-entity-card > a > div > p:nth-of-type(2) { font-size: 13px; }
}

/* Light editorial edition — restrained monochrome surfaces for the Journal. */
.journal-publication-page,
.journal-publication-detail {
  --journal-black: #111;
  --journal-ink: #111;
  --journal-red: #111;
  --journal-paper: #fff;
  --journal-line: #deded9;
  --journal-accent: #596257;
}

.journal-pub-masthead {
  color: #111;
  background: #fff;
  border-bottom: 1px solid #deded9;
}
.journal-pub-breadcrumb { color: #777773; }
.journal-pub-breadcrumb span { color: #111; }
.journal-pub-masthead > div > p:last-child { color: #686864; }

.journal-publication-detail .publication-eyebrow { color: var(--journal-accent); }

/* Keep every piece of article chrome on one clean white field. */
.journal-publication-page .publication-header,
.journal-publication-page .publication-nav,
.journal-publication-page .publication-subnav,
.journal-publication-page .publication-mobile-menu,
.journal-publication-detail .publication-header,
.journal-publication-detail .publication-nav,
.journal-publication-detail .publication-subnav,
.journal-publication-detail .publication-mobile-menu {
  color: #111;
  background: #fff;
}
.journal-publication-page .publication-header,
.journal-publication-detail .publication-header { border-bottom: 1px solid #deded9; }
.journal-publication-page .publication-masthead__date,
.journal-publication-detail .publication-masthead__date { color: #686864; }
.journal-publication-page .publication-masthead__date span,
.journal-publication-detail .publication-masthead__date span { color: #8b8b87; }
.journal-publication-page .publication-masthead__actions .is-black,
.journal-publication-detail .publication-masthead__actions .is-black {
  color: #fff;
  background: #111;
  border-color: #111;
}
.journal-publication-page .publication-masthead__actions .is-red,
.journal-publication-detail .publication-masthead__actions .is-red {
  color: #111;
  background: #fff;
  border-color: #aaa9a4;
}
.journal-publication-page .publication-subnav,
.journal-publication-detail .publication-subnav { border-bottom-color: #deded9; }
.journal-publication-page .publication-menu-toggle,
.journal-publication-detail .publication-menu-toggle { color: #111; }

.journal-pub-article-hero {
  min-height: 0;
  padding: 52px 0 58px;
  overflow: visible;
  color: #111;
  background: #fff;
  border-bottom: 1px solid #deded9;
}

.journal-pub-article-hero__inner {
  position: relative;
  z-index: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
  gap: clamp(48px, 6vw, 82px);
  align-items: center;
}

.journal-pub-article-hero__media {
  position: relative;
  inset: auto;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #efefec;
}
.journal-pub-article-hero__media::after { display: none; }
.journal-pub-article-hero__media img { height: 100%; object-fit: cover; filter: saturate(.9) contrast(1.01); }
.journal-pub-article-hero__media figcaption {
  right: 14px;
  bottom: 12px;
  left: 14px;
  z-index: 1;
  color: rgba(255,255,255,.9);
  font-size: 11px;
  text-shadow: 0 1px 4px rgba(0,0,0,.55);
}

.journal-pub-article-hero__copy { width: auto; max-width: 455px; padding: 0; }
.journal-pub-article-kicker { gap: 9px; color: #686864; }
.journal-pub-article-kicker::before { width: 24px; height: 1px; background: var(--journal-accent); }
.journal-pub-article-kicker i { color: #aaa9a4; }
.journal-pub-article-kicker strong { color: var(--journal-accent); }
.journal-pub-article-hero h1 {
  max-width: 18ch;
  margin-top: 18px;
  font-size: clamp(32px, 2.65vw, 36px);
  letter-spacing: -.025em;
  line-height: 1.08;
  text-wrap: balance;
}
.journal-pub-article-hero__copy > p:last-child { max-width: 455px; margin-top: 20px; color: #62625e; font-size: 14px; line-height: 1.68; }

.journal-pub-article { padding: 76px 0 104px; background: #fff; }
.journal-pub-article__grid { grid-template-columns: minmax(130px, 160px) minmax(0, 680px) minmax(205px, 230px); gap: clamp(28px, 3.5vw, 44px); }
.journal-pub-article__rail { border-top-color: #bdbdb8; }
.journal-pub-article__rail nav a:hover { color: #111; text-decoration: underline; text-underline-offset: 3px; }

.journal-pub-brief-label { color: #111; background: #fff; border: 1px solid #bdbdb8; }
.journal-pub-brief-label i { width: 7px; height: 7px; background: #111; }
.journal-pub-article__dek { font-size: clamp(25px, 2.05vw, 29px); line-height: 1.36; }
.journal-pub-byline b { color: #555551; }
.journal-pub-prose { margin-top: 58px; }
.journal-pub-prose section + section { margin-top: 68px; }
.journal-pub-prose h2 { font-size: clamp(26px, 2.1vw, 29px); line-height: 1.14; }
.journal-pub-prose h2 small { color: #777773; border-top: 1px solid #aaa9a4; }
.journal-pub-prose > section:first-child > p:first-of-type::first-letter { color: #111; }
.journal-pub-prose blockquote {
  margin: 44px 0 4px;
  padding: 30px 34px 29px;
  color: #111;
  background: #fff;
  border-left: 1px solid #aaa9a4;
}
.journal-pub-prose blockquote p { font-size: clamp(24px, 2vw, 28px); line-height: 1.25; }
.journal-pub-prose blockquote cite { color: #686864; }
.journal-pub-article__endnote a span { color: #111; }
.journal-pub-facts { background: #fff; border-top: 1px solid #111; }
.journal-pub-timeline li::before { background: #777773; }
.journal-pub-timeline time { color: #555551; }

.journal-pub-related {
  padding: 76px 0 86px;
  color: #111;
  background: #fff;
  border-top: 1px solid #deded9;
}
.journal-pub-section-heading--dark { border-color: #aaa9a4; }
.journal-pub-section-heading--dark > div h2 { color: #111; }
.journal-pub-section-heading--dark > a { color: #555551; }
.journal-pub-section-heading--dark > a:hover { color: #111; }
.journal-pub-related figure { background: #e9e9e5; }
.journal-pub-related img { filter: saturate(.88); }
.journal-pub-related article p { color: #777773; }
.journal-pub-related article p span { color: var(--journal-accent); }
.journal-pub-related article p time::before { color: #aaa9a4; }
.journal-pub-related h3 { font-size: 18px; line-height: 1.16; }

@media (hover: hover) and (pointer: fine) {
  .journal-pub-lead:hover h2,
  .journal-pub-highlights article:hover h3,
  .journal-pub-editors article:hover h3,
  .journal-pub-features article:hover h3,
  .journal-pub-river article:hover h3,
  .journal-pub-related article:hover h3 { color: #111; }
  .journal-pub-highlights article:hover,
  .journal-pub-editors article:hover,
  .journal-pub-river article:hover { box-shadow: none; }
}

@media (max-width: 1180px) {
  .journal-pub-article__grid { grid-template-columns: 140px minmax(0, 680px); }
}

@media (max-width: 900px) {
  .journal-pub-article-hero { padding: 34px 0 48px; }
  .journal-pub-article-hero__inner {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 34px;
    align-items: start;
  }
  .journal-pub-article-hero__media { aspect-ratio: 16 / 9; }
  .journal-pub-article-hero__copy { width: min(100%, 640px); max-width: none; padding: 0; }
  .journal-pub-article-hero h1 { max-width: 19ch; font-size: clamp(30px, 4.6vw, 35px); }
  .journal-pub-article-hero__copy > p:last-child { max-width: 610px; }
  .journal-pub-article__grid { grid-template-columns: minmax(0, 700px); justify-content: center; }
  .journal-pub-article__context { grid-column: auto; }
}

@media (max-width: 640px) {
  .journal-pub-masthead { padding: 26px 0 27px; }
  .journal-pub-masthead h1 { font-size: 40px; }
  .journal-pub-article-hero { padding: 24px 0 40px; }
  .journal-pub-article-hero__inner { min-height: 0; gap: 27px; }
  .journal-pub-article-hero__media { aspect-ratio: 4 / 3; }
  .journal-pub-article-hero__copy { width: 100%; }
  .journal-pub-article-hero h1 {
    width: 100%;
    max-width: none;
    font-size: clamp(34px, 9vw, 40px);
    line-height: 1.06;
    text-wrap: wrap;
  }
  .journal-pub-article-hero__copy > p:last-child { font-size: 13.5px; }
  .journal-pub-article { padding: 54px 0 72px; }
  .journal-pub-prose blockquote { padding: 25px 22px 23px; }
  .journal-pub-prose blockquote p { font-size: 23px; }
  .journal-pub-related { padding: 56px 0 68px; }
  .journal-pub-related h3 { font-size: 20px; }
}

/* Journal index — open editorial rhythm with horizontal rules only. */
.journal-publication-page .publication-eyebrow { color: #555551; }
.journal-publication-page .journal-pub-masthead {
  padding: 48px 0 50px;
  border-bottom: 1px solid #deded9;
}
.journal-publication-page .journal-pub-masthead h1 {
  margin-top: 10px;
  font-size: clamp(54px, 5.2vw, 72px);
}
.journal-publication-page .journal-pub-opening {
  padding: 62px 0 92px;
  background: #fff;
}
.journal-publication-page .journal-pub-opening__grid {
  grid-template-columns: minmax(0, 2fr) minmax(300px, .82fr);
  gap: clamp(48px, 6vw, 86px);
}
.journal-publication-page .journal-pub-lead figure,
.journal-publication-page .journal-pub-highlights figure,
.journal-publication-page .journal-pub-editors figure,
.journal-publication-page .journal-pub-features figure,
.journal-publication-page .journal-pub-river figure { background: #f1f1ee; }
.journal-publication-page .journal-pub-lead figure img,
.journal-publication-page .journal-pub-highlights img,
.journal-publication-page .journal-pub-editors img,
.journal-publication-page .journal-pub-features img,
.journal-publication-page .journal-pub-river img { filter: saturate(.92) contrast(1.01); }
.journal-publication-page .journal-pub-lead__copy { padding-top: 24px; }
.journal-publication-page .journal-pub-lead h2 {
  max-width: 850px;
  margin-top: 10px;
  font-size: clamp(36px, 3.4vw, 46px);
  line-height: 1.01;
}
.journal-publication-page .journal-pub-highlights {
  margin-top: 44px;
  padding-top: 0;
  column-gap: 32px;
}
.journal-publication-page .journal-pub-highlights article {
  padding: 22px 0;
  border-bottom: 1px solid var(--journal-line);
}
.journal-publication-page .journal-pub-highlights article:nth-child(odd),
.journal-publication-page .journal-pub-highlights article:nth-child(even) {
  padding-right: 0;
  padding-left: 0;
  border-left: 0;
}
.journal-publication-page .journal-pub-editors {
  padding-left: 0;
  border-left: 0;
}
.journal-publication-page .journal-pub-editors > header {
  padding: 20px 0 19px;
  border-top: 1px solid #aaa9a4;
}
.journal-publication-page .journal-pub-editors article a {
  grid-template-columns: 22px 96px minmax(0, 1fr);
  gap: 14px;
}
.journal-publication-page .journal-pub-features {
  padding: 82px 0 88px;
  background: #fff;
  border-block: 1px solid #deded9;
}
.journal-publication-page .journal-pub-latest {
  padding: 82px 0 104px;
  background: #fff;
}
.journal-publication-page .journal-pub-section-heading {
  margin-bottom: 38px;
  padding-bottom: 22px;
}
.journal-publication-page .journal-pub-river { border-top: 1px solid #aaa9a4; }
.journal-publication-page .journal-pub-highlights article,
.journal-publication-page .journal-pub-editors,
.journal-publication-page .journal-pub-editors article,
.journal-publication-page .journal-pub-river article {
  border-left: 0 !important;
  box-shadow: none !important;
}
.journal-publication-page .journal-pub-river article { border-bottom: 1px solid #deded9; }
.journal-publication-page .journal-pub-river article a {
  min-height: 0;
  padding: 30px 0;
  grid-template-columns: 42px minmax(0, 1fr) minmax(280px, 34%);
  gap: clamp(26px, 3vw, 44px);
}
.journal-publication-page .journal-pub-river__folio {
  padding-top: 3px;
  color: #9a9a95;
}
.journal-publication-page .journal-pub-river__copy h3 {
  max-width: 760px;
  font-size: clamp(25px, 2.25vw, 32px);
  line-height: 1.05;
}
.journal-publication-page .journal-pub-river figure { aspect-ratio: 16 / 9.4; }

@media (hover: hover) and (pointer: fine) {
  .journal-publication-page .journal-pub-highlights article:hover,
  .journal-publication-page .journal-pub-editors article:hover,
  .journal-publication-page .journal-pub-river article:hover { box-shadow: none; }
  .journal-publication-page .journal-pub-lead:hover h2,
  .journal-publication-page .journal-pub-highlights article:hover h3,
  .journal-publication-page .journal-pub-editors article:hover h3,
  .journal-publication-page .journal-pub-features article:hover h3,
  .journal-publication-page .journal-pub-river article:hover h3 {
    color: #111;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
  }
}

@media (max-width: 1180px) {
  .journal-publication-page .journal-pub-opening__grid { grid-template-columns: minmax(0, 1fr); }
  .journal-publication-page .journal-pub-editors { padding-top: 36px; }
  .journal-publication-page .journal-pub-editors article:nth-child(even) {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 900px) {
  .journal-publication-page .journal-pub-river article a {
    grid-template-columns: 34px minmax(0, 1fr) 220px;
    gap: 20px;
  }
}

@media (max-width: 640px) {
  .journal-publication-page .journal-pub-masthead { padding: 32px 0 34px; }
  .journal-publication-page .journal-pub-masthead h1 { font-size: 46px; }
  .journal-publication-page .journal-pub-opening { padding: 40px 0 66px; }
  .journal-publication-page .journal-pub-lead h2 { font-size: 32px; line-height: 1.04; }
  .journal-publication-page .journal-pub-highlights { margin-top: 36px; column-gap: 0; }
  .journal-publication-page .journal-pub-editors { padding-top: 28px; }
  .journal-publication-page .journal-pub-features { padding: 62px 0 68px; }
  .journal-publication-page .journal-pub-latest { padding: 62px 0 76px; }
  .journal-publication-page .journal-pub-section-heading { margin-bottom: 26px; }
  .journal-publication-page .journal-pub-river article a {
    padding: 22px 0;
    grid-template-columns: minmax(0, 1fr) 118px;
    gap: 18px;
  }
  .journal-publication-page .journal-pub-river__copy h3 { font-size: 23px; }
}

/* Journal index v3 — light, compact and image-led. */
.journal-index {
  --pub-wrap: 1320px;
  --journal-index-paper: #ffffff;
  --journal-index-stone: #f6f5f1;
  --journal-index-line: #deddd7;
  --journal-index-ink: #171715;
  --journal-index-muted: #6b6b66;
  --journal-index-accent: #8b3039;
}

.journal-index .publication-wrap { width: min(var(--pub-wrap), calc(100% - 80px)); }
.journal-index > .publication-subnav { display: none; }
.journal-index .journal-pub-meta {
  color: #7a7a75;
  font-size: 11px;
  letter-spacing: .1em;
}
.journal-index .journal-pub-meta span { color: var(--journal-index-accent); }
.journal-index .journal-pub-meta > * + *::before { color: #aaa9a4; }
.journal-index img { filter: saturate(.9) contrast(.99); }

.journal-index-masthead {
  padding: 42px 0 50px;
  overflow: hidden;
  background: var(--journal-index-paper);
  border-bottom: 1px solid var(--journal-index-line);
}
.journal-index-masthead > .publication-wrap {
  display: grid;
  grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
  column-gap: clamp(56px, 8vw, 120px);
  align-items: end;
}
.journal-index-masthead__topline {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  color: #777773;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.journal-index-masthead h1 {
  grid-column: 1;
  margin: 50px 0 0;
  font-size: clamp(58px, 6.2vw, 84px);
  letter-spacing: -.052em;
  line-height: .88;
}
.journal-index-masthead__intro {
  grid-column: 2;
  margin-top: 48px;
  display: grid;
  grid-template-columns: minmax(220px, .78fr) minmax(300px, 1.22fr);
  gap: clamp(36px, 5vw, 72px);
  align-items: end;
}
.journal-index-masthead__intro > p:first-child {
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: clamp(25px, 2.35vw, 33px);
  letter-spacing: -.025em;
  line-height: 1.02;
}
.journal-index-masthead__intro > p:last-child {
  max-width: 520px;
  color: var(--journal-index-muted);
  font-size: 13px;
  line-height: 1.72;
}

.journal-index-channels {
  background: #fff;
  border-bottom: 1px solid var(--journal-index-line);
}
.journal-index-channels > div {
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: clamp(22px, 2.6vw, 40px);
  overflow-x: auto;
  color: #5d5d58;
  font-size: 11px;
  white-space: nowrap;
}
.journal-index-channels span {
  color: #aaa9a4;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.journal-index-channels a {
  padding: 17px 0 15px;
  border-bottom: 1px solid transparent;
}
.journal-index-channels a:hover {
  color: var(--journal-index-ink);
  border-bottom-color: var(--journal-index-ink);
}

.journal-index-heading {
  margin-bottom: 34px;
  padding-top: 11px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr);
  gap: clamp(42px, 6vw, 82px);
  align-items: end;
  border-top: 1px solid #aaa9a4;
}
.journal-index-heading > div > p {
  color: var(--journal-index-accent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.journal-index-heading h2 {
  max-width: 720px;
  margin-top: 8px;
  font-size: clamp(30px, 2.8vw, 38px);
  letter-spacing: -.025em;
  line-height: 1.04;
}
.journal-index-heading > p {
  max-width: 470px;
  color: var(--journal-index-muted);
  font-size: 12px;
  line-height: 1.72;
}

.journal-index-featured {
  padding: 68px 0 82px;
  background: #fff;
}
.journal-index-lead > a {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
  gap: clamp(46px, 6vw, 82px);
  align-items: end;
}
.journal-index-lead figure,
.journal-index-highlights figure,
.journal-index-editors figure,
.journal-index-weekend figure,
.journal-index-river figure {
  margin: 0;
  overflow: hidden;
  background: #eeece6;
}
.journal-index-lead figure { position: relative; aspect-ratio: 16 / 10; }
.journal-index-lead figure img,
.journal-index-highlights img,
.journal-index-editors img,
.journal-index-weekend img,
.journal-index-river img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(.22, 1, .36, 1), filter 300ms ease;
}
.journal-index-lead figcaption {
  position: absolute;
  right: 11px;
  bottom: 9px;
  padding: 4px 6px;
  color: rgba(255, 255, 255, .9);
  background: rgba(0, 0, 0, .38);
  font-size: 11px;
}
.journal-index-lead__copy h2 {
  margin-top: 12px;
  font-size: clamp(31px, 3vw, 42px);
  letter-spacing: -.035em;
  line-height: 1.01;
}
.journal-index-lead__copy > p:not(.journal-pub-meta) {
  max-width: 520px;
  margin-top: 17px;
  color: #5f5f5a;
  font-size: 13px;
  line-height: 1.72;
}
.journal-index-lead__copy > span {
  margin-top: 22px;
  display: inline-flex;
  gap: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #9f9e98;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.journal-index-lead__copy > span i { font-style: normal; }

.journal-index-highlights {
  margin-top: 54px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(22px, 2.5vw, 34px);
}
.journal-index-highlights figure { aspect-ratio: 4 / 3; }
.journal-index-highlights .journal-pub-meta { margin-top: 14px; }
.journal-index-highlights h3 {
  margin-top: 7px;
  font-size: clamp(17px, 1.45vw, 21px);
  letter-spacing: -.018em;
  line-height: 1.12;
}

.journal-index-editors {
  padding: 72px 0 80px;
  background: var(--journal-index-stone);
  border-block: 1px solid var(--journal-index-line);
}
.journal-index-editors__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 2.8vw, 38px);
}
.journal-index-editors figure { aspect-ratio: 3 / 2; }
.journal-index-editors__meta {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 11px;
}
.journal-index-editors__meta > span,
.journal-index-weekend article > a > div > span,
.journal-index-river__folio {
  color: #969690;
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: 10px;
}
.journal-index-editors h3 {
  margin-top: 8px;
  font-size: clamp(18px, 1.55vw, 22px);
  letter-spacing: -.02em;
  line-height: 1.1;
}

.journal-index-weekend {
  padding: 76px 0 84px;
  background: #fff;
}
.journal-index-weekend__grid {
  display: grid;
  grid-template-columns: 1.16fr 1fr 1fr;
  gap: clamp(28px, 3.4vw, 48px);
}
.journal-index-weekend figure { aspect-ratio: 3 / 2; }
.journal-index-weekend article > a > div {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 11px;
}
.journal-index-weekend h3 {
  margin-top: 8px;
  font-size: clamp(20px, 1.9vw, 27px);
  letter-spacing: -.025em;
  line-height: 1.08;
}
.journal-index-weekend article:not(:first-child) h3 { font-size: clamp(18px, 1.55vw, 22px); }
.journal-index-weekend article > a > p {
  max-width: 520px;
  margin-top: 10px;
  color: #676762;
  font-size: 11px;
  line-height: 1.65;
}
.journal-index-weekend article:not(:first-child) > a > p { display: none; }

.journal-index-latest {
  padding: 76px 0 96px;
  background: #fff;
  border-top: 1px solid var(--journal-index-line);
}
.journal-index-river {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(40px, 5vw, 70px);
  border-top: 1px solid #aaa9a4;
}
.journal-index-river article,
.journal-index-river article + article {
  margin-top: 0;
  border-bottom: 1px solid var(--journal-index-line);
}
.journal-index-river article a,
.journal-index-river article:nth-child(even) a {
  min-height: 190px;
  padding: 22px 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: 24px;
  align-items: center;
}
.journal-index-river article figure,
.journal-index-river article:nth-child(even) figure {
  grid-column: 2;
  grid-row: 1;
  aspect-ratio: 4 / 3;
}
.journal-index-river article .journal-index-river__copy,
.journal-index-river article:nth-child(even) .journal-index-river__copy {
  grid-column: 1;
  grid-row: 1;
  max-width: none;
}
.journal-index-river__folio {
  margin-bottom: 10px;
  display: block;
}
.journal-index-river__copy h3 {
  margin-top: 7px;
  font-size: clamp(20px, 1.8vw, 25px);
  letter-spacing: -.024em;
  line-height: 1.08;
}
.journal-index-river__copy > p:not(.journal-pub-meta) {
  max-width: 470px;
  margin-top: 10px;
  color: #676762;
  font-size: 10.5px;
  line-height: 1.62;
}
.journal-index-river__copy > b {
  margin-top: 12px;
  display: block;
  color: #8b8b85;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

@media (hover: hover) and (pointer: fine) {
  .journal-index-lead:hover img,
  .journal-index-highlights article:hover img,
  .journal-index-editors article:hover img,
  .journal-index-weekend article:hover img,
  .journal-index-river article:hover img {
    filter: saturate(1) contrast(1);
    transform: scale(1.012);
  }
  .journal-index-lead:hover h2,
  .journal-index-highlights article:hover h3,
  .journal-index-editors article:hover h3,
  .journal-index-weekend article:hover h3,
  .journal-index-river article:hover h3 { color: var(--journal-index-accent); }
}

@media (max-width: 1120px) {
  .journal-index .publication-wrap { width: min(var(--pub-wrap), calc(100% - 56px)); }
  .journal-index-masthead > .publication-wrap { grid-template-columns: minmax(220px, .62fr) minmax(0, 1.38fr); }
  .journal-index-masthead h1 { font-size: 68px; }
  .journal-index-masthead__intro { grid-template-columns: 1fr; gap: 18px; }
  .journal-index-masthead__intro > p:first-child { font-size: 27px; }
  .journal-index-heading { gap: 46px; }
  .journal-index-lead > a { grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr); gap: 44px; }
  .journal-index-highlights,
  .journal-index-editors__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 42px; }
  .journal-index-weekend__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .journal-index-weekend article:first-child { grid-column: 1 / -1; }
  .journal-index-weekend article:first-child > a {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 36px;
    align-items: end;
  }
  .journal-index-weekend article:first-child figure { grid-row: 1 / span 4; aspect-ratio: 16 / 10; }
  .journal-index-river { grid-template-columns: 1fr; }
  .journal-index-river article a,
  .journal-index-river article:nth-child(even) a { min-height: 176px; grid-template-columns: minmax(0, 1fr) 190px; }
}

@media (max-width: 760px) {
  .journal-index .publication-wrap { width: calc(100% - 36px); }
  .journal-index-masthead { padding: 30px 0 38px; }
  .journal-index-masthead > .publication-wrap { grid-template-columns: 1fr; }
  .journal-index-masthead__topline p:last-child { display: none; }
  .journal-index-masthead h1 {
    grid-column: 1;
    margin-top: 32px;
    font-size: clamp(50px, 17vw, 66px);
    line-height: .9;
  }
  .journal-index-masthead__intro {
    grid-column: 1;
    margin-top: 25px;
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .journal-index-masthead__intro > p:first-child { max-width: 320px; font-size: 26px; }
  .journal-index-masthead__intro > p:last-child { max-width: 520px; font-size: 12px; }
  .journal-index-channels > div { min-height: 50px; gap: 24px; }

  .journal-index-heading {
    margin-bottom: 28px;
    grid-template-columns: 1fr;
    gap: 11px;
  }
  .journal-index-heading h2 { font-size: 29px; }
  .journal-index-heading > p { font-size: 11px; }

  .journal-index-featured { padding: 52px 0 62px; }
  .journal-index-lead > a { grid-template-columns: 1fr; gap: 24px; }
  .journal-index-lead figure { aspect-ratio: 4 / 3; }
  .journal-index-lead__copy h2 { font-size: 28px; }
  .journal-index-lead__copy > p:not(.journal-pub-meta) { font-size: 12px; }

  .journal-index-highlights {
    margin-top: 48px;
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 1px solid var(--journal-index-line);
  }
  .journal-index-highlights article { padding: 18px 0; border-bottom: 1px solid var(--journal-index-line); }
  .journal-index-highlights article > a {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    gap: 7px 16px;
    align-items: start;
  }
  .journal-index-highlights figure { grid-row: 1 / span 2; aspect-ratio: 4 / 3; }
  .journal-index-highlights .journal-pub-meta { grid-column: 2; margin-top: 0; }
  .journal-index-highlights h3 { grid-column: 2; margin-top: 0; font-size: 18px; }

  .journal-index-editors { padding: 56px 0 62px; }
  .journal-index-editors__grid { grid-template-columns: 1fr; gap: 0; border-top: 1px solid #cfcec8; }
  .journal-index-editors article { padding: 18px 0; border-bottom: 1px solid #cfcec8; }
  .journal-index-editors article > a {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    gap: 7px 16px;
  }
  .journal-index-editors figure { grid-row: 1 / span 2; aspect-ratio: 4 / 3; }
  .journal-index-editors__meta { grid-column: 2; margin-top: 0; }
  .journal-index-editors h3 { grid-column: 2; margin-top: 0; font-size: 18px; }

  .journal-index-weekend { padding: 58px 0 64px; }
  .journal-index-weekend__grid { grid-template-columns: 1fr; gap: 36px; }
  .journal-index-weekend article:first-child { grid-column: auto; }
  .journal-index-weekend article:first-child > a { display: block; }
  .journal-index-weekend article:first-child figure { aspect-ratio: 4 / 3; }
  .journal-index-weekend h3,
  .journal-index-weekend article:not(:first-child) h3 { font-size: 21px; }

  .journal-index-latest { padding: 58px 0 72px; }
  .journal-index-river article a,
  .journal-index-river article:nth-child(even) a {
    min-height: 0;
    padding: 18px 0;
    grid-template-columns: minmax(0, 1fr) 108px;
    gap: 16px;
  }
  .journal-index-river__copy h3 { font-size: 18px; }
  .journal-index-river__copy > p:not(.journal-pub-meta) { display: none; }
  .journal-index-river__copy > b { margin-top: 9px; }
}

@media (max-width: 460px) {
  .journal-index .publication-wrap { width: calc(100% - 28px); }
  .journal-index-masthead h1 { font-size: 52px; }
  .journal-index-masthead__intro > p:first-child { font-size: 24px; }
  .journal-index-highlights article > a,
  .journal-index-editors article > a { grid-template-columns: 96px minmax(0, 1fr); gap: 6px 13px; }
  .journal-index-river article a,
  .journal-index-river article:nth-child(even) a { grid-template-columns: minmax(0, 1fr) 92px; gap: 13px; }
}

/* Stories archive — white, quiet and modelled on the Leadership publication layout. */
.journal-index {
  --stories-ink: #171715;
  --stories-muted: #777772;
  --stories-soft: #f5f4f0;
  --stories-accent: #8b3039;
  --stories-line: #e6e4df;
  background: #fff;
  color: var(--stories-ink);
}

.journal-index .publication-wrap {
  width: min(1400px, calc(100% - 96px));
}

.journal-index > .publication-subnav {
  display: none;
}

.journal-index .journal-pub-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  color: #888883;
  font-size: 11px;
  letter-spacing: .08em;
  line-height: 1.45;
  text-transform: uppercase;
}

.journal-index .journal-pub-meta span {
  color: var(--stories-accent);
}

.journal-index .journal-pub-meta > * + *::before {
  margin: 0 8px;
  color: #c2c1bc;
  content: "·";
}

.stories-archive-header {
  padding: 54px 0 48px;
  background: #fff;
}

.stories-breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #959590;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.stories-breadcrumb a {
  transition: color 180ms ease;
}

.stories-breadcrumb a:hover {
  color: var(--stories-ink);
}

.stories-archive-intro {
  max-width: 700px;
  margin-top: 34px;
}

.stories-archive-intro h1 {
  margin: 0;
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: clamp(40px, 3.8vw, 52px);
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: .94;
}

.stories-archive-intro p {
  max-width: 590px;
  margin-top: 17px;
  color: var(--stories-muted);
  font-size: 14px;
  line-height: 1.72;
}

.stories-archive {
  padding: 6px 0 104px;
  background: #fff;
}

.stories-showcase {
  display: grid;
  grid-template-columns: minmax(0, 2.42fr) minmax(280px, .88fr);
  gap: clamp(50px, 6vw, 86px);
  align-items: start;
}

.stories-showcase figure,
.stories-river figure {
  margin: 0;
  overflow: hidden;
  background: var(--stories-soft);
}

.stories-showcase img,
.stories-river img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.92) contrast(.99);
  transition: transform 560ms cubic-bezier(.22, 1, .36, 1), filter 300ms ease;
}

.stories-feature figure {
  position: relative;
  aspect-ratio: 16 / 9.8;
}

.stories-feature figcaption {
  position: absolute;
  right: 11px;
  bottom: 9px;
  padding: 4px 6px;
  color: rgba(255, 255, 255, .9);
  background: rgba(18, 18, 16, .38);
  font-size: 11px;
}

.stories-feature__copy {
  width: 100%;
  max-width: none;
  margin-top: 20px;
}

.stories-feature__copy h2 {
  margin-top: 9px;
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: clamp(28px, 2.45vw, 36px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.03;
}

.stories-feature__copy > p:not(.journal-pub-meta) {
  max-width: 690px;
  margin-top: 13px;
  color: #666661;
  font-size: 13px;
  line-height: 1.68;
}

.stories-compact-grid {
  margin-top: 50px;
  padding-top: 34px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px 46px;
  border-top: 1px solid var(--stories-line);
}

.stories-compact-grid article > a {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.stories-compact-grid figure {
  aspect-ratio: 1;
}

.stories-compact-grid h3 {
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: clamp(16px, 1.3vw, 19px);
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.13;
}

.stories-compact-grid .journal-pub-meta {
  margin-top: 11px;
  font-size: 11px;
}

.stories-gallery {
  margin-top: 54px;
  padding-top: 34px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 2.5vw, 38px);
  border-top: 1px solid var(--stories-line);
}

.stories-gallery figure {
  aspect-ratio: 4 / 3;
}

.stories-gallery .journal-pub-meta {
  margin-top: 14px;
}

.stories-gallery h3 {
  margin-top: 7px;
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: clamp(17px, 1.4vw, 20px);
  font-weight: 500;
  letter-spacing: -.022em;
  line-height: 1.1;
}

.stories-aside-label {
  margin-bottom: 20px;
  color: var(--stories-accent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.stories-showcase__aside {
  display: grid;
  gap: 30px;
}

.stories-showcase__aside article + article {
  padding-top: 30px;
  border-top: 1px solid var(--stories-line);
}

.stories-showcase__aside article figure {
  aspect-ratio: 4 / 2.75;
}

.stories-showcase__aside .journal-pub-meta {
  margin-top: 13px;
  font-size: 11px;
}

.stories-showcase__aside h3 {
  margin-top: 7px;
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: clamp(17px, 1.4vw, 20px);
  font-weight: 500;
  letter-spacing: -.023em;
  line-height: 1.08;
}

.stories-river {
  margin-top: 98px;
  padding-top: 44px;
  border-top: 1px solid var(--stories-line);
}

.stories-river__heading {
  margin-bottom: 38px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .46fr);
  gap: 48px;
  align-items: end;
}

.stories-river__heading > div > p {
  color: var(--stories-accent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.stories-river__heading h2 {
  margin-top: 8px;
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: clamp(29px, 2.4vw, 35px);
  font-weight: 500;
  letter-spacing: -.032em;
  line-height: 1;
}

.stories-river__heading > p {
  color: var(--stories-muted);
  font-size: 12px;
  line-height: 1.68;
}

.stories-river__list {
  display: grid;
  gap: 0;
}

.stories-river__list article {
  padding-bottom: 44px;
}

.stories-river__list article + article {
  padding-top: 44px;
  border-top: 1px solid var(--stories-line);
}

.stories-river__list article > a {
  min-height: 200px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 300px);
  gap: clamp(46px, 7vw, 112px);
  align-items: center;
}

.stories-river__copy {
  max-width: 850px;
}

.stories-river__folio {
  margin-bottom: 12px;
  display: block;
  color: #aaa9a4;
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: 10px;
}

.stories-river__copy h3 {
  margin-top: 8px;
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: clamp(20px, 1.8vw, 26px);
  font-weight: 500;
  letter-spacing: -.026em;
  line-height: 1.06;
}

.stories-river__copy > p:not(.journal-pub-meta) {
  max-width: 760px;
  margin-top: 11px;
  color: #686863;
  font-size: 12px;
  line-height: 1.65;
}

.stories-river__copy > b {
  margin-top: 12px;
  display: block;
  color: #999994;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.stories-river figure {
  aspect-ratio: 4 / 2.75;
}

.stories-feature__copy h2,
.stories-compact-grid h3,
.stories-gallery h3,
.stories-showcase__aside h3,
.stories-river__copy h3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.stories-feature figcaption,
.journal-pub-article-hero__media figcaption {
  display: none;
}

.stories-load-more {
  padding-top: 36px;
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--stories-line);
}

.stories-load-more button {
  min-width: 166px;
  min-height: 46px;
  padding: 0 24px;
  border: 1px solid var(--stories-ink);
  color: #fff;
  background: var(--stories-ink);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: color 180ms ease, background 180ms ease;
}

.stories-load-more button span {
  margin-left: 12px;
}

.stories-load-more button:hover {
  color: var(--stories-ink);
  background: #fff;
}

.stories-load-more button:focus-visible {
  outline: 2px solid var(--stories-accent);
  outline-offset: 3px;
}

@media (hover: hover) {
  .stories-feature:hover img,
  .stories-compact-grid article:hover img,
  .stories-gallery article:hover img,
  .stories-showcase__aside article:hover img,
  .stories-river__list article:hover img {
    filter: saturate(1) contrast(1);
    transform: scale(1.018);
  }

  .stories-feature:hover h2,
  .stories-compact-grid article:hover h3,
  .stories-gallery article:hover h3,
  .stories-showcase__aside article:hover h3,
  .stories-river__list article:hover h3 {
    color: var(--stories-accent);
  }
}

@media (max-width: 1120px) {
  .journal-index .publication-wrap {
    width: min(1400px, calc(100% - 56px));
  }

  .stories-showcase {
    grid-template-columns: minmax(0, 1.85fr) minmax(250px, .8fr);
    gap: 48px;
  }

  .stories-compact-grid {
    gap: 30px;
  }

  .stories-compact-grid article > a {
    grid-template-columns: 94px minmax(0, 1fr);
    gap: 15px;
  }

  .stories-river__list article > a {
    gap: 56px;
  }
}

@media (max-width: 820px) {
  .journal-index .publication-wrap {
    width: calc(100% - 36px);
  }

  .stories-archive-header {
    padding: 38px 0 42px;
  }

  .stories-archive-intro {
    margin-top: 25px;
  }

  .stories-archive-intro h1 {
    font-size: 44px;
  }

  .stories-showcase {
    grid-template-columns: 1fr;
    gap: 74px;
  }

  .stories-showcase__aside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 24px;
  }

  .stories-aside-label {
    grid-column: 1 / -1;
    margin-bottom: -4px;
  }

  .stories-river {
    margin-top: 82px;
  }

  .stories-river__heading {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .stories-river__heading > p {
    max-width: 520px;
  }

  .stories-river__list {
    gap: 0;
  }

  .stories-river__list article > a {
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 32px;
  }
}

@media (max-width: 600px) {
  .journal-index .publication-wrap {
    width: calc(100% - 28px);
  }

  .stories-archive-header {
    padding: 30px 0 36px;
  }

  .stories-breadcrumb {
    font-size: 11px;
  }

  .stories-archive-intro {
    margin-top: 22px;
  }

  .stories-archive-intro h1 {
    font-size: 40px;
  }

  .stories-archive-intro p {
    margin-top: 13px;
    font-size: 12px;
  }

  .stories-archive {
    padding-top: 0;
    padding-bottom: 72px;
  }

  .stories-feature figure {
    aspect-ratio: 4 / 3;
  }

  .stories-feature__copy {
    margin-top: 16px;
  }

  .stories-feature__copy h2 {
    font-size: 26px;
  }

  .stories-feature__copy > p:not(.journal-pub-meta) {
    font-size: 12px;
  }

  .stories-compact-grid {
    margin-top: 40px;
    padding-top: 28px;
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .stories-compact-grid article > a {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 16px;
  }

  .stories-gallery {
    margin-top: 42px;
    padding-top: 28px;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 14px) / 2);
    gap: 14px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .stories-gallery::-webkit-scrollbar {
    display: none;
  }

  .stories-gallery article {
    scroll-snap-align: start;
  }

  .stories-gallery article:last-child {
    grid-column: auto;
    width: auto;
  }

  .stories-gallery h3 {
    font-size: 17px;
  }

  .stories-showcase {
    gap: 62px;
  }

  .stories-showcase__aside {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .stories-aside-label {
    grid-column: auto;
  }

  .stories-river {
    margin-top: 72px;
    padding-top: 34px;
  }

  .stories-river__heading {
    margin-bottom: 30px;
  }

  .stories-river__heading h2 {
    font-size: 30px;
  }

  .stories-river__list {
    gap: 0;
  }

  .stories-river__list article {
    padding-bottom: 28px;
  }

  .stories-river__list article + article {
    padding-top: 28px;
  }

  .stories-river__list article > a {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) 104px;
    gap: 17px;
    align-items: start;
  }

  .stories-river__folio {
    margin-bottom: 8px;
  }

  .stories-river__copy h3 {
    font-size: 19px;
  }

  .stories-river__copy > p:not(.journal-pub-meta) {
    display: none;
  }

  .stories-river__copy > b {
    margin-top: 9px;
  }

  .stories-river figure {
    aspect-ratio: 1;
  }
}

/* Final shared article contract: full-width executive quote and headings, plus a light six-action share rail. */
.journal-publication-detail .journal-pub-article__grid {
  grid-template-columns: 56px minmax(0, 920px);
  gap: clamp(30px, 3.35vw, 44px);
  justify-content: center;
}

.journal-publication-detail .journal-pub-article__context--inline {
  width: 100%;
  position: static;
  grid-column: auto;
  margin: 36px 0 0;
  display: block;
}

.journal-publication-detail .journal-pub-article__context--inline .journal-pub-timeline {
  padding: 25px 0 27px;
  display: grid;
  grid-template-columns: minmax(170px, 210px) minmax(0, 1fr);
  gap: clamp(24px, 3.4vw, 42px);
  border-block: 1px solid #aaa9a4;
}

.journal-publication-detail .journal-pub-timeline__heading h2 {
  margin-top: 7px;
  font-size: 22px;
  line-height: 1.08;
}

.journal-publication-detail .journal-pub-article__context--inline .journal-pub-timeline ol {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 22px;
  align-items: start;
}

.journal-publication-detail .journal-pub-article__context--inline .journal-pub-timeline li {
  min-width: 0;
  margin: 0;
  padding: 3px 0 3px 15px;
  border-left-color: #c8c7c1;
}

.journal-publication-detail .journal-pub-article__context--inline + .journal-pub-prose {
  margin-top: 52px;
}

.journal-publication-detail .journal-pub-article-hero h1 {
  max-width: 19ch;
  font-size: clamp(30px, 2.35vw, 34px);
  line-height: 1.08;
  text-wrap: balance;
}

.journal-publication-detail .journal-pub-article-hero__dek {
  max-width: 455px;
  margin-top: 28px;
  color: #62625e;
  font-size: 14px;
  line-height: 1.68;
}

.journal-publication-detail .journal-pub-article-hero__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.journal-publication-detail .journal-pub-article-hero__meta .journal-pub-article-kicker {
  min-width: 0;
  flex: 1;
}

.journal-publication-detail .journal-pub-article-hero__save { flex: 0 0 auto; }

.journal-publication-detail .journal-pub-article-hero__save > button {
  width: 32px;
  min-height: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.journal-publication-detail .journal-pub-executive-brief {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 5px 0 3px 27px;
  box-sizing: border-box;
  border: 0;
  border-left: 1px solid #c8c8c3;
}

.journal-publication-detail .journal-pub-executive-brief::before {
  position: absolute;
  top: -10px;
  left: 10px;
  color: #b0b0aa;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 31px;
  font-weight: 400;
  line-height: 1;
  content: "“";
}

.journal-publication-detail .journal-pub-brief-label {
  padding: 0;
  color: #70706c;
  background: transparent;
  border: 0;
  font-size: 11px;
  letter-spacing: .12em;
}

.journal-publication-detail .journal-pub-article__dek {
  width: 100%;
  max-width: none;
  margin-top: 14px;
  color: #30302d;
  font-family: var(--pub-display, "TWB Display", Georgia, serif);
  font-size: clamp(18px, 1.55vw, 20px);
  font-style: italic;
  letter-spacing: -.008em;
  line-height: 1.58;
}

.journal-publication-detail .journal-pub-prose h2 {
  width: 100%;
  max-width: none;
}

.journal-publication-detail .journal-pub-prose section > p,
.journal-publication-detail .journal-pub-prose section > blockquote,
.journal-publication-detail .journal-pub-article__endnote {
  width: min(100%, 760px);
  margin-inline: auto;
}

.journal-share-rail {
  width: 56px;
  position: sticky;
  top: 152px;
  align-self: start;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.journal-share-rail__label {
  margin-bottom: 13px;
  color: #989893;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  writing-mode: horizontal-tb;
}

.journal-share-rail > div {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.journal-share-rail a,
.journal-share-rail button {
  width: 38px;
  height: 38px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #171715;
  background: rgba(255,255,255,.92);
  border: 1px solid #e5e5e1;
  border-radius: 50%;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.journal-share-rail svg {
  width: 15px;
  height: 15px;
  display: block;
  fill: currentColor;
}

.journal-share-rail__status {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.journal-share-rail a:focus-visible,
.journal-share-rail button:focus-visible { outline: 1px solid #111; outline-offset: 3px; }

@media (hover: hover) and (pointer: fine) {
  .journal-share-rail a:hover,
  .journal-share-rail button:hover { background: #f8f8f5; border-color: #aaa9a4; transform: translateY(-1px); }
}

@media (max-width: 1180px) {
  .journal-publication-detail .journal-pub-article__grid {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .journal-publication-detail .journal-pub-article__context--inline {
    position: static;
    grid-column: auto;
  }
}

@media (max-width: 900px) {
  .journal-publication-detail .journal-pub-article__grid { grid-template-columns: minmax(0, 1fr); }
  .journal-publication-detail .journal-pub-article-hero h1 {
    max-width: 20ch;
    font-size: clamp(28px, 4.2vw, 30px);
  }
  .journal-share-rail {
    width: auto;
    position: static;
    padding-bottom: 20px;
    align-items: flex-start;
    border-bottom: 1px solid var(--journal-line);
  }
  .journal-share-rail__label { margin-bottom: 10px; }
  .journal-share-rail > div { flex-direction: row; gap: 10px; }
  .journal-publication-detail .journal-pub-article__context--inline { grid-column: auto; }
}

@media (max-width: 640px) {
  .journal-publication-detail .journal-pub-article-hero__copy {
    width: 100%;
    max-width: none;
  }
  .journal-publication-detail .journal-pub-article-hero h1 {
    width: 100%;
    max-width: none;
    font-size: clamp(27px, 7.2vw, 28px);
    line-height: 1.09;
    text-wrap: wrap;
  }
  .journal-publication-detail .journal-pub-article-hero__dek {
    margin-top: 22px;
    font-size: 13.5px;
  }
  .journal-publication-detail .journal-pub-article-hero__meta { gap: 14px; }
  .journal-publication-detail .journal-pub-executive-brief { padding-left: 22px; }
  .journal-publication-detail .journal-pub-executive-brief::before { left: 7px; }
  .journal-publication-detail .journal-pub-article__dek { font-size: 17.5px; line-height: 1.56; }
  .journal-publication-detail .journal-pub-article__context--inline {
    margin-top: 30px;
  }
  .journal-publication-detail .journal-pub-article__context--inline .journal-pub-timeline {
    padding: 22px 0 5px;
    display: block;
  }
  .journal-publication-detail .journal-pub-article__context--inline .journal-pub-timeline ol {
    margin-top: 19px;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .journal-publication-detail .journal-pub-article__context--inline .journal-pub-timeline li {
    padding: 13px 0 15px 15px;
    border-top: 1px solid var(--journal-line);
  }
  .journal-publication-detail .journal-pub-article__context--inline + .journal-pub-prose {
    margin-top: 43px;
  }
  .journal-share-rail > div { width: 100%; justify-content: space-between; gap: 6px; }
  .journal-share-rail a,
  .journal-share-rail button { width: 36px; height: 36px; }
}

/* Article-to-Destinations bridge: content comes from the shared city catalogue. */
.journal-pub-destinations {
  padding: clamp(72px, 8vw, 104px) 0;
  background: #f4f1ea;
  border-top: 1px solid #ded9cf;
}

.journal-pub-destinations__heading {
  margin-bottom: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .58fr);
  gap: clamp(40px, 7vw, 96px);
  align-items: end;
}

.journal-pub-destinations__heading h2 {
  max-width: 760px;
  margin-top: 8px;
  font-size: clamp(31px, 3.25vw, 42px);
  letter-spacing: -.035em;
  line-height: 1.02;
}

.journal-pub-destinations__heading > p {
  max-width: 430px;
  color: #6f6b64;
  font-size: 12px;
  line-height: 1.68;
}

.journal-pub-destinations__grid {
  padding-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 2.7vw, 38px);
  border-top: 1px solid #22211f;
}

.journal-pub-destinations__grid--single {
  grid-template-columns: minmax(0, 560px);
  justify-content: center;
}

.journal-pub-destinations .destination-city-card {
  background: #fbfaf7;
  border-color: #ded9cf;
}

.journal-pub-destinations .destination-city-card figure {
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #e7e3dc;
}

.journal-pub-destinations .destination-city-card figure img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 420ms cubic-bezier(.2, .7, .2, 1);
}

.journal-pub-destinations .destination-city-card > a > div {
  padding: 20px 22px 24px;
  text-align: left;
}

.journal-pub-destinations .destination-city-card h3 {
  margin-top: 7px;
  font-size: clamp(25px, 2.2vw, 31px);
  letter-spacing: -.028em;
  line-height: 1.04;
}

.journal-pub-destinations .destination-city-card__summary {
  margin-top: 11px !important;
  font-size: 11.5px;
  line-height: 1.58;
}

@media (max-width: 980px) {
  .journal-pub-destinations__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .journal-pub-destinations__grid--single {
    grid-template-columns: minmax(0, 560px);
  }
}

@media (max-width: 640px) {
  .journal-pub-destinations { padding: 58px 0 68px; }
  .journal-pub-destinations__heading {
    margin-bottom: 26px;
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .journal-pub-destinations__heading h2 { font-size: 29px; }
  .journal-pub-destinations__grid,
  .journal-pub-destinations__grid--single {
    padding-top: 22px;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .journal-pub-destinations .destination-city-card figure { aspect-ratio: 16 / 11; }
  .journal-pub-destinations .destination-city-card h3 { font-size: 27px; }
}
.journal-author-page { color: #171716; background: #f7f6f2; }
.journal-author-page__inner { width: min(100% - 48px, 900px); padding: 120px 0 140px; }
.journal-author-page__inner h1 { max-width: 820px; margin-top: 18px; font-family: var(--pub-display); font-size: clamp(52px, 8vw, 104px); font-weight: 400; line-height: .94; letter-spacing: -.045em; }
.journal-author-page__lead { max-width: 760px; margin-top: 36px; color: #504e49; font-family: var(--pub-display); font-size: clamp(24px, 3vw, 36px); line-height: 1.2; }
.journal-author-page__inner section { max-width: 680px; margin-top: 76px; padding-top: 28px; border-top: 1px solid #1d1d1b; }
.journal-author-page__inner section h2 { font-family: var(--pub-display); font-size: 34px; font-weight: 400; }
.journal-author-page__inner section p { margin-top: 22px; color: #4f4c47; font-size: 16px; line-height: 1.8; }
.journal-author-page__inner nav { max-width: 680px; margin-top: 54px; display: flex; flex-wrap: wrap; gap: 12px 24px; }
.journal-author-page__inner nav a { padding-bottom: 5px; color: #171716; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.journal-pub-byline a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

@media (max-width: 700px) {
  .journal-author-page__inner { width: min(100% - 32px, 900px); padding: 82px 0 96px; }
  .journal-author-page__inner section { margin-top: 54px; }
}

/* Shared card and canvas refinement: one clean publication system across index,
   article, related-story and destination bridge surfaces. */
.journal-index,
.journal-publication-detail,
.journal-publication-detail .journal-pub-article-hero,
.journal-publication-detail .journal-pub-article,
.journal-publication-detail .journal-pub-related,
.journal-publication-detail .journal-pub-destinations {
  background: #fff;
}

.stories-feature figure {
  border-radius: clamp(16px, 1.5vw, 22px);
}

.stories-compact-grid figure,
.stories-gallery figure,
.stories-showcase__aside article figure,
.stories-river figure {
  border-radius: clamp(12px, 1vw, 16px);
}

.journal-publication-detail .journal-pub-article-hero__media,
.journal-publication-detail .journal-pub-related figure {
  border-radius: clamp(14px, 1.25vw, 18px);
}

.journal-publication-detail .journal-pub-related {
  border-top-color: #ecebe7;
}

.journal-publication-detail .journal-pub-related article,
.journal-publication-detail .journal-pub-related article > a {
  min-width: 0;
  display: block;
}

.journal-publication-detail .journal-pub-entity-card {
  background: #fff;
  border-color: #e7e5df;
  border-radius: 18px;
}

.journal-publication-detail .journal-pub-destinations {
  border-top-color: #ecebe7;
}

.journal-publication-detail .journal-pub-destinations__grid {
  border-top-color: #ecebe7;
}

.journal-publication-detail .journal-pub-destinations .destination-city-card {
  background: #fff;
  border-color: #e7e5df;
  border-radius: clamp(16px, 1.5vw, 20px);
  overflow: hidden;
}

.journal-publication-detail .journal-pub-destinations .destination-city-card figure {
  border-radius: clamp(15px, 1.4vw, 19px) clamp(15px, 1.4vw, 19px) 0 0;
}

@media (min-width: 901px) {
  .journal-publication-detail .journal-pub-related__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(28px, 3vw, 42px);
  }
}
