.article-carousel{padding:64px 0 56px;position:relative}.article-carousel__grid{display:flex;flex-flow:column;overflow:hidden}.article-carousel__background{width:100%;height:calc(100% - 344px);position:absolute;left:0;top:0;display:block!important;z-index:-1}.article-carousel__heading h2{line-height:1;margin:0;font-size:5.6rem}.article-carousel__heading p{line-height:1;margin:3rem 0 0;max-height:1em;font-size:2rem}.article-carousel__item{aspect-ratio:.7;padding:24px 32px 24px 24px}.play-hub-article-card .article-carousel__item{aspect-ratio:.7}.article-carousel__item__content{height:100%;display:flex;flex-flow:column}.article-carousel__item__image{aspect-ratio:1;margin:0 auto;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;z-index:-1}.article-carousel__item__image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:10px}.article-carousel__item__image__gradient{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(#000000ad,#0000006e,#0000);display:block!important;border-radius:10px 10px 0 0}.article-carousel__item__tags{font-size:1.8rem;line-height:1;color:#fff;text-transform:uppercase}.article-carousel__item__title{margin:16px 0 0}.article-carousel__item__title{text-decoration:none;font-size:3.2rem;font-family:var(--font-body-family);line-height:1.2;color:#fff;letter-spacing:0}.article-carousel__item__spacer{display:block!important;height:1px;width:100%;background-color:#fff;opacity:.5;margin-top:auto}.article-carousel__content .btn{margin-top:20px;padding:15px 16px}.page-width.article-carousel__grid a{text-decoration:none;display:block;z-index:99}.swiper-slide:hover .article-carousel__item__image img{transform:scale(1.03)}.article-carousel__item__image{overflow:hidden;border-radius:var(--card-corner-radius)}.article-carousel__item__image{background:#000}.article-carousel .swiper-container{padding:10px 0;text-decoration:none}.article-carousel .swiper-container:has(.play-hub-article-card){padding:10px 15px}.swiper-slide .article-carousel__item__image img{opacity:.53;transition:.2s ease-out}.swiper-slide:hover .article-carousel__item__image img{opacity:.43}.article-carousel__content .swiper-slide{transition:.15s ease-out;transition-property:opacity,outline-color;border-radius:var(--card-corner-radius);min-height:300px}.article-carousel__content .swiper-slide .article-carousel__item__content{transition:.15s ease-out;transition-property:opacity,outline-color}.article-carousel__content:has(:focus-visible) .swiper-slide .article-carousel__item__content{opacity:.5}.article-carousel__content .swiper-slide:has(:focus-visible) .article-carousel__item__content{opacity:1}.article-carousel__content .swiper-slide a:focus{outline-offset:-10px;border-radius:28px;outline-color:#fff}.article-carousel__content .play-hub-article-card .article-carousel__item{display:flex;flex-direction:column}.article-carousel__content .play-hub-article-card .article-carousel__item__image{position:relative;width:95%;height:180px;z-index:1;border-radius:10px 10px 0 0}.article-carousel__content a.btn.btn--filled-white.card-button{border-width:0px;position:absolute;bottom:30px;height:initial;padding:0 32px}.play-hub-article-card .article-carousel__item{padding:24px}.play-hub-article-card .article-carousel__item__content{padding:1.4rem;height:inherit}.play-hub-article-card .article-carousel__item__content .card__tags{font-family:var(--font-heading-heading);font-size:1.4rem}.play-hub-article-card .article-carousel__item__content .article-carousel__item__title{font-family:var(--font-heading-family-black);font-size:1.7rem}.play-hub-article-card .article-carousel__item__image img,.play-hub-article-card .article-carousel__item__image{border-radius:0}.swiper-slide.play-hub-article-card .article-carousel__item__image img{opacity:1}.play-hub-article-card .article-carousel__item__content .btn{padding:0 15px;position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:max-content}@media (max-width: 990px){.article-carousel__background{height:calc(100% - 240px)}.article-carousel__heading h2{font-size:3.2rem}.article-carousel__item__tags{font-size:1.6rem}.article-carousel__item__title{font-size:2.4rem}.play-hub-article-card .article-carousel__item{aspect-ratio:.6;padding:12px}}@media (max-width: 550px){.article-carousel .swiper-container:has(.play-hub-article-card){padding:10px 5px}}
/*# sourceMappingURL=/s/files/1/2992/1628/t/916/assets/section-carousel-articles.css.map */