@font-face{font-family:ClashDisplay-Extralight;src:url(/fonts/Clash-Display/ClashDisplay-Extralight.woff2) format("woff2"),url(/fonts/Clash-Display/ClashDisplay-Extralight.woff) format("woff"),url(/fonts/Clash-Display/ClashDisplay-Extralight.ttf) format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Light;src:url(/fonts/Clash-Display/ClashDisplay-Light.woff2) format("woff2"),url(/fonts/Clash-Display/ClashDisplay-Light.woff) format("woff"),url(/fonts/Clash-Display/ClashDisplay-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Regular;src:url(/fonts/Clash-Display/ClashDisplay-Regular.woff2) format("woff2"),url(/fonts/Clash-Display/ClashDisplay-Regular.woff) format("woff"),url(/fonts/Clash-Display/ClashDisplay-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Medium;src:url(/fonts/Clash-Display/ClashDisplay-Medium.woff2) format("woff2"),url(/fonts/Clash-Display/ClashDisplay-Medium.woff) format("woff"),url(/fonts/Clash-Display/ClashDisplay-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Semibold;src:url(/fonts/Clash-Display/ClashDisplay-Semibold.woff2) format("woff2"),url(/fonts/Clash-Display/ClashDisplay-Semibold.woff) format("woff"),url(/fonts/Clash-Display/ClashDisplay-Semibold.ttf) format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Bold;src:url(/fonts/Clash-Display/ClashDisplay-Bold.woff2) format("woff2"),url(/fonts/Clash-Display/ClashDisplay-Bold.woff) format("woff"),url(/fonts/Clash-Display/ClashDisplay-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Clash Display;src:url(/fonts/Clash-Display/ClashDisplay-Variable.woff2) format("woff2"),url(/fonts/Clash-Display/ClashDisplay-Variable.woff) format("woff"),url(/fonts/Clash-Display/ClashDisplay-Variable.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:normal}.hotel-immersive .section-1{padding:3rem}.hotel-immersive .section-1 .container{width:100%;margin:0;max-width:100%;background-size:cover;border-radius:5rem;display:flex;align-items:center;flex-direction:column;justify-content:center;color:white;gap:10rem;padding:10rem 0 0;position:relative;overflow:hidden}.hotel-immersive .section-1 .container .bg{position:absolute;height:100%;width:100%;min-height:calc(100dvh - 100px);object-fit:cover;z-index:-1;top:0;left:0}.hotel-immersive .section-1 .container .flex{padding:10rem;background:linear-gradient(#0000,#000);width:100%}.hotel-immersive .section-1 .container .img{position:relative;z-index:1;overflow:hidden;width:fit-content;margin:auto}.hotel-immersive .section-1 .container .img img{height:28rem}.hotel-immersive .section-1 .container .out{position:absolute;left:50%;top:0;height:28rem;width:28rem;border-radius:50%;z-index:-1;transform:translateX(-42%) scale(.9)}.hotel-immersive .section-1 .container h1{font-family:ClashDisplay-Medium;color:white;text-align:center;display:flex;line-height:100%;max-width:100%;height:5vw;user-select:none}.hotel-immersive .section-1 .container h1 span{animation:anim 4s infinite;animation-delay:var(--time)}@keyframes anim{0%,20%,to{transform:translateY(0)}10%{transform:translateY(-5vw)}}.hotel-immersive .section-1 .container h1 span{transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:default;font-size:10vw}.hotel-immersive .section-1 .container h1 span:hover{transform:translateY(-4vw)}.hotel-immersive .section-1 .container h4{color:white;text-align:center;font-size:16px}.hotel-immersive .section-1 .container h2{color:white;text-align:center;font-weight:700;font-size:5rem;margin-top:3rem}.hotel-immersive .section-1 .container p{text-align:center;margin:3rem 0;max-width:86rem}.hotel-immersive .section-1 .container .btn{background-color:white;color:#1879fe}.hotel-immersive .section-2{padding:3rem;background-color:white}.hotel-immersive .section-2 .container{display:grid;gap:3.4rem;grid-template-columns:repeat(5,1fr);width:1500px;max-width:100%;padding:0}.hotel-immersive .cards .container .card{min-height:100px;overflow:hidden;border-radius:3.6rem;position:relative;box-shadow:1.3rem 4rem 4rem #0002;background-color:#acacac}.hotel-immersive .cards .container .card img{height:100%;width:100%;object-fit:cover;object-position:center}.hotel-immersive .cards .container .card-1{max-height:40rem}.hotel-immersive .cards .container .card h4{display:flex;height:8.8rem;width:100%;padding:3rem;background:linear-gradient(#55848b00,#55848b);position:absolute;left:0;bottom:0;font-weight:500;font-size:17px;color:white;white-space:nowrap;justify-content:space-between;align-items:center;gap:1rem}.hotel-immersive .section-2 .container .card-2{background-color:black;grid-row:2/3;grid-column:1/4;padding:3.1rem;color:white;display:flex;gap:2rem;align-items:center;justify-content:space-between}.hotel-immersive .section-2 .container .card-2 div:first-child{width:70rem;display:flex;flex-direction:column;gap:1rem}.hotel-immersive .section-2 .container .card-2 h2{font-size:4.8rem;line-height:150%;font-weight:500}.hotel-immersive .section-2 .container .card-2 p{font-size:16px;line-height:150%;font-weight:300}.hotel-immersive .section-2 .container .card-2 h5{display:flex;align-items:center;font-size:10rem;font-weight:300;line-height:100%;color:#e7fcb0;gap:1rem}.hotel-immersive .section-2 .container .card-2 h5 svg{width:8rem}.hotel-immersive .section-2 .container .card-3{background-color:#f4f4f4;grid-column:4/6;grid-row:1/3;border:1px solid #eee}.hotel-immersive .cards .container .card-1 svg{left:3.4rem;top:3.4rem;position:absolute;z-index:2;height:4.8rem;width:4.8rem}.hotel-immersive .section-2 .container .card-3{display:flex;flex-direction:column;padding:3.2rem;align-items:center;gap:2.4rem}.hotel-immersive .section-2 .container .card-3>img{width:30rem;height:20rem;object-fit:contain}.hotel-immersive .section-2 .container .card-3 .flex img{height:12rem;width:25rem;object-fit:contain}.hotel-immersive .section-2 .container .card-3 h3{font-size:3rem;font-weight:500;max-width:60rem}.hotel-immersive .section-2 .container .card-3 p{max-width:60rem}.hotel-immersive .section-2 .container .card-3 h4{position:relative;justify-content:center;color:#000;background:none;padding:0!important;height:auto;white-space:wrap;text-align:center}.hotel-immersive .section-3{padding:3rem}.hotel-immersive .section-3 .container{background-color:#f4f4f4;width:1500px;max-width:100%;border-radius:5rem;padding-top:5rem}.hotel-immersive .section-3 .container img{width:100%}.hotel-immersive .section-3 .container h2,.hotel-immersive .section-5 .container h2,.hotel-immersive .section-7 .container h2{color:#e7fcb0;background-color:#000;margin:auto;width:fit-content;padding:1rem 2rem;border-radius:2rem;font-size:4rem;font-weight:700;line-height:110%;text-align:center}.hotel-immersive .section-3 .container .flex{gap:3.8rem;row-gap:1rem;margin:5rem auto;flex-wrap:wrap;width:fit-content}.hotel-immersive .section-3 .container .flex span{padding:.5rem 2rem;font-weight:500;font-size:2.5rem;border-radius:1.3rem;border:2px solid #979797;flex:1;white-space:nowrap;text-align:center}.hotel-immersive .section-3 .container .section-3-m{display:none}.hotel-immersive .section-4 .container,.hotel-immersive .section-5 .container,.hotel-immersive .section-6 .container,.hotel-immersive .section-8 .container{max-width:160rem;width:100%}.hotel-immersive .section-4 span{height:7rem;position:absolute;z-index:2;gap:1rem;align-items:center;justify-content:center;width:20rem;display:flex;font-size:15px;left:50%;transform:translate(-50%,-50%) rotate(-15deg);border-radius:3.5rem;color:white;background-color:#000;box-shadow:10px 10px 20px #0002;border:1px solid #fffa}.hotel-immersive .section-4 video{height:34rem;width:100%;object-fit:cover}.hotel-immersive .section-4 h3{font-size:3rem;font-weight:700}.hotel-immersive .section-4 p{font-size:14px}.hotel-immersive .section-4 .app{background:#f4f4f4;padding:3.4rem;border-radius:3.6rem}.hotel-immersive .section-5 p{color:#161c2d;text-align:center;margin:3rem auto;max-width:120rem}.hotel-immersive .section-5 video{border-radius:5rem;border:5px solid #e7fcb0;width:100%}.hotel-immersive .section-5 .phones{transform:scale(1.5);max-width:400px;margin:auto;width:100%}.hotel-immersive .section-5 .slider{width:20rem}.hotel-immersive .section-5 h3{font-size:5rem;font-weight:700;line-height:100%}.hotel-immersive .section-5 div p{font-size:14px;text-align:left}.hotel-immersive .section-6 h2{font-weight:700;font-size:4.8rem;max-width:75rem;text-align:center;margin:3rem auto}.hotel-immersive .section-6 .img{border-radius:25rem 25rem 6rem 6rem;background:url(/images/hotel-immersive/s-6-bg.png);background-size:cover;box-shadow:0 -40px 100px #0005;height:55rem;position:absolute;left:0;top:0;width:100%;z-index:-1;overflow:visible}.hotel-immersive .section-6 h3{font-weight:500;font-size:4.8rem;max-width:75rem;text-align:center;margin:3rem auto}.hotel-immersive .section-6 p{font-size:16px;max-width:75rem;text-align:center;margin:3rem auto;color:#161c2da0}.hotel-immersive .section-7 .container p{text-align:center;color:#161c2da0;margin-top:2rem}.hotel-immersive .section-8 .video{width:100%;max-height:800px;height:62vw;object-fit:cover;object-position:center;overflow:hidden;border-radius:min(5vw,5rem);padding:0;display:flex;justify-content:center;align-items:center;margin:0;position:relative}.hotel-immersive .section-8 .video video{transform:scale(1.05);width:100%;height:100%;object-fit:cover;object-position:center}.hotel-immersive .section-8 .video .btn{height:min(6vw,8rem);width:min(22vw,35rem);border-radius:min(1vw,2rem);background-color:#000;position:absolute;display:flex;justify-content:center;align-items:center;font-size:min(2vw,2.4rem);left:48%;bottom:2.5%;transform:translate(-50%,-25%)}.hotel-immersive .section-8 .video .btns{position:absolute;display:flex;bottom:22%;left:47%;transform:translate(-50%,-50%);gap:2rem;width:min(65vw,102rem)}.hotel-immersive .section-8 .video .btns-1{position:absolute;display:flex;bottom:0;left:0;transform:translate(0);gap:2rem;font-size:min(2vw,2.4rem)}.hotel-immersive .section-8 .video .btns .btn,.hotel-immersive .section-8 .video .btns-1 .btn{opacity:0;left:0;top:0;position:relative;transform:none;flex:1}.hotel-immersive .section-8 h3{font-size:4rem;text-align:center;margin:5rem auto auto}.hotel-immersive .section-5.s-e p,.hotel-immersive .section-8 p{font-size:2.6rem;text-align:center;color:#161c2da0;line-height:150%;margin:1rem auto 5%;max-width:80rem}.hotel-immersive .section-6 .items{display:flex;margin-top:5rem;gap:5rem;align-items:center;overflow:auto;padding:0 2rem}.hotel-immersive .section-6 .line{width:90%;margin:5rem auto 0;border-left:1px solid #7d7d7d;border-top:1px solid #7d7d7d}.hotel-immersive .section-6 .items .item{display:flex;flex-direction:column;align-items:center;gap:2rem;min-width:300px}.hotel-immersive .section-6 .items .item p{margin-bottom:2rem;margin-top:0;font-size:14px;text-align:center}.hotel-immersive .section-6 .items .item h4{font-size:14px;text-align:center}.hotel-immersive .section-6 .items .item img{width:100%}.hotel-immersive .section-6 .items .line{width:1px;height:50rem;border-left:1px solid #7d7d7d;border-top:1px solid #7d7d7d}.hotel-immersive .section-6 .items h5{font-weight:500;font-size:20px;text-align:center}@media (max-width:1300px){.hotel-immersive .section-2 .container{grid-template-columns:repeat(3,1fr)}.hotel-immersive .section-2 .container .card-3{grid-column:1/4;grid-row:3/5}.hotel-immersive .cards .container .card h4{padding:2rem}}@media (max-width:760px){.hotel-immersive .section-2 .container{grid-template-columns:repeat(2,1fr)}.hotel-immersive .cards .container .card-1{grid-column:1/2;grid-row:1/2}.hotel-immersive .cards .container .card-1:nth-child(2){grid-column:1/2;grid-row:2/3}.hotel-immersive .cards .container .card-1:nth-child(3){grid-column:1/2;grid-row:3/4}.hotel-immersive .section-2 .container .card-2{grid-column:1/4;grid-row:4/5;flex-direction:column;align-items:center}.hotel-immersive .section-2 .container .card-3{grid-column:2/4;grid-row:1/4}.hotel-immersive .section-2 .container .card-2>div{width:70rem!important;max-width:100%!important}.hotel-immersive .section-2 .container .card-2 h2{font-size:25px}.hotel-immersive .cards .container .card h4{padding:2rem}.hotel-immersive .section-3 .container h2,.hotel-immersive .section-5 .container h2,.hotel-immersive .section-7 .container h2{font-size:3.5rem}.hotel-immersive .section-3 .container .flex span{font-size:16px}.hotel-immersive .section-4 .img-l{display:none}.hotel-immersive .section-5 .slider{width:15rem;margin-top:5rem}.hotel-immersive .section-6 h2{font-size:3rem;max-width:40rem}.hotel-immersive .section-6 .img{border-radius:10rem 10rem 6rem 6rem;height:30rem}.hotel-immersive .section-6 h3{font-size:3rem}.hotel-immersive .section-6 p{font-size:14px}}@media (max-width:560px){.hotel-immersive .section-1{padding:2rem}.hotel-immersive .section-1 .container{padding-top:10rem;min-height:650px;max-height:800px;height:calc(100dvh - 100px)}.hotel-immersive .section-1 .container h2{font-size:3rem;line-height:100%;margin-top:2rem}.hotel-immersive .section-1 .container h4,.hotel-immersive .section-1 .container p{font-size:14px;margin-top:10px}.hotel-immersive .section-1 .container .flex{padding:10rem 3rem}.hotel-immersive .section-6 .img{border-radius:5rem 5rem 3rem 3rem;height:30rem}.hotel-immersive .section-1 .container .img img{height:20rem}.hotel-immersive .section-1 .container .out{height:20rem;width:20rem}.hotel-immersive .section-1 .container h1 span{font-size:11vw}.hotel-immersive .section-2{padding:2rem}.hotel-immersive .section-2 .container{grid-template-columns:repeat(1,1fr)}.hotel-immersive .section-2 .container .card-2{grid-column:1/2;grid-row:auto}.hotel-immersive .section-2 .container .card-2 h2{font-size:20px}.hotel-immersive .section-2 .container .card-2 p{font-size:14px}.hotel-immersive .section-2 .container .card-3{grid-column:1/2;grid-row:auto}.hotel-immersive .cards .container .card h4{padding:2rem}.hotel-immersive .section-2 .container .card-3 .flex{flex-direction:column;width:100%}.hotel-immersive .section-3{padding:2rem}.hotel-immersive .section-3 .container{padding:3rem 2rem 2rem}.hotel-immersive .section-3 .container .flex{margin-bottom:4rem}.hotel-immersive .section-3 .container .section-3-m{display:flex}.hotel-immersive .section-3 .container .section-3-l{display:none}.hotel-immersive .section-4 .app:last-child{padding:3.4rem 0}.hotel-immersive .section-8 h3{font-size:3rem}.hotel-immersive .section-5.s-e p,.hotel-immersive .section-8 p{font-size:14px;max-width:50rem}}