/* Rounded awards panel, using the homepage ITA red palette. */
#home #awards{background:#fff}
#home #awards>.wrap{
 position:relative;isolation:isolate;overflow:hidden;padding:28px 26px 24px;
 border:1px solid #ffffff26;border-top:3px solid #edcb85;border-radius:24px;color:#fff;
 background:radial-gradient(ellipse at 96% 16%,rgba(244,111,139,.27),transparent 52%),radial-gradient(ellipse at 10% 100%,rgba(109,7,32,.32),transparent 60%),linear-gradient(112deg,#8c1029 0%,#ad203c 54%,#c23955 100%);
 box-shadow:0 18px 38px #74132b24;
}
#home #awards>.wrap::before{content:'';position:absolute;z-index:-1;right:-180px;top:-220px;width:620px;height:620px;border:70px solid #ffffff08;border-radius:50%;pointer-events:none}
#home #awards .headrow h2,#home #awards .mini-overline,#home #awards .headrow .lead{color:#fff}
#home #awards .mini-overline::before{background:#f5d395}
#home #awards .headrow .lead{opacity:.85}
#home #awards #awardGrid>.award-card{background:#ffffff0d;border-color:#ffffff35;box-shadow:none}
#home #awards #awardGrid>.award-card:hover{background:#ffffff17;border-color:#ffffff65}
#home #awards .award-body{background:transparent}
#home #awards .award-body h3,#home #awards .award-body p,#home #awards .award-meta{color:#fff}
#home #awards .award-body p,#home #awards .award-meta{opacity:.85}
#home #awards .award-body .chip{background:#ffffff20;color:#fff;border:1px solid #ffffff35}
#home #awards #awardFilters .filter,#home #awards .award-page-arrow,#home #awards .award-page-list button,#home #awards .award-view-all{background:#ffffff12;color:#fff;border:1px solid #ffffff50}
#home #awards #awardFilters .filter.active,#home #awards #awardFilters .filter:hover,#home #awards .award-page-list button.active,#home #awards .award-page-list button[aria-current="page"]{background:#ffffff30;color:#fff;border-color:#ffffff90}
#home #awards .award-page-arrow:hover:not(:disabled),#home #awards .award-view-all:hover{background:#ffffff28;color:#fff;border-color:#ffffff90}
#home #awards .award-pagination-toolbar button:focus-visible,#home #awards #awardFilters button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:767px){#home #awards>.wrap{padding:20px 14px 18px;border-radius:19px}#home #awards .award-pagination-toolbar{flex-wrap:wrap}}

/* Only the award title and a quiet read-more label appear below each cover. */
#home #awards #awardGrid>.award-card .award-body{display:flex;flex-direction:column;gap:8px;height:auto;padding:16px}
#home #awards #awardGrid>.award-card .award-body h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.5;min-height:0;max-height:4.5em;margin:0;color:#fff}
#home #awards .award-read-more{display:block;margin-top:auto;color:#fff;font-weight:300;font-size:14px;line-height:1.5}

/* One sizing method on every screen prevents padding plus aspect-ratio doubling. */
#home #awards #awardGrid>.award-card .award-image{
 position:relative!important;inset:auto!important;display:block!important;box-sizing:content-box!important;
 width:100%!important;height:0!important;min-height:0!important;max-height:none!important;
 padding:56.25% 0 0!important;aspect-ratio:auto!important;flex:0 0 auto!important;overflow:hidden;
}
#home #awards #awardGrid>.award-card .award-image>img{
 position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center;
}
#home #awards #awardGrid>.award-card .award-image>.icon,#home #awards #awardGrid>.award-card .award-image>.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

/* Compact category buttons and white news-style award captions. */
#home #awards #awardFilters{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#home #awards #awardFilters .filter{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;padding:5px 12px;font-family:var(--font);font-size:14px;line-height:1.4;white-space:nowrap;box-sizing:border-box}
#home #awards #awardGrid>.award-card,#home #awards #awardGrid>.award-card:hover{display:flex;flex-direction:column;background:#fff}
#home #awards #awardGrid>.award-card .award-body{flex:1;background:#fff;color:#41363e;font-family:var(--font)}
#home #awards #awardGrid>.award-card .award-body h3{color:#41363e;font-family:var(--font);font-size:15px;font-weight:700;line-height:1.4;max-height:4.2em}
#home #awards #awardGrid>.award-card .award-read-more{color:var(--red,#b5162b);font-family:var(--font);font-size:14px;font-weight:300;opacity:1}
@media(max-width:1100px) and (min-width:768px){#home #awards #awardGrid>.award-card .award-body h3{font-size:13px}}

/* Translucent glass edges with soft inner highlights. */
#home #awards>.wrap{border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 1px 0 0 rgba(255,255,255,.12),0 18px 38px #74132b24}
#home #awards #awardGrid>.award-card{border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 14px #5c102414;background-clip:padding-box}
#home #awards #awardGrid>.award-card:hover{border-color:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 7px 19px #5c10241c}
#home #awards #awardFilters .filter{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
#home #awards #awardFilters .filter.active,#home #awards #awardFilters .filter:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.22)}

/* Stable glass edge on hover and concise award publication details. */
#home #awards #awardGrid>.award-card:hover{border-color:rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 14px #5c102414}
#home #awards #awardGrid>.award-card .award-body h3{-webkit-line-clamp:2;line-clamp:2;max-height:2.8em}
#home #awards .award-post-meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:2px;color:#80737c;font-family:var(--font);font-size:12px;font-weight:400;line-height:1.5}
#home #awards .award-post-meta>span{display:inline-flex;align-items:flex-start;gap:5px;min-width:0;overflow-wrap:anywhere}
#home #awards .award-post-meta .icon{width:14px;height:14px;flex-shrink:0;margin-top:2px}

/* Card borders never appear on pointer hover; keep keyboard focus visible. */
#home #awards #awardGrid>.award-card,#home #awards #awardGrid>.award-card:hover{border-color:transparent!important;box-shadow:none!important}
#home #awards #awardGrid>.award-card:hover:not(:focus-visible){outline:none!important}
#home #awards #awardGrid>.award-card:focus-visible{outline:2px solid #f2cf87;outline-offset:3px}

/* Match the news cards: a gentle cover zoom, with a stable card and no hover border. */
#home #awards #awardGrid>.award-card,#home #awards #awardGrid>.award-card:hover{transform:none!important}
#home #awards #awardGrid>.award-card .award-image>img{transform:scale(1);transition:transform .55s ease}
@media(hover:hover) and (pointer:fine){#home #awards #awardGrid>.award-card:hover .award-image>img{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){#home #awards #awardGrid>.award-card .award-image>img{transition:none;transform:none!important}}

/* No card stroke, inner highlight or pointer-hover outline. */
#home #awards #awardGrid>.award-card,#home #awards #awardGrid>.award-card:hover{border:0!important;box-shadow:none!important}
#home #awards #awardGrid>.award-card:hover::before,#home #awards #awardGrid>.award-card:hover::after{border:0!important;box-shadow:none!important;outline:none!important}
#home #awards #awardGrid>.award-card:hover:not(:focus-visible),body.cms-editing #home #awards #awardGrid>.award-card :hover:not([contenteditable="plaintext-only"]):not(:focus-visible){outline:none!important}

/* Match OBEC Line: lift five pixels and gently enlarge the cover. */
#home #awards #awardGrid>.award-card{transition:transform .25s ease,box-shadow .25s ease}
#home #awards #awardGrid>.award-card .award-image>img{transition:transform .5s ease}
@media(hover:hover) and (pointer:fine){
 #home #awards #awardGrid>.award-card:hover{transform:translateY(-5px)!important;box-shadow:none!important;border:0!important}
 #home #awards #awardGrid>.award-card:hover .award-image>img{transform:scale(1.035)}
}
@media(prefers-reduced-motion:reduce){
 #home #awards #awardGrid>.award-card,#home #awards #awardGrid>.award-card:hover{transform:none!important;transition:none!important}
 #home #awards #awardGrid>.award-card .award-image>img{transform:none!important;transition:none!important}
}

/* Reserve enough space inside the scrolling track for the hover lift. */
#home #awards #awardGrid{padding-top:10px!important;padding-bottom:12px!important}

/* Override the older unrestricted title rule on desktop. */
@media(min-width:768px){
 #home #awards #awardGrid>.award-card .award-body h3{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;line-height:1.4!important;max-height:2.8em!important;min-height:0!important;overflow:hidden!important;text-overflow:ellipsis;white-space:normal!important;overflow-wrap:anywhere}
}

/* Tighter typography only within homepage award cards. */
#home #awards #awardGrid>.award-card .award-body{gap:4px}
#home #awards #awardGrid>.award-card .award-body h3{line-height:1.25!important;max-height:2.5em!important;margin-top:0;margin-bottom:0}
#home #awards #awardGrid>.award-card .award-post-meta{line-height:1.35;row-gap:2px;margin-top:0}
#home #awards #awardGrid>.award-card .award-read-more{line-height:1.3}