.news-section{clip-path:polygon(0 4px,100% 50px,100% 100%,0 100%);background-color:#ececec;margin-top:-50px;padding:250px 15px 3rem;position:relative}@media screen and (min-width:500px){.news-section{clip-path:polygon(0 0,100% 50px,100% 100%,0 100%);padding-left:40px;padding-right:40px}}.news-section .section-heading__title{margin-top:1vw}.news-section .wrapper{flex-direction:row;gap:35px;width:100%;margin-bottom:120px;display:flex}@media screen and (max-width:900px){.news-section .wrapper{flex-direction:column}}
.news{flex-grow:1;width:0}@media screen and (max-width:900px){.news{width:100%}}.news .news-card__special{justify-content:center;align-items:center;gap:1rem;display:flex}.news .news-card__special .news-card__title{padding-top:15px}@media screen and (max-width:1200px){.news .swiper .swiper-button-next,.news .swiper .swiper-button-prev{top:9vw}}@media screen and (max-width:900px){.news .swiper .swiper-button-next,.news .swiper .swiper-button-prev{top:13vw}}@media screen and (max-width:660px){.news .swiper .swiper-button-next,.news .swiper .swiper-button-prev{top:19vw}}@media screen and (max-width:460px){.news .swiper .swiper-button-next,.news .swiper .swiper-button-prev{top:40vw}}.news .swiper .swiper-button-next,.news .swiper .swiper-button-prev{top:7.5vw}
.news-card{color:#000;text-decoration:none}.news-card__illustration{object-fit:cover;aspect-ratio:1;width:100%;height:auto;margin-bottom:25px}.news-card__title{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin-bottom:15px;font-size:1.6rem;font-weight:600;display:-webkit-box;overflow:hidden}@media screen and (max-width:1200px){.news-card__title{font-size:1.3rem}}.news-card__content{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;line-height:1.6rem;display:-webkit-box;overflow:hidden}.news-card:hover .news-card__title{text-decoration:underline}
.carousel{aspect-ratio:1;max-width:26vw;overflow:hidden}@media screen and (max-width:900px){.carousel{width:100%;max-width:440px;margin:auto}}.carousel .swiper .swiper-button-prev,.carousel .swiper .swiper-button-next{opacity:0}.carousel .swiper:hover .swiper-button-prev,.carousel .swiper:hover .swiper-button-next{opacity:1}
.carousel-element{width:100%;height:100%;overflow:hidden}.carousel-element__illustration{aspect-ratio:1;object-fit:cover;object-position:center;width:100%;height:100%}
.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
@media screen and (min-width:500px){.discover-section__heading-container{clip-path:polygon(0 40px,100% 0,100% 100%,0 100%)}}@media screen and (min-width:1400px){.discover-section__heading-container{clip-path:polygon(0 40px,100% 0,100% 100%,0 100%)}}.discover-section__heading-container{clip-path:polygon(0 20px,100% 0,100% 100%,0 100%);background-color:#0f0f0f;padding-bottom:3rem}@media screen and (max-width:1000px){.discover-section__heading-container .section-heading__background-title{top:-300px}}@media screen and (max-width:720px){.discover-section__heading-container .section-heading__background-title{top:-150px}}.discover-section__heading-container .section-heading__background-title{position:relative;top:-3vw}.discover-section__heading-container .section-heading__title{color:#ccd6df;border-color:#ccd6df;margin:-100px 40px 0}.discover-section{min-height:600px;margin-top:-70px;position:relative}@media screen and (max-width:500px){.discover-section .wrapper{padding-left:15px;padding-right:15px}}.discover-section .wrapper{background-color:#0f0f0f;flex-flow:wrap;align-items:flex-start;gap:35px;width:100%;margin-top:-2px;margin-bottom:-8rem;padding-bottom:23rem;padding-left:40px;padding-right:40px;display:flex}
.homepage-rating{background:#fff;width:100%}.homepage-rating .swiper{width:100%;height:245px;margin-left:auto;margin-right:auto}@media screen and (max-width:510px){.homepage-rating .swiper{height:190px}}.homepage-rating .swiper .swiper-grid-column>.swiper-wrapper{display:grid}.homepage-rating .swiper-slide{background:#fff;font-size:18px;display:flex;height:50%!important}.homepage-rating .swiper-slide:nth-of-type(2n) .rating-element:after{display:none}.homepage-rating .swiper-grid-column>.swiper-wrapper{justify-content:center}.homepage-rating__heading{text-align:center;text-transform:uppercase;flex-direction:row;justify-content:center;align-items:center;gap:50px;width:100%;padding:25px 25px 0;font-family:TerminalGrotesk,serif;display:flex}@media screen and (max-width:690px){.homepage-rating__heading{flex-direction:column;gap:0}}.homepage-rating__heading h2{font-size:5.2rem}@media screen and (max-width:1500px){.homepage-rating__heading h2{font-size:4rem}}@media screen and (max-width:860px){.homepage-rating__heading h2{font-size:3rem}}.homepage-rating__heading p{font-size:3rem}@media screen and (max-width:1500px){.homepage-rating__heading p{font-size:2rem}}@media screen and (max-width:860px){.homepage-rating__heading p{font-size:1.5rem}}.homepage-rating__heading span{font-family:TerminalGrotesk-Open,serif}.homepage-rating__bottom-link{text-align:center;text-transform:uppercase;color:#0f0f0f;width:100%;margin-top:-12px;padding:20px 0;font-family:TerminalGrotesk-Open,serif;font-size:2.2rem;line-height:2.1rem;text-decoration:none;display:block}@media screen and (max-width:540px){.homepage-rating__bottom-link{font-size:1.5rem}}.homepage-rating__bottom-link:hover{color:#fff;background:#7c7c7c}
.rating-element{flex-direction:row;align-items:center;width:100%;padding:8px 0;display:flex}.rating-element--podium .rating-element__rank{color:#111}.rating-element__rank{text-align:center;align-self:center;width:13%;font-family:TerminalGrotesk,serif;font-size:2.4rem}@media screen and (max-width:600px){.rating-element__rank{width:15%;font-size:1.8rem}}.rating-element__illustration{aspect-ratio:1;align-self:center;width:auto;height:80%;position:relative;box-shadow:0 2px 8px #00000026}@media screen and (max-width:415px){.rating-element__illustration{height:55px}}.rating-element__illustration img{object-fit:cover;width:100%;height:100%}.rating-element__medal{color:#000;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-4px;left:-4px;box-shadow:0 2px 4px #0000004d}.rating-element__medal--gold{background:linear-gradient(135deg,gold,#ccac00)}.rating-element__medal--silver{background:linear-gradient(135deg,silver,#a7a7a7)}.rating-element__medal--bronze{color:#fff;background:linear-gradient(135deg,#cd7f32,#a46628)}@media screen and (max-width:600px){.rating-element__medal{width:18px;height:18px;font-size:.65rem;top:-3px;left:-3px}}.rating-element__datas{flex-direction:column;justify-content:center;gap:2px;width:60%;margin-left:4%;display:flex}.rating-element__datas .artist,.rating-element__datas .title{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.rating-element__datas .artist{text-transform:uppercase;color:#111;font-size:1.2rem;font-weight:700}@media screen and (max-width:1500px){.rating-element__datas .artist{font-size:1rem}}@media screen and (max-width:600px){.rating-element__datas .artist{font-size:.9rem}}.rating-element__datas .title{color:#4b5563;font-size:.95rem}@media screen and (max-width:600px){.rating-element__datas .title{font-size:.85rem}}.rating-element__streaming{gap:8px;margin-top:4px;display:flex}.rating-element__streaming__btn{cursor:pointer;color:var(--platform-color);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:flex}.rating-element__streaming__btn:hover{transform:scale(1.2)}.rating-element__streaming__btn svg{width:20px;height:20px}@media screen and (max-width:600px){.rating-element__streaming__btn svg{width:20px;height:20px}}.rating-element:after{content:"";border-bottom:1px solid #e5e7eb;width:75%;height:1px;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}
