.media-banner-container{height:250px;margin:0 -1.6rem;overflow:hidden;position:relative}.media-banner-wrapper{position:relative}.media-banner-wrapper:before{background:linear-gradient(90deg,#c80064,#ff1fa6 33%,#00b0fa 66%,#82e578);content:"";display:block;filter:blur(48px);height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}.media-banner{display:flex;flex-wrap:nowrap;gap:.8rem;left:50%;padding:2.4rem 0;position:absolute;top:0;transform:translateX(-50%)}.media-banner--item{aspect-ratio:var(--aspect-ratio,1/1);border-radius:2.4rem;flex-shrink:0;height:clamp(135px,25vh,160px);overflow:hidden;position:relative;width:auto}.media-banner--item:nth-child(7n+1){transform:translateY(-2rem)}.media-banner--item:nth-child(7n+2){transform:translateY(3rem)}.media-banner--item:nth-child(7n+3){transform:translateY(-2rem)}.media-banner--item:nth-child(7n+4){height:200px;transform:translateY(0)}.media-banner--item:nth-child(7n+5){transform:translateY(-2rem)}.media-banner--item:nth-child(7n+6){transform:translateY(3rem)}.media-banner--item:nth-child(7n+7){transform:translateY(-2rem)}.media-banner--item img,.media-banner--item video{display:block;height:100%;object-fit:cover;width:100%}@media (min-width:768px){.media-banner--item:nth-child(7n+4){height:380px}.media-banner--item{height:clamp(250px,25vh,380px)}.media-banner-container{height:400px}}