/* ==========================================================================
   RESEARCH INDEX
   One hero, one list. The article is a set plate with a clay cover: the same
   material as every other card on the site, at the scale of a publication.
   ========================================================================== */
.rs-hero{padding-block:clamp(96px,13vh,168px) clamp(72px,9vh,120px)}
.rs-hero h1{max-width:16ch;font-size:clamp(44px,6.2vw,84px);line-height:1.0;letter-spacing:-.04em}
.rs-hero h1 .c{color:var(--clay-display)}
.rs-hero .lead{max-width:46ch;margin-top:clamp(22px,2.4vw,30px)}

.rs-lbl{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  margin-bottom:clamp(14px,1.6vw,20px)}
.rs-lbl .l{font-family:var(--mono);font-size:var(--mono-m1-size);font-weight:var(--mono-m1-weight);
  letter-spacing:var(--mono-m1-track);text-transform:uppercase;color:var(--mute)}
.rs-lbl .r{font-family:var(--mono);font-size:var(--mono-m2-size);letter-spacing:var(--mono-m3-track);
  color:var(--mute);text-align:right}

.rs-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:stretch;
  border:var(--hair) solid var(--line);border-radius:var(--r-3);background:var(--bg-1);
  box-shadow:var(--lift-sm);overflow:hidden;color:inherit;
  transition:transform var(--m-2) var(--e-out),border-color var(--m-2) var(--e-fast),
             box-shadow var(--m-2) var(--e-fast)}
.rs-card:hover{transform:translateY(-3px);border-color:var(--clay-line);box-shadow:var(--lift)}

.rs-cover{position:relative;display:flex;align-items:flex-end;min-height:clamp(210px,24vw,300px);
  padding:clamp(24px,2.6vw,36px);
  background:linear-gradient(158deg,var(--clay-display) 0%,var(--clay-brand) 62%,#8A4029 100%);
  overflow:hidden}
.rs-cover::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 68% 54% at 26% 18%,rgba(255,255,255,.16),transparent 68%)}
.rs-tick{position:absolute;left:0;right:0;top:clamp(18px,2vw,26px);height:9px;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.30) 0 1px,transparent 1px 26px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.rs-ct{position:relative;z-index:2;display:block;color:#FFF7F4;
  font-size:clamp(26px,2.9vw,40px);font-weight:var(--w-display);line-height:1.06;letter-spacing:-.03em}
.rs-ct i{font-style:normal;color:#FFFFFF}

.rs-body{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(20px,2.4vw,32px);
  padding:clamp(24px,2.6vw,36px)}
.rs-dek{display:block;font-size:clamp(16px,1.35vw,18.5px);line-height:1.55;color:var(--mute)}
.rs-meta{display:flex;align-items:center;gap:12px;padding-top:clamp(16px,1.8vw,22px);
  border-top:var(--hair) solid var(--line)}
.rs-av{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;
  border:var(--hair) solid var(--line)}
.rs-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.rs-who b{font-size:13.5px;font-weight:600;letter-spacing:-.012em;color:var(--ink)}
.rs-who em{font-style:normal;font-family:var(--mono);font-size:var(--mono-m2-size);
  font-weight:var(--mono-m2-weight);letter-spacing:var(--mono-m2-track);text-transform:uppercase;
  color:var(--mute)}
.rs-read{margin-left:auto;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font-family:var(--mono);font-size:var(--mono-m1-size);font-weight:var(--mono-m1-weight);
  letter-spacing:var(--mono-m1-track);text-transform:uppercase;color:var(--accent)}
.rs-read svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;
  transition:transform var(--m-2) var(--e-out)}
.rs-card:hover .rs-read svg{transform:translateX(3px)}

@media(max-width:820px){
  .rs-card{grid-template-columns:1fr}
  .rs-cover{min-height:clamp(160px,38vw,220px)}
}
@media(max-width:560px){
  .rs-meta{flex-wrap:wrap;row-gap:14px}
  .rs-read{margin-left:0;width:100%}
}