/* ============================================================
   LATEST FROM PU — News, events and live from campus
============================================================ */
.latest{
  background:#fff;
  padding:5rem 0;
}

.latest-head{ margin-bottom:2.25rem; }
.latest-eyebrow{
  color:#0F0445
  margin-bottom:.6rem;
}
.latest-h{
  line-height:1.22;
  color:#160A4D;
  letter-spacing:-0.02em;
  margin:0;
}
.latest-h .latest-accent{
  background: var(--New, linear-gradient(90deg, #B53C72 0%, #5641E0 100%));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* ---------- 3-card row ---------- */
.latest-row{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1.25rem;
  margin-bottom:1.75rem;
}

.latest-card{
  display:block;
  border-radius: 18.652px;
	border: 1.096px solid #E3DCCB;
	background: #0F0445;
  padding:1.5rem 1.5rem 1.75rem;
  text-decoration:none;
  transition:transform .25s ease, box-shadow .25s ease;
}
a.latest-card:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 40px rgba(18,9,63,.25);
}

.latest-card-cat{
  font-weight:400;
  font-size:16px;
  letter-spacing:.04em;
  color:#fff;
  margin:0 0 .3rem;
}
.latest-card-date{
  font-size:16px;
  color:#A6A6A6;
  margin:0 0 1.1rem;
}
.latest-card-title{
  font-family:var(--font-display);
  font-weight:700;
  font-size: 22px;
  line-height:1.4;
  color:#fff;
  margin:0 0 .9rem;
  padding-bottom:.9rem;
  border-bottom:2px solid #FFC800;
  display:inline-block;
}
.latest-card-desc{
  font-size:16px;
  line-height:1.6;
  color:#fff;
  margin:0;
}

/* ---------- Live-from-campus card ---------- */
.latest-card--live{
  background:#12093f;
}
.latest-live-label{
  font-weight:700;
  font-size:16px;
  letter-spacing:.04em;
  color:#FFC800;
  margin:0 0 .3rem;
}
.latest-live-handle{
  font-family:var(--font-display);
  font-weight:700;
  font-size:22px;
  color:#fff;
  margin:0 0 .3rem;
}
.latest-live-desc{
  font-size:16px;
  color: #A6A6A6;
  margin:0 0 1.1rem;
}
.latest-live-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.6rem;
}
.latest-live-tile{
  aspect-ratio:1/0.6;
  border-radius:8px;
  background:rgba(255,255,255,.14);
  overflow:hidden;
}
.latest-live-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ---------- CTA button ---------- */
.latest-cta-btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  background:#FFC800;
  color:#0F0445;
  font-family:var(--font-display);
  font-weight:800;
  font-size:18px;
  text-decoration:none;
  border-radius:999px;
  padding:.85rem 1.6rem;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  box-shadow:0 8px 20px rgba(255,200,0,.25);
}
.latest-cta-btn:hover{
  background:#ffd633;
  color:#12093f;
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(255,200,0,.32);
}

/* ---------- Responsive ---------- */
@media (max-width:991.98px){
  .latest-row{ grid-template-columns:1fr; }
}
@media (max-width:767.98px){
  .latest-row{ display:flex; flex-direction:column-reverse; }
	.latest-card-title{font-size:20px;}
	.latest-card-cat,.latest-card-date{font-size:14px;}
	.latest-card-desc{color: #A6A6A6; font-size:14px;}
	.latest-cta-btn{font-size:16px;}
}
@media (max-width:575.98px){
  .latest{ padding:3rem 0; }
}