/* =====================================================================
   1417 — Home Page "Articles" block. Configurable module (rp_articles):
   eyebrow + title + sub-text, then a row of admin-picked article cards
   (image, category, title, excerpt, labelled link). Loaded via addStyle().
   ===================================================================== */
.rp-articles { --red:#db0f16; --red-dark:#b50c12; --ink:#1c1c1c; --muted:#6d6d6d;
  --line:#e5e1d9; --soft:#8a8a8a; --bg:#faf8f4;
  font-family:'Outfit',sans-serif; margin:34px 0; color:var(--ink);
  background:var(--bg); border-radius:16px; padding:48px 44px; }
.rp-articles * { box-sizing:border-box; }

/* header (left aligned) */
.rp-articles__head { max-width:640px; margin:0 0 30px; }
.rp-articles__eyebrow { display:block; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin:0 0 14px; }
.rp-articles__title { margin:0; font-size:clamp(28px,3.2vw,40px); font-weight:800; line-height:1.08; letter-spacing:-.02em; }
.rp-articles__subtext { margin:14px 0 0; font-size:16px; line-height:1.55; color:var(--muted); max-width:52ch; }

/* grid of cards */
.rp-articles__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }

.rp-articles__card { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--bg); }

.rp-articles__thumb { display:block; aspect-ratio:16/11; background:#efeae1; overflow:hidden; }
.rp-articles__thumb img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
a.rp-articles__thumb:hover img { transform:scale(1.04); }

.rp-articles__body { display:flex; flex-direction:column; padding:18px 18px 20px; flex:1 1 auto; }
.rp-articles__cat { font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--soft); margin:0 0 10px; }
.rp-articles__card-title { margin:0 0 10px; font-size:19px; font-weight:800; line-height:1.2; letter-spacing:-.01em; }
.rp-articles__card-title a { color:inherit; text-decoration:none; }
.rp-articles__card-title a:hover { color:var(--red); }
.rp-articles__excerpt { margin:0 0 16px; font-size:14px; line-height:1.55; color:var(--muted); }

.rp-articles__link { margin-top:auto; align-self:flex-start; display:inline-flex; align-items:center; gap:8px;
  font-size:14px; font-weight:700; color:var(--ink); text-decoration:none; }
.rp-articles__link:hover { color:var(--red); }
.rp-articles__arrow { transition:transform .15s ease; }
.rp-articles__link:hover .rp-articles__arrow { transform:translateX(3px); }

/* responsive: 4 -> 2 -> 1 */
@media (max-width:1000px){ .rp-articles__grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .rp-articles { padding:32px 22px; } }
@media (max-width:560px){
  .rp-articles__grid { grid-template-columns:1fr; }
  .rp-articles__title { font-size:26px; }
}