/* Latest news composition matching the supplied reference. */
#home #latest{background:#faf9fa}
#home #latest .headrow{margin-bottom:16px}
#home #latest #newsFilters{gap:6px}
#home #latest #newsFilters .filter{padding:7px 14px;border-radius:7px;border-color:transparent;background:#f3f0f2;color:#76636b;font-size:13px}
#home #latest #newsFilters .filter.active{background:#ac263d;color:#fff;box-shadow:0 3px 10px #a6193415}
#home #latest #newsFilters+div{height:14px!important}
#home #latest .section-bottom-actions{margin-top:10px;text-align:center}
#home #latest .section-view-all{padding:6px 17px;border:1px solid #e4d5dc;background:#fff;color:#9b3247;font-size:13px;box-shadow:none;border-radius:10px}
@media(min-width:768px){
#home #latest #newsGrid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:10px 12px;height:clamp(355px,39vw,460px)!important;min-height:0;align-items:stretch!important}
#home #latest #newsGrid>.news-card{height:100%!important;min-height:0!important;max-height:100%!important;align-self:stretch;box-shadow:none;border:0;transform:none;overflow:hidden}
#home #latest #newsGrid>.news-card:nth-child(n+6){display:none!important}
#home #latest #newsGrid>.news-card:first-child{grid-column:1;grid-row:1/5;display:block;position:relative;isolation:isolate;background:#571729;border-radius:13px}
#home #latest #newsGrid>.news-card:first-child .news-cover{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}
#home #latest #newsGrid>.news-card:first-child .news-cover img,#home #latest #newsGrid>.news-card:first-child .news-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important}
#home #latest #newsGrid>.news-card:first-child .news-cover::after{display:block;content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(24,10,18,.96),rgba(39,9,23,.65) 22%,rgba(74,14,30,.13) 65%,transparent)}
#home #latest #newsGrid>.news-card:first-child .news-cover>.chip{display:none}
#home #latest #newsGrid>.news-card:first-child .news-body{position:absolute;inset:auto 0 0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:20px 22px 18px!important;color:#fff}
#home #latest #newsGrid>.news-card:first-child .news-body-chip{display:inline-flex;background:#a92a40;color:#fff;padding:4px 11px;border-radius:20px;font-size:12px;line-height:1.4}
#home #latest #newsGrid>.news-card:first-child .news-body h3{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2!important;overflow:hidden!important;margin:0;color:#fff;font-size:clamp(19px,1.75vw,25px);line-height:1.45;font-weight:700}
#home #latest #newsGrid>.news-card:first-child .news-body p{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2!important;overflow:hidden;margin:0;color:#e0cfd5;font-size:14px;line-height:1.55}
#home #latest #newsGrid>.news-card:first-child .meta{order:4;gap:12px;color:#ddd1d6;font-size:12px;line-height:1.4;margin-top:2px}
#home #latest #newsGrid .meta .icon{width:12px;height:12px}
#home #latest #newsGrid .news-read{display:none!important}
#home #latest #newsGrid>.news-card:not(:first-child){grid-column:2;display:grid!important;grid-template-columns:clamp(86px,9.5vw,116px) minmax(0,1fr);gap:12px;background:transparent;border-radius:0;align-items:center}
#home #latest #newsGrid>.news-card:not(:first-child) .news-cover{position:relative;inset:auto;width:100%;height:100%;min-height:0;min-width:0;border-radius:10px;overflow:hidden}
#home #latest #newsGrid>.news-card:not(:first-child) .news-cover img,#home #latest #newsGrid>.news-card:not(:first-child) .news-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important}
#home #latest #newsGrid>.news-card:not(:first-child) .news-cover>.chip{display:none}
#home #latest #newsGrid>.news-card:not(:first-child) .news-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0!important;gap:5px;min-width:0;background:transparent}
#home #latest #newsGrid>.news-card:not(:first-child) .news-body-chip{display:inline-flex;padding:1px 5px;background:#f5e9ed;color:#a16a7a;border-radius:4px;font-size:10px;line-height:1.4}
#home #latest #newsGrid>.news-card:not(:first-child) .news-body-chip.blue{background:#f0edf8;color:#8b7ba8}
#home #latest #newsGrid>.news-card:not(:first-child) .news-body-chip.orange{background:#f8f0df;color:#b29357}
#home #latest #newsGrid>.news-card:not(:first-child) .news-body h3{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2!important;overflow:hidden!important;margin:0;color:#41363e;font-size:15px;font-weight:700;line-height:1.4}
#home #latest #newsGrid>.news-card:not(:first-child) .news-body p{display:none!important}
#home #latest #newsGrid>.news-card:not(:first-child) .meta{order:4;margin:0;color:#aaa1a8;font-size:11px;line-height:1.4}
#home #latest #newsGrid>.news-card:not(:first-child) .meta span:last-child{display:none}
#home #latest #newsGrid[data-count="1"]{grid-template-columns:1fr}
#home #latest #newsGrid[data-count="0"]{display:block!important;height:auto!important}
}

/* Fill homepage news covers at every screen size. */
#home #latest #newsGrid .news-cover{position:relative;overflow:hidden;background:#f4edf0}
#home #latest #newsGrid .news-cover>img{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:cover!important;object-position:center}
#home #latest #newsGrid .news-cover>.news-art{width:100%;height:100%;min-height:100%}
@media(min-width:768px){#home #latest #newsGrid>.news-card:first-child .news-cover{position:absolute;inset:0;height:100%;width:100%}}

/* Latest featured news cover uses a true 16:9 frame. */
#home #latest>.wrap{container-type:inline-size}
@media(min-width:768px){
 #home #latest #newsGrid{height:calc((100cqw - 12px) * .53488372 * .5625)!important}
 #home #latest #newsGrid[data-count="1"]{height:calc(100cqw * .5625)!important}
 #home #latest #newsGrid[data-count="0"]{height:auto!important}
 #home #latest #newsGrid>.news-card:first-child{aspect-ratio:16/9;height:auto!important;align-self:start}
 #home #latest #newsGrid>.news-card:first-child .news-cover{aspect-ratio:16/9;height:100%;width:100%}
 #home #latest #newsGrid>.news-card:first-child .news-body{gap:6px;padding:14px 18px!important}
 #home #latest #newsGrid>.news-card:first-child .news-body h3{font-size:clamp(17px,1.55vw,23px)}
 #home #latest #newsGrid>.news-card:first-child .news-body p{font-size:12px;-webkit-line-clamp:1!important}
 #home #latest #newsGrid>.news-card:not(:first-child) .news-body{gap:3px}
 #home #latest #newsGrid>.news-card:not(:first-child) .news-body h3{font-size:13px}
}
@media(max-width:767px){
 #home #latest #newsGrid>.news-card:first-child .news-cover{height:auto!important;min-height:0;aspect-ratio:16/9;width:100%;flex:none}
}

/* Follow the video section's feature/playlist proportions, with a 16:9 lead image. */
#home #latest{overflow-x:clip}
#home #latest>.wrap{width:min(var(--width),calc(100% - 56px));margin-inline:auto}
@media(min-width:851px){
 #home #latest #newsGrid{grid-template-columns:minmax(0,1.88fr) minmax(0,1fr);gap:10px 22px;height:calc((100cqw - 22px) * .65277778 * .5625)!important;max-width:100%;width:100%}
 #home #latest #newsGrid[data-count="1"]{height:calc(100cqw * .5625)!important}
 #home #latest #newsGrid[data-count="0"]{height:auto!important}
 #home #latest #newsGrid>.news-card:first-child .news-body{padding:18px 22px!important;gap:8px}
 #home #latest #newsGrid>.news-card:first-child .news-body h3{font-size:clamp(19px,1.8vw,27px)}
 #home #latest #newsGrid>.news-card:first-child .news-body p{font-size:14px;-webkit-line-clamp:2!important}
 #home #latest #newsGrid>.news-card:not(:first-child){grid-template-columns:clamp(74px,8vw,106px) minmax(0,1fr);gap:10px}
 #home #latest #newsGrid>.news-card:not(:first-child) .news-body h3{font-size:clamp(13px,1.1vw,16px)}
}
@media(min-width:768px) and (max-width:850px){
 #home #latest #newsGrid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px 12px;height:calc((100cqw - 12px) * .53488372 * .5625)!important}
 #home #latest #newsGrid>.news-card:first-child .news-body p{display:none!important}
 #home #latest #newsGrid>.news-card:not(:first-child){grid-template-columns:64px minmax(0,1fr);gap:8px}
 #home #latest #newsGrid>.news-card:not(:first-child) .news-body h3{font-size:12px;-webkit-line-clamp:1!important}
}
@media(min-width:1101px) and (max-height:700px){
 #home #latest>.wrap{max-width:min(var(--width),calc((100svh - 200px) * 2.7234 + 22px))}
 #home #latest #newsGrid>.news-card:first-child .news-body{padding:14px 18px!important;gap:6px}
 #home #latest #newsGrid>.news-card:first-child .news-body p{-webkit-line-clamp:1!important}
}
@media(max-width:767px){
 #home #latest>.wrap{width:calc(100% - 32px)}
 #home #latest #newsGrid{max-width:100%;min-width:0}
}

/* A single story remains compact instead of expanding across the full news section. */
@media(min-width:768px){
 #home #latest #newsGrid[data-count="1"]{display:block!important;width:min(100%,720px,calc((100svh - 220px) * 1.777778))!important;height:auto!important;min-height:0;margin-inline:auto}
 #home #latest #newsGrid[data-count="1"]>.news-card:first-child{display:block;position:relative;width:100%;height:auto!important;max-height:none!important;aspect-ratio:16/9;margin:0}
 #home #latest #newsGrid[data-count="1"]>.news-card:first-child .news-cover{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:16/9}
}
@media(max-width:767px){
 #home #latest #newsGrid[data-count="1"]{display:block!important;width:min(100%,520px)!important;height:auto!important;margin-inline:auto;overflow:visible}
 #home #latest #newsGrid[data-count="1"]>.news-card{width:100%!important;max-width:100%!important;min-width:0;flex:none;margin:0}
 #home #latest #newsGrid[data-count="1"] .news-body p{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
}

/* Every homepage news/award cover uses the same widescreen frame on mobile. */
@media(max-width:767px){
 #home #latest #newsGrid>.news-card .news-cover,
 #home #awards #awardGrid>.award-card .award-image{
  position:relative!important;inset:auto!important;width:100%!important;height:auto!important;
  min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;
  flex:0 0 auto!important;overflow:hidden;
 }
 #home #latest #newsGrid>.news-card .news-cover>img,
 #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 #latest #newsGrid>.news-card .news-cover>.news-art{
  position:absolute;inset:0;width:100%;height:100%;
 }
}

/* Desktop covers: widescreen ratio for featured news, compact news and every award. */
@media(min-width:768px){
 #home #awards #awardGrid>.award-card .award-image{
  position:relative;width:100%;height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:16/9!important;flex:0 0 auto;overflow:hidden;
 }
 #home #awards #awardGrid>.award-card .award-image>img{
  position:absolute;inset:0;display:block;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center;
 }
}

/* Lock desktop award frames to 9/16 of their actual card width. */
@media(min-width:768px){
 #home #awards #awardGrid>.award-card .award-image{
  position:relative;display:block;width:100%;box-sizing:border-box;
  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;width:100%!important;height:100%!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%)}
}
