/* P260 - Restore photographic Hall of Pride cards ON HOME ONLY.
   The full awards listing, ordering, modal, filters and menu do not change. */
.school-site-body .pride-section.p258-home-awards .pride-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:16px!important;
}
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile,
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile.featured{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
  background:#fff!important;
  border:1px solid rgba(222,237,230,.95)!important;
  border-radius:17px!important;
  box-shadow:0 9px 22px rgba(2,31,23,.10)!important;
  overflow:hidden!important;
  grid-column:auto!important;
  color:#183e32!important;
  transition:transform .2s ease, box-shadow .2s ease;
}
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 14px 30px rgba(2,31,23,.17)!important;
}
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile .prize-thumb,
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile .prize-icon{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/10!important;
  border:0!important;
  border-radius:0!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  background:#e9f3ef!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:52px!important;
}
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile .prize-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile .pride-copy,
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile.featured .pride-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:14px 16px 18px!important;
  min-height:130px!important;
  flex:1 1 auto!important;
}
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile .pride-copy h3,
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile.featured .pride-copy h3{
  margin:0!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  font:800 clamp(14px,1.2vw,17px)/1.5 Sarabun,Arial,sans-serif!important;
  color:#123d31!important;
}
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile .prize-meta{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  width:100%!important;
  color:#496858!important;
  font-size:13px!important;
}
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile .prize-meta span{
  display:block!important;
  width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile>.prize-chevron{display:none!important}
/* The original hidden image and descriptive nodes stay available to the reader popup. */
.school-site-body .pride-section.p258-home-awards .pride-card.prize-tile [hidden]{display:none!important}
@media(max-width:1080px){
 .school-site-body .pride-section.p258-home-awards .pride-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
@media(max-width:600px){
 .school-site-body .pride-section.p258-home-awards .pride-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:13px!important;
 }
 .school-site-body .pride-section.p258-home-awards .pride-card.prize-tile .prize-thumb,
 .school-site-body .pride-section.p258-home-awards .pride-card.prize-tile .prize-icon{
  aspect-ratio:16/9!important;
 }
 .school-site-body .pride-section.p258-home-awards .pride-card.prize-tile .pride-copy{
  min-height:0!important;padding:12px 14px 15px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .school-site-body .pride-section.p258-home-awards .pride-card.prize-tile{transition:none!important}
}