/* ==========================================================================
   awards.css, award recognition band (trophies + plaques)
   ========================================================================== */
.tt-awards{background:var(--tt-navy); color:#fff; padding:var(--tt-section-y) 0;}
.tt-awards__inner{max-width:var(--tt-maxw); margin:0 auto; padding-inline:var(--tt-gutter);}
.tt-awards__grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,64px); align-items:center;}

.tt-awards__head h2{font-size:clamp(1.9rem,3.6vw,2.6rem); color:#fff; margin-bottom:.8rem;}
.tt-awards__head p{color:rgba(255,255,255,.82); font-size:1.05rem; margin-bottom:1.8rem;}

/* Trophy year badges */
.tt-trophies{display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
.tt-trophy{
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16);
  border-radius:16px; padding:1.1rem 1.3rem; display:flex; align-items:center; gap:.9rem; min-width:0;
}
.tt-trophy__icon{
  flex:none; width:46px; height:46px; border-radius:50%; display:grid; place-items:center;
  background:linear-gradient(135deg, var(--tt-yellow), var(--tt-orange));
}
.tt-trophy__icon svg{width:26px; height:26px; fill:#fff;}
.tt-trophy__year{display:block; font-family:var(--tt-display); font-weight:800; font-size:1.25rem; color:#fff; line-height:1;}
.tt-trophy__what{display:block; font-size:.82rem; color:rgba(255,255,255,.8); font-weight:700; margin-top:.2rem;}

/* Plaque photos */
/* align-items must not be stretch: it would scale a plaque's height to match its
   taller sibling and distort the photo. The white frame is a box-shadow ring rather
   than a border so it can't shrink the content box and skew the aspect ratio. */
.tt-plaques{display:flex; gap:1.2rem; justify-content:center; align-items:flex-start;}
.tt-plaques img{
  width:46%; height:auto; border-radius:12px;
  box-shadow:0 0 0 4px #fff, 0 16px 34px rgba(0,0,0,.35);
}
.tt-plaques img:nth-child(1){transform:rotate(-4deg);}
.tt-plaques img:nth-child(2){transform:rotate(3deg); margin-top:1.2rem;}

@media (max-width:860px){
  .tt-awards__grid{grid-template-columns:1fr; gap:2.4rem;}
  .tt-plaques{max-width:420px; margin-inline:auto;}
}
/* Below ~480px a 2-up trophy wraps "Best Child Care" onto three lines, so go full-width. */
@media (max-width:480px){
  .tt-trophies{grid-template-columns:1fr;}
}