/* ---------- BROKER RECOGNITION AWARD (static) ---------- */
.award-section{
  position:relative;
  background:#000;
}
.award-sticky{
  display:flex;
  align-items:center;
  padding:clamp(3rem, 8vw, 6rem) clamp(2rem, 9vw, 11rem);
}
.award-inner{
  width:100%;
  max-width:1500px;
  margin:0 auto;
}

.award-header{
  text-align:center;
  margin-bottom:clamp(2.5rem, 6vw, 4.5rem);
}
.award-eyebrow{
  font-family:var(--font-display);
  font-style:italic;
  font-size:clamp(1rem, 1.6vw, 1.3rem);
  color:var(--text-muted);
  margin-bottom:0.9rem;
}
.award-heading{
  font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(1.9rem, 5vw, 3.6rem);
  line-height:1.15;
  color:var(--white);
}

.award-body-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2.5rem;
  align-items:center;
}
@media(min-width:900px){
  .award-body-grid{grid-template-columns:1.3fr 1fr;gap:3.5rem;}
}
@media(max-width:899px){
  /* Desktop's grid puts text first, image second in the markup (so screen
     readers hit the text before the image regardless of viewport) — once
     stacked on mobile, flip the visual order so the image reads first. */
  .award-image-wrap{order:-1;}

  .award-sticky{
    padding:3rem 1.5rem;
  }
  .award-header{margin-bottom:0.9rem;}
  .award-eyebrow{font-size:0.82rem;margin-bottom:0.4rem;}
  .award-heading{font-size:1.4rem;}
  .award-body-grid{gap:0.9rem;}
  .award-text-col{gap:0.65rem;}
  .award-text{font-size:0.74rem;line-height:1.5;}
  .award-image{max-width:90px;}
}

.award-text-col{
  display:flex;
  flex-direction:column;
  gap:1.4rem;
}
.award-text{
  font-family:var(--font-body);
  font-size:clamp(0.95rem, 1.2vw, 1.08rem);
  line-height:1.85;
  color:var(--white);
}
.award-text strong{font-weight:600;color:var(--accent-light);}

.award-image-wrap{
  display:flex;
  justify-content:center;
}
.award-image{
  width:100%;
  max-width:340px;
  display:block;
  filter:drop-shadow(0 25px 45px rgba(0,0,0,0.55));
}
@media(min-width:900px){
  .award-image{max-width:100%;}
}