*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto Thin,sans-serif}.background{float:left;object-fit:cover;z-index:-1;width:100%;height:100%;padding:0;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.5s ease-in-out fadeIn}.nav{color:#fff;justify-content:space-between;align-items:center;margin:40px 120px;display:flex;position:relative}.nav-logo{font-family:Outfit,sans-serif;font-size:40px;font-weight:500}.nav-menu{align-items:center;gap:90px;list-style:none;display:flex}.nav-contact{color:#262626;background:#fff;border-radius:50px;padding:10px 40px}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-hamburger span{background:#fff;border-radius:2px;width:26px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=1024px){.nav{margin:30px 60px}.nav-logo{font-size:32px}.nav-menu{gap:50px}.nav-contact{padding:8px 28px}}@media (width<=768px){.nav{flex-wrap:wrap;margin:24px}.nav-hamburger{display:flex}.nav-menu{flex-direction:column;align-items:flex-start;gap:20px;width:100%;padding:20px 0 10px;display:none}.nav-menu.open{display:flex}.nav-contact{padding:8px 24px}.nav-logo{font-size:28px}}@media (width<=480px){.nav{margin:20px 16px}.nav-logo{font-size:24px}}.hero{margin:270px 120px 0}.hero-text{color:#fff;font-size:110px;font-weight:500;line-height:130px}.hero-explore{cursor:pointer;background:#fff;border-radius:60px;align-items:center;gap:50px;width:fit-content;margin-top:70px;padding:5px 10px 5px 30px;display:flex}.hero-explore p{color:#292929;font-size:20px;font-weight:500}.hero-explore img{width:50px;height:50px}.hero-dot-play{justify-content:space-between;margin-top:120px;display:flex}.hero-dots{align-items:center;gap:25px;list-style:none;display:flex}.hero-dot{cursor:pointer;background:#fff;border-radius:8px;width:15px;height:15px}.hero-dot.orange{background:#ff4500}.hero-play{align-items:center;gap:30px;display:flex}.hero-play p{color:#fff;font-size:19px}@media (width<=1024px){.hero{margin:180px 60px 0}.hero-text{font-size:76px;line-height:90px}.hero-explore{gap:35px;margin-top:50px;padding:4px 8px 4px 24px}.hero-explore p{font-size:17px}.hero-explore img{width:42px;height:42px}.hero-dot-play{margin-top:80px}}@media (width<=768px){.hero{margin:130px 24px 0}.hero-text{font-size:52px;line-height:62px}.hero-explore{gap:24px;margin-top:36px;padding:4px 6px 4px 20px}.hero-explore p{font-size:15px}.hero-explore img{width:36px;height:36px}.hero-dot-play{margin-top:50px}.hero-dots{gap:18px}.hero-dot{width:12px;height:12px}}@media (width<=480px){.hero{margin:75px 16px 0}.hero-text{font-size:38px;line-height:46px}.hero-explore{border-radius:40px;gap:18px;margin-top:28px;padding:4px 6px 4px 16px}.hero-explore p{font-size:13px}.hero-explore img{width:30px;height:30px}.hero-dot-play{justify-content:center;margin-top:500px}.hero-dots{gap:14px}.hero-dot{border-radius:6px;width:10px;height:10px}.hero-play{justify-content:center;margin-left:230px;display:flex}.hero-play img{cursor:pointer;width:50px;height:50px}.hero-flex{flex-direction:column;justify-content:center;padding:20px 70px;display:flex}}