:root{--min-h3:300px;--min-h45:450px;--min-h6:600px;--width14:14px;--width28:28px;--width100:100px}.hero{overflow:hidden}.hero_swiper.swiper-initialized:hover .hero__swiper-wrap{opacity:var(--op-100)}.hero__slide{background:var(--rgba(var(--neutral-000)));border-radius:0 0;overflow:hidden}@media screen and (min-width:768px){.hero__slide{border-radius:0 0}}.hero_swiperswiper-initialized:hover .hero__swiper-wrap{opacity:var(--op-100)}.hero__background:before{background:var(--linear-gradient-type1);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hero__background img,.hero__background video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.hero__background iframe{height:150vh;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150vw}@media(min-aspect-ratio:16/9){.hero__background iframe{height:106.25vw}}@media(max-aspect-ratio:16/9){.hero__background iframe{width:227.78vh}}.hero__wrapper{margin:0 auto;max-width:600px;min-height:var(--min-h3);padding-top:var(--gap2)}@media screen and (min-width:768px){.hero__wrapper{min-height:var(--min-h45)}}@media screen and (min-width:960px){.hero__wrapper{padding-left:var(--gap35);padding-right:var(--gap35)}}@media screen and (min-width:1024px){.hero__wrapper{min-height:var(--min-h6)}}.hero__title{font-family:var(--ff-secondary);font-size:var(--fs-48);font-weight:900;line-height:normal;margin-bottom:var(--gap05);text-shadow:0 10px 8px rgba(0,0,0,.04),0 4px 3px rgba(0,0,0,.1)}@media screen and (min-width:768px){.hero__title{margin-bottom:var(--gap1)}}.hero__button-wrapper .btn{display:block}.play-pause-btn{background:none;border:none;box-shadow:none;cursor:pointer;outline:none}.play-pause-btn .icon{transition:var(--ts2)}@media screen and (min-width:768px){.play-pause-btn .icon{color:rgb(var(--neutral-000));font-size:var(--fs-40)}}@media screen and (max-width:768px){.play-pause-btn .icon{display:none}}.play-pause-btn .icon:hover{color:rgb(var(--action-500));transform:scale(1.1)}.hero__swiper-wrap{opacity:0;transition:var(--ts2)}@media screen and (min-width:960px){.hero__swiper-wrap{left:0;position:absolute;top:calc(50% - 50px);width:100%}}@media screen and (max-width:960px){.hero__swiper-wrap{display:none}}.hero__swiper-button{max-width:var(--site-width)}@media screen and (min-width:960px){.hero__swiper-button{position:relative}}.hero__swiper{align-items:flex-start;display:flex!important;height:var(--width100);justify-content:flex-start;transition:var(--ts2);width:var(--width100)}.hero__swiper:after{display:none}.hero__swiper .icon{color:rgb(var(--neutral-000));display:block;font-size:var(--fs-32);transition:var(--ts2)}.hero__swiper:hover{opacity:var(--op-100)}@media screen and (min-width:960px){.hero__swiper--next.hero__swiper{justify-content:flex-end}}.hero_swiper .swiper-pagination-bullets{align-items:center;bottom:var(--gap2);display:flex;flex-wrap:wrap;gap:var(--gap05);justify-content:center;left:0;position:absolute;right:0;z-index:9}.hero_swiper .swiper-pagination-bullets .swiper-pagination-bullet{background-color:transparent;border:2px solid rgb(var(--neutral-000));border-radius:var(--br-xl);height:var(--width14);margin:0;opacity:var(--op-100);overflow:hidden;position:relative;transition:width .3s ease;width:var(--width14);will-change:width;z-index:1}.hero_swiper .swiper-pagination-bullets .swiper-pagination-bullet:after{background-color:transparent;border-radius:var(--br-xl);content:"";height:var(--width14);left:50%;opacity:1;position:absolute;top:0;transform:translateX(-50%);transition:inherit;width:var(--width14);will-change:inherit}.hero_swiper .swiper-pagination-bullets .swiper-pagination-bullet:before{background-color:rgb(var(--neutral-000));border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);z-index:-1}.hero_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active,.hero_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active:after{width:var(--width28)}.hero_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active:before{height:var(--progress) px;transform:translateX(var(--progress))}.hero_swiper{--progress:-50%}