.csm-metro-news-wrap{--csm-metro-news-h:clamp(31.1rem,72vh,46.8rem);height:var(--csm-metro-news-h);position:relative}.csm-metro-news{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:var(--csm-metro-news-h);height:var(--csm-metro-news-h);max-height:var(--csm-metro-news-h);gap:0;min-height:0;margin:0;padding:0;display:grid}.csm-metro-news__item{height:var(--csm-metro-news-h);min-height:var(--csm-metro-news-h);max-height:var(--csm-metro-news-h);min-width:0;color:inherit;grid-template:1fr/1fr;text-decoration:none;display:grid;position:relative;overflow:hidden}.csm-metro-news__img,.csm-metro-news__item>[role=presentation]{object-fit:cover;object-position:center center;grid-area:1/1;width:100%;max-width:none;height:100%;min-height:0;max-height:none;transition:transform .4s}.csm-metro-news__overlay{z-index:1;text-align:left;padding:clamp(var(--space-3),2vw,var(--space-4));pointer-events:none;background:linear-gradient(rgba(0,0,0,.05) 50%,rgba(0,0,0,.9) 100%);flex-direction:column;grid-area:1/1;justify-content:flex-end;align-items:flex-start;display:flex}.csm-metro-news__item:hover .csm-metro-news__img{transform:scale(1.04)}.csm-metro-news__date{color:rgba(255,255,255,.85);margin-bottom:var(--space-2);font-size:.75rem}.csm-metro-news__title{font-family:var(--font-display),var(--font-family-display);text-transform:uppercase;color:#fff;max-width:22rem;margin:0;font-size:max(.9rem,min(1.2vw,1.2rem));font-weight:600;line-height:1.18}.csm-metro-news__dots{display:none}@media (max-width:960px){.csm-metro-news-wrap{--csm-metro-news-h:clamp(18rem,45.5vh,27.75rem)}.csm-metro-news{height:var(--csm-metro-news-h);max-height:var(--csm-metro-news-h);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;min-height:0;display:flex;overflow-x:auto}.csm-metro-news::-webkit-scrollbar{display:none}.csm-metro-news__item{height:var(--csm-metro-news-h);min-height:var(--csm-metro-news-h);max-height:var(--csm-metro-news-h);scroll-snap-align:start;flex:0 0 100%}.csm-metro-news__dots{left:0;right:0;bottom:var(--space-3);pointer-events:none;justify-content:center;gap:.5rem;display:flex;position:absolute}.csm-metro-news__dot{cursor:pointer;pointer-events:auto;background:rgba(255,255,255,.45);border:none;border-radius:999px;width:.5rem;height:.5rem;padding:0;transition:width .25s,background .25s}.csm-metro-news__dot.is-active{background:var(--color-gold);width:1.25rem}.csm-metro-news__overlay{padding-bottom:calc(var(--space-6) + .5rem)}}
