@import"https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap";html,body{margin:0;overscroll-behavior:none;font-family:Antonio,system-ui;font-optical-sizing:auto;overflow:hidden;width:100%;height:100%;background:#000;background-image:url(img/bkg_dark.jpg);background-repeat:repeat;background-size:150vw;animation:bkg 100s infinite linear;height:calc(100vw / 9 * 15)}@keyframes bkg{0%{background-position:0 0}to{background-position:600vw 165vw}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;justify-content:center;align-items:center;flex-direction:column}.control{position:absolute;z-index:10;bottom:8vw;background-color:#000000b3;width:80vw;display:flex;justify-content:space-between;border-radius:40vw;padding:3vw 5vw;color:#fff;font-size:5vw;text-transform:uppercase;text-align:center;font-weight:300;transition:all .4s ease-in-out}.control.off{opacity:0;pointer-events:none;transform:scale(.9)}.all_brand{padding-bottom:.8vw}.arrow{width:3vw;cursor:pointer}.brand-title{color:#fff;font-size:6vw;text-transform:uppercase;font-weight:300;text-align:center;position:absolute;z-index:10;width:100%;top:4vw;padding:3vw 4vw;transition:opacity .4s ease}.brand-title.off{opacity:0}canvas{touch-action:pan-x pan-y;pointer-events:none;opacity:0;transition:opacity 2s ease-in-out;filter:contrast(1.2) saturate(.8)}canvas.show{opacity:1}.main{position:absolute;width:100%;height:calc(100vw / 9 * 15);display:flex;justify-content:center;align-items:center}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#031a2db3;z-index:1;padding:30vw 4vw;transition:opacity 1s ease}.overlay.off{opacity:0;pointer-events:none}.intro{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#031a2d99;z-index:1;transition:opacity 1s ease;display:flex;justify-content:center;align-items:center;flex-direction:column}.intro.off{opacity:0;pointer-events:none}.text-intro{text-transform:uppercase;color:#fff;text-align:center;font-size:7vw;line-height:10vw;max-width:420px;padding:5vw 10vw;transition:all .4s ease}.cta-intro{background-color:#d2ac60;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase;border-radius:10px;font-size:5vw;line-height:6vw;letter-spacing:1px;height:10vw;width:60vw;transition:all .4s ease-in-out;padding-bottom:.3vw;color:#fff}.off .cta-intro{transform:scale(.9)}.brand-line{width:100%;display:flex;justify-content:space-evenly;margin:8vw 0}.logo{width:24vw;height:15vw;object-fit:contain;transition:all .4s ease-in-out}.logo.big{width:30vw}.b2{transform:translateY(-20%)}.b12{transform:translateY(40%)}@media (orientation:landscape){html,body{height:100vh}.main{position:absolute;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.brand-title{font-size:32px;line-height:32px;top:10px}.control{position:absolute;z-index:10;bottom:42px;background-color:#031a2db3;width:420px;display:flex;justify-content:space-between;border-radius:80px;padding:8px 24px;color:#fff;font-size:26px;text-transform:uppercase;text-align:center;font-weight:300;transition:all .4s ease-in-out}.arrow{width:16px;transition:all .4s ease-in-out}.all_brand{padding-bottom:3px;transition:all .4s ease-in-out;cursor:pointer}.logo{width:180px;height:90px;transition:all .4s ease-in-out;cursor:pointer}.logo.big{width:180px}.overlay{padding:180px 0 0}.brand-line{margin:20px 0}.interline{padding:0 13vw}.arrow:hover,.all_brand:hover,.logo:hover{opacity:.7;transform:scale(.95)}.b2:hover{transform:translateY(-20%) scale(.95)}.b12:hover{transform:translateY(40%) scale(.95)}.cta-intro{background-color:#d2ac60;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase;border-radius:10px;font-size:21px;line-height:32px;letter-spacing:1px;height:40px!important;margin:24px 10px;width:240px;transition:all .4s ease-in-out;padding-bottom:2px;color:#fff;cursor:pointer}.cta-intro:hover{background-color:#0098d8}.text-intro{text-transform:uppercase;color:#fff;text-align:center;font-size:32px;max-width:420px;transition:all .4s ease;padding:0;line-height:40px}}