.articles-archive {
  background: var(--color-projector-cream);
}

.articles-hero { padding-block: var(--space-7) var(--space-8); }
.articles-hero__container { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
.articles-hero__media { grid-column: 1 / -1; width: 100%; aspect-ratio: 16 / 9; border-radius: 0; }
.articles-hero__media img { height: 100%; object-position: center right; transition: transform var(--transition-media); }
.articles-hero__caption { grid-column: 2 / span 6; position: absolute; z-index: 1; inset-inline-start: calc(8.333% + var(--space-5)); inset-block-end: var(--space-5); width: calc(50% - var(--space-5)); min-width: 0; padding: var(--space-6); background: var(--color-ink); }
.articles-hero__caption > :last-child { margin-block-end: 0; }
.articles-hero__label { margin: 0 0 var(--space-3); color: var(--color-warm-gold); font-size: var(--text-meta); font-weight: 700; letter-spacing: var(--tracking-meta); text-transform: uppercase; }
.articles-hero h1 { margin-bottom: var(--space-4); font-size: clamp(3.5rem, 7vw, 4rem); }
.articles-hero__premise, .articles-hero__promise { max-width: 35rem; }
.articles-hero__cue { grid-column: 10 / span 3; align-self: end; justify-self: end; position: relative; z-index: 2; display: inline-flex; min-height: 2.75rem; align-items: center; gap: var(--space-2); color: var(--color-warm-gold); font-size: var(--text-meta); font-weight: 700; letter-spacing: var(--tracking-meta); text-transform: uppercase; }

.articles-feature, .articles-cluster, .articles-culture, .articles-method, .articles-notes { padding-block: var(--space-9); }
.articles-feature__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: start; }
.articles-feature__copy, .articles-feature__media { min-width: 0; width: 100%; }
.articles-feature__copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.articles-feature__copy > * { min-width: 0; margin: 0; }
.articles-feature__copy .lead, .articles-feature__copy > p:not(.eyebrow) { max-width: 41rem; }
.articles-feature__copy h2 { max-width: 38rem; }
.articles-feature__media { margin-top: var(--space-7); aspect-ratio: 4 / 3; border-color: var(--color-border); border-radius: 0; }
.articles-feature__media img { height: calc(100% - 3rem); object-position: right center; }
.articles-feature__media figcaption { padding: var(--space-2) var(--space-3); margin: 0; background: var(--color-ink); color: var(--color-projector-cream); }
.articles-feature__lenses { display: grid; grid-template-columns: 1fr; width: min(100%, 41rem); border-top: 1px solid var(--color-border); }
.articles-feature__lens { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); padding-block: var(--space-3); border-bottom: 1px solid var(--color-border); }
.articles-feature__lens > * { min-width: 0; }
.articles-feature__lens > span, .articles-entry__index, .articles-lens__rail > span { color: var(--color-warm-gold); font-size: var(--text-meta); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: var(--tracking-meta); }
.articles-feature__lens h3 { margin: 0 0 var(--space-1); font-size: var(--text-section); }
.articles-feature__lens p { margin: 0; }
.articles-feature__meta { color: var(--color-steel-gray); font-size: var(--text-meta); font-weight: 700; letter-spacing: var(--tracking-meta); text-transform: uppercase; font-variant-numeric: tabular-nums; }
.articles-feature__meta span { color: var(--color-warm-gold); padding-inline: var(--space-1); }

.articles-routes { padding-block: var(--space-9); }
.articles-routes__intro { width: min(100%, 39rem); }
.articles-routes__list { display: grid; grid-template-columns: 1fr; margin-top: var(--space-7); border-top: 1px solid var(--color-border-dark); }
.articles-route { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 5fr) minmax(0, 3fr); gap: var(--space-4); align-items: center; min-width: 0; padding-block: var(--space-5); border-bottom: 1px solid var(--color-border-dark); text-decoration: none; }
.articles-route > * { min-width: 0; }
.articles-route__index { color: var(--color-warm-gold); font-size: var(--text-meta); font-weight: 700; letter-spacing: var(--tracking-meta); }
.articles-route__title { font-family: var(--font-heading); font-size: var(--text-section); font-weight: 600; line-height: var(--leading-heading); }
.articles-route__hook { color: var(--color-projector-cream); }
.articles-route__action { justify-self: end; color: var(--color-paper-white); font-size: var(--text-utility); font-weight: 700; }
.articles-route:hover { color: var(--color-projector-cream); box-shadow: inset 3px 0 0 var(--color-muted-ruby); }
.articles-route:hover .articles-route__action { text-decoration: underline; text-decoration-color: var(--color-warm-gold); }

.articles-cluster__intro { width: min(100%, 39rem); }
.articles-cluster__intro--poker::before { display: block; width: 100%; height: 10px; margin-bottom: var(--space-5); background: repeating-linear-gradient(90deg, var(--color-ink) 0 20px, transparent 20px 28px); content: ""; }
.articles-entry-list { display: grid; grid-template-columns: 1fr; margin-top: var(--space-7); }
.articles-entry { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 4fr) minmax(0, 5fr) minmax(0, 2fr); gap: var(--space-4); align-items: start; min-width: 0; padding-block: var(--space-5); border-top: 1px solid var(--color-border); text-decoration: none; }
.articles-entry > * { min-width: 0; }
.articles-entry__identity { display: flex; flex-direction: column; gap: var(--space-2); }
.articles-entry__identity strong { font-family: var(--font-heading); font-size: var(--text-subheading); font-weight: 600; line-height: var(--leading-heading); }
.articles-entry__summary { max-width: 36rem; }
.articles-entry__action { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: flex-end; gap: var(--space-2); color: var(--color-deep-green); font-size: var(--text-utility); font-weight: 700; }
.articles-entry:hover .articles-entry__identity strong, .articles-entry:hover .articles-entry__action { color: var(--color-muted-ruby); text-decoration: underline; text-decoration-color: var(--color-warm-gold); }
.articles-cluster__end-link { display: inline-flex; min-height: 2.75rem; align-items: center; gap: var(--space-2); margin-top: var(--space-4); color: var(--color-deep-green); font-weight: 700; }

.articles-essay { padding-block: var(--space-9); }
.articles-essay__container { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
.articles-essay__container > .chapter-marker { grid-column: 2 / span 10; }
.articles-essay__figure { grid-column: 2 / span 10; position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 0; border-radius: 0; }
.articles-essay__figure img { height: 100%; object-position: right bottom; }
.articles-essay__caption { position: absolute; inset-inline-start: 0; inset-block-end: 0; width: 60%; min-width: 0; margin: 0; padding: var(--space-6); background: var(--color-ink); color: var(--color-paper-white); }
.articles-essay__caption > :last-child { margin-bottom: 0; }
.articles-essay__caption .eyebrow { color: var(--color-warm-gold); }
.articles-essay__caption h2 { margin-bottom: var(--space-3); font-size: var(--text-page-title); }
.articles-essay__caption p:last-child { max-width: 32rem; }
.articles-essay__annotation { grid-column: 8 / span 4; z-index: 1; width: 100%; min-width: 0; margin-top: calc(var(--space-10) * -1); padding: var(--space-5); background: var(--color-projector-cream); color: var(--color-ink); box-shadow: var(--shadow-elevation); }
.articles-essay__annotation > :last-child { margin-bottom: 0; }
.articles-essay__emphasis { font-family: var(--font-heading); font-size: var(--text-section); font-style: italic; line-height: 1.15; }
.articles-essay__actions { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }

.articles-culture { background: var(--color-projector-cream); }
.articles-culture__header { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6); }
.articles-culture__header > * { min-width: 0; margin: 0; }
.articles-culture__header p { width: min(100%, 39rem); }
.articles-entry-list--culture .articles-entry { grid-template-columns: minmax(0, 2fr) minmax(0, 4fr) minmax(0, 5fr) minmax(0, 1fr); }
.articles-entry-list--culture .articles-entry:nth-child(2) { border-top-color: var(--color-warm-gold); }

.articles-method__intro { width: min(100%, 43.75rem); margin-inline: auto; }
.articles-lenses { display: grid; grid-template-columns: 1fr; width: min(100%, 43.75rem); margin: var(--space-7) auto 0; }
.articles-lens { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 5fr); gap: var(--space-5); padding-block: var(--space-5); border-top: 1px solid var(--color-border); }
.articles-lens > * { min-width: 0; }
.articles-lens__rail { display: flex; flex-direction: column; gap: var(--space-3); }
.articles-lens__rail small { color: var(--color-steel-gray); max-width: 20rem; }
.articles-lens h3 { margin-bottom: var(--space-2); }
.articles-lens p { margin-bottom: 0; max-width: 37.5rem; }
.articles-lens:last-child { border-bottom: 1px solid var(--color-warm-gold); }

.articles-pathways { padding-block: var(--space-9); }
.articles-pathways__intro { width: min(100%, 38.75rem); margin-inline: auto; text-align: center; }
.articles-pathways__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.articles-pathway { display: flex; flex-direction: column; min-width: 0; min-height: 18rem; gap: var(--space-4); padding: var(--space-5); border: 1px solid var(--color-border-dark); background: var(--color-projector-cream); color: var(--color-ink); text-decoration: none; }
.articles-pathway > * { min-width: 0; margin: 0; }
.articles-pathway > span { color: var(--color-muted-ruby); font-size: var(--text-meta); font-weight: 700; letter-spacing: var(--tracking-meta); text-transform: uppercase; }
.articles-pathway h3 { font-size: var(--text-subheading); }
.articles-pathway b { margin-top: auto; color: var(--color-deep-green); font-size: var(--text-utility); }
.articles-pathway:hover { border-color: var(--color-warm-gold); color: var(--color-ink); }
.articles-pathway:hover b { color: var(--color-muted-ruby); text-decoration: underline; }

.articles-notes__definitions { width: min(100%, 50rem); margin-inline: auto; }
.articles-notes__definitions dl { margin: var(--space-6) 0 0; }
.articles-notes__definitions dl > div { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 6fr); gap: var(--space-5); padding-block: var(--space-4); border-top: 1px solid var(--color-border); }
.articles-notes__definitions dl > div > * { min-width: 0; }
.articles-notes__definitions dt { margin: 0; color: var(--color-muted-ruby); }
.articles-notes__definitions dd { margin: 0; max-width: 31.25rem; }
.articles-notes__action { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); width: min(100%, 50rem); margin: var(--space-7) auto 0; padding: var(--space-5); }
.articles-notes__action > * { min-width: 0; margin: 0; }
.articles-notes__action p { max-width: 31.25rem; }
.articles-notes__action div { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); }

.articles-access { padding: 0 0 var(--space-8); }
.articles-access .container { width: min(100% - (2 * var(--container-gutter)), 75rem); }
.articles-access p { width: min(100%, 43.75rem); margin: 0; padding-top: var(--space-5); border-top: 1px solid var(--color-border); color: var(--color-steel-gray); font-size: var(--text-utility); line-height: var(--leading-utility); }

@media (hover: hover) and (pointer: fine) { .articles-hero__media:hover img { transform: scale(1.02); } }

@media (max-width: 63.99rem) {
  .articles-feature__grid { grid-template-columns: 1fr; }
  .articles-feature__media { grid-row: 1; margin-top: 0; }
  .articles-feature__copy { grid-row: 2; }
  .articles-entry { grid-template-columns: minmax(0, 1fr) minmax(0, 5fr) minmax(0, 6fr); }
  .articles-entry__action { grid-column: 3; justify-self: start; justify-content: flex-start; }
}

@media (max-width: 59.99rem) {
  .articles-entry-list--culture .articles-entry { grid-template-columns: minmax(0, 1fr) minmax(0, 5fr) minmax(0, 6fr); }
  .articles-entry-list--culture .articles-entry__action { grid-column: 3; }
}

@media (max-width: 56.24rem) {
  .articles-hero__container { display: flex; flex-direction: column; gap: 0; }
  .articles-hero__media { aspect-ratio: 16 / 9; }
  .articles-hero__caption { position: static; width: 100%; padding: var(--space-5); }
  .articles-hero__cue { align-self: stretch; justify-content: space-between; padding-top: var(--space-4); border-bottom: 1px solid var(--color-warm-gold); }
  .articles-route { grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); }
  .articles-route__hook { grid-column: 2; }
  .articles-route__action { grid-column: 2; justify-self: start; min-height: 2.75rem; }
  .articles-essay__container { display: flex; flex-direction: column; gap: 0; }
  .articles-essay__container > .chapter-marker { width: 100%; }
  .articles-essay__figure { width: 100%; }
  .articles-essay__caption { position: static; width: 100%; }
  .articles-essay__annotation { width: 100%; margin-top: 0; box-shadow: none; }
}

@media (max-width: 53.74rem) {
  .articles-pathways__grid { grid-template-columns: 1fr; }
  .articles-pathway { min-height: 0; }
}

@media (max-width: 51.24rem) {
  .articles-lens { grid-template-columns: 1fr; gap: var(--space-3); }
  .articles-lens__rail { gap: var(--space-2); }
  .articles-lens__rail small { max-width: 27.5rem; }
  .articles-notes__definitions { width: 100%; }
  .articles-notes__definitions dl > div { grid-template-columns: 1fr; gap: var(--space-2); }
}

@media (max-width: 47.99rem) {
  .articles-hero { padding-block: var(--space-5) var(--space-7); }
  .articles-hero h1 { font-size: clamp(2.625rem, 12vw, 3.5rem); }
  .articles-feature, .articles-cluster, .articles-culture, .articles-method, .articles-notes, .articles-essay, .articles-pathways, .articles-routes { padding-block: var(--space-8); }
  .articles-entry, .articles-entry-list--culture .articles-entry { grid-template-columns: 1fr; gap: var(--space-3); }
  .articles-entry__action, .articles-entry-list--culture .articles-entry__action { grid-column: auto; justify-self: start; }
  .articles-entry__identity strong { font-size: clamp(1.75rem, 7vw, 2rem); }
  .articles-culture__header { padding: var(--space-5); }
  .articles-notes__action div { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 39.99rem) {
  .articles-hero__caption { padding: var(--space-4); }
  .articles-feature__lenses { width: 100%; }
  .articles-route { padding-block: var(--space-4); }
  .articles-route__title { font-size: var(--text-lead); }
  .articles-essay__caption, .articles-essay__annotation { padding: var(--space-4); }
  .articles-essay__caption h2 { font-size: clamp(2.25rem, 10vw, 2.5rem); }
  .articles-pathway { padding: var(--space-4); }
}

@media (prefers-reduced-motion: reduce) { .articles-hero__media img { transition: none; } }