:root{--gerne-red:#ff5252;--gerne-blue:#789ae2;--gerne-yellow:#ad702e;--gerne-green:#febb20}.watch-card{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.watch-card .img-box{aspect-ratio:572/343;border-radius:10px;width:100%;position:relative;overflow:hidden}.watch-card .img-box img{aspect-ratio:inherit}.watch-card .img-box:after{content:"";opacity:0;background-image:linear-gradient(#0003 0%,#000c 100%);width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;top:0;left:0}.watch-card .play{z-index:1000;opacity:0;background-color:#0d59ff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .4s;display:flex;position:absolute;bottom:5px;left:5px}.watch-card .play svg{width:11px;height:14px}.watch-card:hover .img-box:after,.watch-card:hover .play{opacity:1}.bg-img{z-index:-1;width:100%;height:100vh;min-height:850px;position:absolute;overflow-x:clip}.bg-img:before{content:"";aspect-ratio:1;z-index:1;background-color:#1f2940;border-radius:30%;width:clamp(484px,322.955px + 46.8153vw,1072px);position:absolute;bottom:clamp(-780px,55.2542px - 52.2034vw,-164px);left:clamp(-166px,13.1356vw - 221.17px,-11px)}.bg-img:after{content:"";aspect-ratio:1;z-index:1;background-color:#1f2940;border-radius:30%;width:clamp(308px,205.293px + 29.8567vw,683px);position:absolute;top:0;right:clamp(-208px,10.4237vw - 251.78px,-85px)}.hero{color:#fff}.hero__wrap-title{flex-direction:column;align-items:flex-start;gap:30px;margin-bottom:clamp(95px,68.9809px + 7.56369vw,190px);padding-top:180px;display:flex}@media (width<=1090px){.hero__wrap-title{gap:15px}}.category{color:#fff;margin-bottom:100px}.category__wrap{grid-template-columns:repeat(3,1fr);gap:40px 20px;display:grid}@media (width<=1090px){.category__wrap{grid-template-columns:repeat(2,1fr);gap:25px 15px}}.category__wrap .swiper-slide{width:auto}@media (width<=1090px){.category .swiper-slide.watch-card .img-box{aspect-ratio:190/230}}