/* ===========================================================
   TRIBUTE CARD — shaded background, compact spacing
=========================================================== */
.tribute-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 50px;                 /* ⬅ was 20px */
  max-width: 1000px;
  width: 94%;
  min-height: 260px;
  margin: 20px auto;
  padding: 25px;        /* ⬅ was 25px */
  border-radius: 12px;
 
  overflow: hidden;
}

.tribute{
    background: url("../images/ball.jpg") center/cover no-repeat;
   box-shadow: 6px 6px  6px 6px #003066b5;
}



/* dark overlay */
.tribute-box::before{
  content:"";
  position:absolute;
  inset:0;
  /* border-radius:12px; */
  z-index:-1;
    background:rgba(255, 254, 254, 0.794);

}

/* make children sit above overlay */
.tribute-card > * { position: relative; z-index: 1; }

/* portrait */
.tribute-card img{
  width:130px;               /* ⬅ was 140 */
  height:165px;              /* ⬅ was 180 */
  object-fit:cover;
  border:4px solid white;  /* thinner border */
  border-radius:10px;
}

/* text box */
.tribute-box{
  flex:1;                    /* use remaining width */
  max-width:680px;           /* ⬅ narrower than before */
  padding:18px 20px;         /* ⬅ was 5% */
  border:2px solid #002c5fbe;
  border-radius:10px;
  background:rgba(247, 245, 245, 0.15);
  box-sizing:border-box;

}

/* headings & copy */
.tribute-card h2{
  margin:0 0 8px;
  font-size:1.4rem;          /* ⬅ slightly smaller */
  color: #002C5F;
;
}
.tribute-card p{
  margin:0;
  font-size:.95rem;
  line-height:1.45;
  color : #000000;
  font-weight:500;
}
.tribute-card p span{
  
  font-weight:600;
}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  .tribute-card img{width:110px;height:150px;}
  .tribute-card h2{font-size:1.15rem;}
  .tribute-card p{font-size:.9rem;}
}

@media(max-width:768px){
  .tribute-card{gap:12px;padding:15px;}
  .tribute-card img{width:100px;height:135px;}
  .tribute-card h2{font-size:1.05rem;}
  .tribute-card p{font-size:.85rem;}
}

@media(max-width:480px){
  .tribute-card{flex-direction:row;align-items:center; }
  .tribute-card img{width:120px;height:150px;margin-bottom:12px;min-height: 160px;
  }
  .tribute-box{padding:18px 16px;}
  .tribute-card h2{font-size:.95rem;}
  .tribute-card p{font-size:.62rem;}
}