/* Lecturers: cards on the training page and the lecturer page */

/* ---------- cards ---------- */
.event-lecturers{ margin-top:72px; }
.event-lecturers > h2{ font-family:var(--serif); color:var(--navy); font-size:clamp(1.5rem,2.6vw,2rem); margin:0 0 28px; }
.lecturer-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,300px)); gap:34px 28px; }
.lecturer-card{ display:block; text-decoration:none; color:inherit; }
.lecturer-card img, .lecturer-card__empty{
  width:100%; aspect-ratio:1/1; object-fit:cover;
  border-radius:0 var(--r-event) 0 var(--r-event);
  background:var(--navy);
  transition:transform .4s cubic-bezier(.19,1,.22,1);
}
.lecturer-card__empty{ display:block; }
.lecturer-card:hover img, .lecturer-card:hover .lecturer-card__empty{ transform:translateY(-5px); }
.lecturer-card h3{ font-family:var(--serif); font-weight:700; font-size:1.14rem; color:var(--navy); margin:20px 0 4px; }
.lecturer-card .role{ font-size:.86rem; color:var(--gold-deep); font-weight:700; margin-bottom:10px; }
.lecturer-card p{ font-size:.92rem; line-height:1.6; color:rgba(31,42,51,.7); margin:0 0 12px; }
.lecturer-card .more{ font-size:.88rem; font-weight:700; color:var(--navy); display:inline-flex; align-items:center; gap:7px; }
.lecturer-card .more svg{ width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s ease; }
.lecturer-card:hover .more svg{ transform:translateX(4px); }

/* ---------- lecturer page ---------- */
.lecturer-profile{ padding-top:72px; }
@media (max-width:640px){ .lecturer-profile{ padding-top:44px; } }
.lecturer-hero{ display:grid; grid-template-columns:minmax(0,320px) 1fr; gap:56px; align-items:center; }
.lecturer-hero__text:only-child{ grid-column:1 / -1; }
.lecturer-hero h1{
  font-family:var(--serif); font-weight:700;
  font-size:clamp(1.9rem,3.6vw,2.9rem); line-height:1.12; letter-spacing:-.012em;
  color:var(--navy); margin:16px 0 10px;
}
.lecturer-hero .role{ font-size:1rem; font-weight:700; color:var(--gold-deep); margin-bottom:18px; }
.lecturer-hero .sub{ font-size:1.04rem; line-height:1.75; color:rgba(31,42,51,.72); max-width:56ch; margin:0; }
.lecturer-bio{ max-width:760px; margin-top:64px; }
@media (max-width:760px){
  .lecturer-hero{ grid-template-columns:1fr; gap:28px; }
  .lecturer-hero__photo{ max-width:280px; }
}