h1{display:none}.hero{width:100%;background:#f2f2f2;overflow:hidden}.hero:not(.swiper-initialized) .swiper-slide:not(:first-child){display:none}.hero .item{position:relative;width:100%;display:flex;justify-content:center;align-items:flex-end}.hero .image{width:100%;height:100%;overflow:hidden;display:grid;place-items:center;position:relative}.hero .image::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 30%),linear-gradient(-90deg,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 30%)}.hero img{width:100%;height:100%;object-fit:cover}.hero .overlay{position:absolute;top:0;width:100%;height:100%}.hero .container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.hero .more{font-size:1.5rem;font-weight:600;outline:0;color:#fff;border:2px solid #fff;padding:5px 10px;border-radius:999px;margin-bottom:30px;position:relative;z-index:11;align-self:flex-end}.hero .more:focus-visible,.hero .more:hover{background:var(--color-secondary);border-color:var(--color-secondary)}.hero .nav{z-index:1;position:absolute;top:calc(31% + var(--header-h));left:50%;transform:translate(-50%,-50%);padding-inline:40px;height:0;width:100%;max-width:1420px;display:flex;justify-content:space-between;align-items:center}.hero .swiper-navigation-icon{display:none}.hero .swiper-button-next,.hero .swiper-button-prev{position:initial;margin-top:0;width:45px;height:45px;background:#12d0ff;border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.45)}.hero [class^=swiper-button-]{transition:all .5s ease;outline:0}.hero [class^=swiper-button-]:after{content:'';background:url(../../images/icon/arrow-right.svg) no-repeat 0 0/cover;width:44.45%;height:62.25%;margin-left:12%}.hero .swiper-button-prev::after{transform:scale(-1);margin-left:-10%}.hero [class^=swiper-button-]:focus-visible,.hero [class^=swiper-button-]:hover{background:var(--color-tertiary)}.hero .swiper-pagination{width:auto;max-width:100%;left:50%;transform:translateX(-50%);--swiper-pagination-bottom:10px}.hero .swiper-pagination-bullet{border-radius:999px;border:2px solid #fff;background:rgba(255,255,255,.3);box-shadow:0 2px 4px rgb(0,0,0,.2);opacity:1;width:30px;height:10px;--swiper-pagination-bullet-horizontal-gap:5px}.hero .swiper-pagination-bullet-active{background:#fff}.hero .swiper-pagination-bullet:focus-visible{outline:0;border-color:var(--color-tertiary)}.player{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:16/9;margin-inline:auto;background:#000;border-radius:20px}.player iframe{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;border-radius:20px;opacity:0;transition:.5s all .4s linear}.player .poster{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center}.player .poster img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}.player .frame{position:absolute;top:50%;left:50%;z-index:2;width:97%;height:110.8%;border-radius:20px;border:5px solid var(--color-tertiary);transform:rotate(-2.5deg) translate(-49.3%,-53.5%);transition:all .3s ease-in-out}.player .play{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;border:0;outline:0;background:0 0;font-size:0}.player .play::after,.player .play::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:no-repeat center center/contain;transition:all .3s ease-in-out}.player .play::before{max-width:112px;max-height:84px;width:11.452%;height:15.27%;background-image:url(/assets/images/icon/youtube-play.svg)}.player .play::after{max-width:108px;max-height:77px;width:11.044%;height:13.997%;background-image:url(/assets/images/icon/youtube-play-frame.svg)}.player .play:focus-visible::before,.player .play:hover::before{transform:translate(-47%,-50%) rotate(-15.5deg) scale(1.22)}.player .play:focus-visible::after,.player .play:hover::after{transform:translate(-46%,-50%) rotate(-23deg) scale(1.26)}.player .play:focus-visible~.poster img,.player .play:hover~.poster img{transform:scale(1.03)}.player .play:focus-visible~.frame,.player .play:hover~.frame{transform:rotate(2.1deg) translate(-51.8%,-47.2%)}.-playing .play,.-playing .poster{opacity:0;z-index:0}.-playing .frame{z-index:0;transform:rotate(2.1deg) translate(-51.8%,-47.2%)}.-playing iframe{z-index:1;opacity:1}.video{padding-block:14%}.video .player{max-width:978px}.ways{padding-block:50px;position:relative}.ways::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:110%;mix-blend-mode:hard-light;background:url(../../images/illustration/waves-5.png) no-repeat 0 bottom/cover;z-index:1}.ways .container{position:relative;z-index:2;display:grid}.ways .droplet{display:flex;justify-content:center}.ways .droplet img{margin-bottom:-50px}.ways .items{z-index:1;position:relative;margin-right:-10px;display:grid;grid-template-columns:repeat(2,1fr)}.ways .item{display:flex;flex-direction:column;align-items:center;gap:20px}.ways .item *{transition:all .3s ease}.ways .icon{position:relative;width:100%;max-width:165px;aspect-ratio:1;display:grid;place-items:center}.ways .icon{background:#fff;border-radius:20px}.ways .icon:after{transition:all .3s ease;content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:20px;border:2px solid #fde911;transform:rotate(7deg)}.ways .title{color:#fff;font-size:1.6rem;font-weight:400;text-align:center;text-wrap:balance}.ways .-indent{padding-inline:10%}.ways .item:hover .icon:after{border-width:4px;transform:rotate(-7deg)}.ways .item:hover img{transform:scale(1.3) rotate(-18deg)}.ways .item:nth-child(even):hover img{transform:scale(1.3) rotate(10deg)}.ways .item:hover .title{color:#fde911;font-weight:600}@media (max-width:991px){.hero .-left img{object-position:39% 50%}.hero .-right img{object-position:60% 50%}}@media (max-width:767px){.hero .item{height:320px}.hero .nav{padding-inline:15px}.hero [class^=swiper-button-]{width:30px;height:30px}.ways .container{grid-template-rows:auto auto;gap:30px}.ways .items{padding-inline:6.4%;gap:30px 13px}.ways .items>.item:last-child:nth-child(odd):nth-last-child(1){padding-inline:27%;grid-column:1/-1;justify-self:center}.ways .icon{max-width:125px}.ways .icon img{max-width:65%;aspect-ratio:1}}@media (min-width:768px){.hero .item{height:450px}.video .player{width:80%}.ways .container{display:grid;grid-template-columns:30% 1fr;align-items:flex-end;gap:20px;grid-template-areas:"droplet items"}.ways .droplet{justify-content:flex-end;align-items:flex-end;grid-area:droplet}.ways .droplet img{z-index:2;position:relative;max-width:200%;margin-right:-75%;transition:all .5s ease;border-radius:63% 0 63% 0}.ways .droplet img:hover{z-index:1}.ways .items{grid-template-columns:repeat(3,1fr);gap:20px}.ways .item:first-child{grid-column-start:2}}@media (min-width:992px){.hero .item{height:550px}.hero .swiper-pagination{--swiper-pagination-bottom:27px}.hero .swiper-pagination-bullet{width:50px;height:16px;--swiper-pagination-bullet-horizontal-gap:10px}.video{padding-block:10%}}@media (min-width:1200px){.hero .item{height:655px}.video{padding-block:100px 235px}.ways{padding-block:145px 78px}.ways .container{grid-template-columns:18.5% 1fr;align-items:flex-end}.ways .droplet img{margin-top:-144%;margin-bottom:-78px;margin-right:-88%}.ways .items{grid-template-columns:repeat(5,1fr);gap:0}.ways .item:first-child{grid-column-start:1}.ways .title{font-size:1.9rem}}@media (min-width:1450px){.ways::after{height:103%}}