[data-component=media-service-page] section{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:7.5vw 0}@media(min-width:641px){[data-component=media-service-page] section:first-of-type{min-height:calc(100vh - 72px)}}@media(max-width:640px){[data-component=media-service-page] section{padding:12.5vw 0}}[data-component=media-service-page] section:last-of-type{min-height:unset}[data-component=media-service-page] section>.in>div{position:relative;overflow:visible;width:100%}[data-component=media-service-page] .carousel-nav-container{position:relative;width:100%}[data-component=media-service-page] .carousel-nav-container .case-studies-carousel{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4rem,#000 calc(100% - 4rem),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4rem,#000 calc(100% - 4rem),transparent);margin-left:-4rem;margin-right:-4rem}[data-component=media-service-page] .carousel-nav-container .case-studies-carousel .carousel-container{position:relative;width:calc(100% - 4rem);height:100%;margin:0 auto}[data-component=media-service-page] .carousel-nav-container .case-studies-carousel .case-study-item{position:absolute;inset:0;width:100%;background-color:var(--brand-500);transition:transform .25s ease,opacity .25s ease;opacity:0;pointer-events:none;transform:translateX(-200%)}[data-component=media-service-page] .carousel-nav-container .case-studies-carousel .case-study-item.prev{transform:translateX(calc(-100% - 4rem));opacity:.7;z-index:2}[data-component=media-service-page] .carousel-nav-container .case-studies-carousel .case-study-item.current{transform:translateX(0);opacity:1;z-index:3;pointer-events:auto}[data-component=media-service-page] .carousel-nav-container .case-studies-carousel .case-study-item.next{transform:translateX(calc(100% + 4rem));opacity:.7;z-index:2}[data-component=media-service-page] .carousel-nav-container .case-study-logos{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}[data-component=media-service-page] .carousel-nav-container .case-study-logos>*{flex-grow:0;flex-shrink:0}[data-component=media-service-page] .carousel-nav-container .case-study-logos{justify-content:flex-start;margin-right:auto}[data-component=media-service-page] .carousel-nav-container .case-study-logos img{display:block;max-height:1rem}[data-component=media-service-page] .carousel-nav-container .carousel-nav>*{padding:8px 16px;cursor:pointer;pointer-events:auto}