/* ============================================================
   JONTY RHODES — SEASON 1 JERSEY REVEAL GALLERY
   Six franchise reveal portraits, styled to match the site's
   navy / gold franchise-card language.
============================================================ */

.jr-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:26px;
}
@media (max-width:1000px){ .jr-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .jr-grid{ grid-template-columns:1fr; } }

.jr-card{
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid rgba(223,161,32,0.22);
  background:var(--bg-soft);
  box-shadow:0 14px 34px -20px rgba(10,31,68,0.5);
  transition:box-shadow .5s var(--ease), border-color .5s var(--ease), transform .5s var(--ease);
}
.jr-card:hover{
  border-color:rgba(223,161,32,0.6);
  box-shadow:0 26px 60px -18px rgba(2,8,22,0.6), 0 0 40px -8px rgba(223,161,32,.35);
  transform:translateY(-4px);
}

.jr-photo{
  position:relative;
  aspect-ratio:3/4;
  overflow:hidden;
}
.jr-photo img:first-child{
  width:100%; height:100%; object-fit:cover; object-position:top center;
  display:block;
  transition:transform .7s var(--ease);
}
.jr-card:hover .jr-photo img:first-child{ transform:scale(1.06); }
.jr-photo-fade{
  position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 40%, rgba(4,10,24,0.15) 65%, rgba(4,10,24,0.92) 100%);
  pointer-events:none;
}
.jr-crest{
  position:absolute; top:14px; right:14px; z-index:2;
  width:44px; height:44px; border-radius:50%; object-fit:cover;
  border:2px solid rgba(223,161,32,0.6);
  background:#0A1F44;
  box-shadow:0 8px 20px -6px rgba(0,0,0,.6);
}

.jr-copy{
  position:absolute; left:18px; right:18px; bottom:16px; z-index:2;
  display:flex; flex-direction:column; gap:2px;
}
.jr-city{
  font-family:'Inter',sans-serif; font-size:10px; font-weight:700;
  letter-spacing:.24em; text-transform:uppercase;
  color:var(--gold-soft);
}
.jr-copy h4{
  font-size:clamp(22px, 3.4vw, 28px);
  color:#fff;
  line-height:1.05;
}

@media (prefers-reduced-motion:reduce){
  .jr-card, .jr-photo img:first-child{ transition:none !important; }
}