:root{--hero-height:41.279%}.hero-banner{padding:10px 55px 0;position:relative}.hero-banner .link{pointer-events:none;display:block}.hero-banner .link.url{pointer-events:visible}.hero-banner .ratio{z-index:1;background-color:#0000;position:relative}.hero-banner .ratio:before{content:"";padding-top:var(--hero-height);display:block}.hero-banner .ratio img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;left:0}.hero-banner .ratio .hero-img-mobile{display:none}.hero-banner .ratio .blur{content:"";z-index:-1;object-fit:cover;object-position:center;filter:blur(30px);position:absolute;inset:-20px}.hero-banner .video-cover{z-index:1;padding-top:var(--hero-height);margin:0;position:relative}.hero-banner .video-cover iframe,.hero-banner .video-cover video{object-fit:cover;object-position:center;pointer-events:none;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-banner .content{z-index:1;pointer-events:none;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.hero-banner .content .inner{max-width:460px}.hero-banner .content .inner>*{pointer-events:visible}.hero-banner .content .title{color:var(--color-light);font-size:var(--typo-xxl);font-weight:var(--fw-bold);-webkit-line-clamp:3;letter-spacing:0;max-height:4.2em;text-shadow:var(--text-shadow);margin-bottom:0;line-height:1.4em}.hero-banner .content .desc{color:var(--color-light);font-weight:var(--fw-medium);font-size:var(--typo-xl);-webkit-line-clamp:1;letter-spacing:0;max-height:1.5em;line-height:1.5em}.hero-banner .thumb{z-index:0;position:relative}.hero-banner .thumb:before{content:"";z-index:0;opacity:.2;background:linear-gradient(#0d0d0d 0%,#0000 100%);position:absolute;inset:0}.hero-banner .thumb:after{content:"";z-index:1;background:linear-gradient(#0000 0%,#0d0d0db3 100%);height:25%;position:absolute;bottom:0;left:0;right:0}.hero-banner .swiper-pagination{bottom:90px}.hero-banner-swiper{border-radius:32px;overflow:hidden}@media (max-width:1600px){.hero-banner{padding:10px 50px 0}.hero-banner .content .inner{max-width:400px}}@media (max-width:1440px){.hero-banner{padding:10px 40px 0}.hero-banner .content .inner{max-width:360px;margin-left:45px}.hero-banner .video-react{height:54dvh}}@media (max-width:1199px){.hero-banner{padding:0 16px}.hero-banner .content .inner{max-width:300px;margin-left:30px}.hero-banner .video-react{height:48dvh}.hero-banner .swiper-pagination{padding:0;bottom:70px}}@media (max-width:991px){.hero-banner .content .inner{max-width:270px;margin-left:20px}.hero-banner .swiper-pagination{bottom:40px}}@media (max-width:767px){.hero-banner{padding:0}.hero-banner-swiper{border-radius:24px}.hero-banner .content{align-items:center}.hero-banner .content .inner{max-width:197px;margin-bottom:16px;margin-left:-16px;transform:scale(.8)}.hero-banner .thumb:after{height:30%}.hero-banner .ratio:before,.hero-banner .video-cover{padding-top:70%}.hero-banner .video-react{height:56dvh}.hero-banner .swiper-pagination{bottom:46px}.hero-banner .ratio .hero-img-desktop{display:none}.hero-banner .ratio .hero-img-mobile{display:block}}