/* =========================================================================
   MS INTERIOR — JOURNAL (editorial magazine)
   ========================================================================= */
.jr-hero { padding-top: calc(var(--nav-h) + clamp(3rem,9vw,7rem)); padding-bottom: clamp(2rem,5vw,3.5rem); }
.jr-hero__row { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; flex-wrap: wrap; }
.jr-hero h1 { font-family: var(--serif); font-weight: 500; line-height: 0.9; font-size: var(--step-5); letter-spacing: -0.02em; }
.jr-hero__sub { max-width: 34ch; color: var(--warm-grey); }

/* Featured lead article */
.jr-lead { display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(2rem,5vw,4rem); align-items: center; padding-block: clamp(2rem,5vw,3.5rem);
  border-top: 1px solid color-mix(in srgb,var(--charcoal) 15%, transparent); }
.jr-lead__media { aspect-ratio: 16/11; overflow: hidden; background: var(--ivory-2); }
.jr-lead__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.jr-lead:hover .jr-lead__media img { transform: scale(1.04); }
.jr-lead__cat { font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); font-weight: 600; }
.jr-lead__title { font-family: var(--serif); font-weight: 500; font-size: var(--step-4); line-height: 1; margin: 1rem 0; }
.jr-lead__excerpt { color: var(--warm-grey); font-size: var(--step-1); max-width: 44ch; }
.jr-lead__meta { margin-top: 1.6rem; font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--concrete); }
@media (max-width: 800px){ .jr-lead { grid-template-columns: 1fr; } }

/* Article grid */
.jr-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: clamp(2.5rem,4vw,3.5rem) clamp(1.4rem,3vw,2.6rem); padding-block: clamp(3rem,6vw,5rem); }
.jr-card { display: block; }
.jr-card__media { aspect-ratio: 4/3; overflow: hidden; background: var(--ivory-2); margin-bottom: 1.1rem; }
.jr-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease); }
.jr-card:hover .jr-card__media img { transform: scale(1.05); }
.jr-card__top { display: flex; justify-content: space-between; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--concrete); margin-bottom: 0.6rem; }
.jr-card__top .cat { color: var(--accent); font-weight: 600; }
.jr-card__title { font-family: var(--serif); font-weight: 500; font-size: var(--step-2); line-height: 1.05; }
.jr-card__excerpt { color: var(--warm-grey); margin-top: 0.6rem; font-size: var(--step-0); }
.jr-card__link { margin-top: 1rem; }
@media (max-width: 900px){ .jr-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .jr-grid { grid-template-columns: 1fr; } }