/* Archive keeps its project grid and hover behavior; type uses the PSD tokens. */
.work-index.editorial-2026 .work-page-header {
  grid-template-columns: var(--grid-tracks);
  align-items: start;
  gap: clamp(42px, 3vw, 58px) 0;
  min-height: 0;
  padding: 28px var(--grid-right) clamp(34px, 3vw, 58px) var(--grid-left);
}
.work-index.editorial-2026 .work-page-logo {
  grid-column: start / portrait-mid;
  grid-row: 1;
  width: clamp(132px, 10vw, 190px);
}
.work-index.editorial-2026 .work-page-heading { display: contents; transform: none; }
.work-index.editorial-2026 .work-page-header h1 {
  grid-column: start / left-end;
  grid-row: 2;
  justify-self: start;
  align-self: start;
  margin: 0;
  font-size: var(--editorial-heading);
  line-height: 1.05;
  font-weight: 700;
  text-align: left;
  white-space: normal;
}
.work-index.editorial-2026 .work-page-intro {
  grid-column: right / end;
  grid-row: 2;
  max-width: none;
  min-width: 0;
  margin: 0;
  font-size: var(--editorial-small);
  line-height: 1.35;
}
.work-index.editorial-2026 .work-card { gap: clamp(18px, 1.4vw, 27px); }
.work-index.editorial-2026 .work-card__copy {
  max-width: none;
  gap: clamp(8px, .7vw, 14px);
  padding: 0 var(--grid-right) clamp(12px, 1vw, 20px) var(--grid-left);
}
.work-index.editorial-2026 .work-card h2 {
  font-size: var(--editorial-heading);
  line-height: 1.05;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.work-index.editorial-2026 .work-card__role {
  font-size: var(--editorial-small);
  line-height: 1.35;
  max-width: 38ch;
}
.work-index.editorial-2026 .work-card__date {
  font-size: var(--editorial-micro);
  line-height: 1.25;
  margin-top: .3em;
  opacity: 1;
}
.work-index .editorial-word {
  display: inline-block; overflow: clip; vertical-align: bottom;
  padding-bottom: .12em; margin-bottom: -.12em;
}
.work-index .editorial-word > span { display: inline-block; }
.work-index a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 760px) {
  .work-index.editorial-2026 .work-page-header { padding-top: 24px; row-gap: 32px; }
  .work-index.editorial-2026 .work-page-logo { grid-column: start / end; }
  .work-index.editorial-2026 .work-page-header h1 { grid-column: start / end; }
  .work-index.editorial-2026 .work-page-intro { grid-column: start / end; grid-row: 3; }
}
@media (prefers-reduced-motion: reduce) {
  .work-index [data-scroll-media] { opacity: 1 !important; visibility: visible !important; transform: none !important; }
  .work-index .editorial-word > span { transform: none !important; }
}

.work-index.editorial-2026 .home-blog { margin-bottom: 0; }
.work-index .home-blog::after { content: none; }