.top-zone{position:relative;background:linear-gradient(304.38deg,#000 11.74%,#323232 84.36%);-webkit-clip-path:polygon(0 0,100% 0,100% 75%,0 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 75%,0 100%,0 100%);min-height:68.646vw}.top-zone .container{z-index:2}.top-zone h1{margin-bottom:32px;text-transform:uppercase;line-height:.9;width:710px;font-family:var(--hymux-font-futura-extra-black);color:#fff}.top-zone p{color:#fff;margin-bottom:48px;font-family:var(--hymux-font-futura-medium);font-size:20px;line-height:1.2;text-align:left;width:540px}@keyframes scroll_animation-dot_flow_1{0%{transform:translateY(0)}to{transform:translateY(13px)}}@keyframes scroll_animation-dot_flow_2{0%{transform:translateY(13px)}to{transform:translateY(0)}}@keyframes scroll_animation-dot-circle_flow_1{0%{r:4px;opacity:1}to{r:2px;opacity:0}}@keyframes scroll_animation-dot-circle_flow_2{0%{r:2px;opacity:0}to{r:2px;opacity:0}}@keyframes scroll_animation-dot-circle_flow_3{0%{r:2px;opacity:0}to{r:4px;opacity:1}}.top-zone #scroll_animation-dot{animation:scroll_animation-dot_flow_1 1.916s linear 0s forwards,scroll_animation-dot_flow_2 1ms linear 1.92s forwards}.top-zone #scroll_animation-dot-circle{animation:scroll_animation-dot-circle_flow_1 1.916s linear 0s forwards,scroll_animation-dot-circle_flow_2 1ms linear 1.92s forwards,scroll_animation-dot-circle_flow_3 1.277s linear 1.92s forwards}@media screen and (max-width:992px){.top-zone{display:flex;flex-direction:column;height:777px}.top-zone h1{font-size:40px;max-width:320px}.top-zone p{font-size:18px;max-width:320px}.top-zone .svg-container{display:none}.top-zone .bg-img{position:absolute;right:-20px;bottom:50px;height:60%;z-index:1}}@media screen and (max-width:576px){.top-zone .bg-img{bottom:100px;height:40%;right:-20px}}@media screen and (min-width:993px){.top-zone h1{font-size:64px}.top-zone .svg-container{position:absolute;top:75%;left:50%;transform:translateX(-50%)}.top-zone .bg-img{display:none}}@media screen and (min-width:1281px){.top-zone h1{font-size:80px}}@media screen and (min-width:993px){.top-banner{margin-top:-7%}}:root{--animation-duration:1s;--timing-function:ease-in-out;--filter-brightness:1.5;--adjacent-brightening:1.7;--width:1000px;--height:1000px;--scroll:0}@keyframes moveFromN{0%{transform:translateY(-400px);opacity:0}}@keyframes moveFromNNE{0%{transform:translate(200px,-400px);opacity:0}}@keyframes moveFromNE{0%{transform:translate(400px,-400px);opacity:0}}@keyframes moveFromENE{0%{transform:translate(400px,-200px);opacity:0}}@keyframes moveFromE{0%{transform:translateX(400px);opacity:0}}@keyframes moveFromESE{0%{transform:translate(400px,200px);opacity:0}}@keyframes moveFromSE{0%{transform:translate(400px,400px);opacity:0}}@keyframes moveFromSSE{0%{transform:translate(200px,400px);opacity:0}}@keyframes moveFromS{0%{transform:translateY(400px);opacity:0}}@keyframes moveFromSSW{0%{transform:translate(-200px,400px);opacity:0}}@keyframes moveFromSW{0%{transform:translate(-400px,400px);opacity:0}}@keyframes moveFromWSW{0%{transform:translate(-400px,200px);opacity:0}}@keyframes moveFromW{0%{transform:translateX(-400px);opacity:0}}@keyframes moveFromWNW{0%{transform:translate(-400px,-200px);opacity:0}}@keyframes moveFromNW{0%{transform:translate(-400px,-400px);opacity:0}}@keyframes moveFromNNW{0%{transform:translate(-200px,-400px);opacity:0}}@media screen and (min-width:993px){#shape22,#shape24,#shape25,#shape27,#shape34,#shape35,#shape52{animation:moveFromN var(--animation-duration) var(--timing-function)}#shape4,#shape26,#shape28,#shape32{animation:moveFromNNE var(--animation-duration) var(--timing-function)}#shape7,#shape29,#shape30,#shape31{animation:moveFromNE var(--animation-duration) var(--timing-function)}#shape36,#shape38,#shape54{animation:moveFromENE var(--animation-duration) var(--timing-function)}#shape37,#shape39,#shape40,#shape42,#shape47,#shape57{animation:moveFromE var(--animation-duration) var(--timing-function)}#shape41,#shape46{animation:moveFromESE var(--animation-duration) var(--timing-function)}#shape3,#shape5,#shape43{animation:moveFromSE var(--animation-duration) var(--timing-function)}#shape44,#shape50{animation:moveFromSSE var(--animation-duration) var(--timing-function)}#shape51,#shape53{animation:moveFromS var(--animation-duration) var(--timing-function)}#shape8,#shape49{animation:moveFromSSW var(--animation-duration) var(--timing-function)}#shape2,#shape12,#shape55{animation:moveFromSW var(--animation-duration) var(--timing-function)}#shape2,#shape10,#shape45{animation:moveFromWSW var(--animation-duration) var(--timing-function)}#shape9,#shape11,#shape13,#shape17,#shape48{animation:moveFromW var(--animation-duration) var(--timing-function)}#shape6,#shape14,#shape15,#shape16{animation:moveFromWNW var(--animation-duration) var(--timing-function)}#shape1,#shape18,#shape19,#shape20{animation:moveFromNW var(--animation-duration) var(--timing-function)}#shape21,#shape23,#shape33,#shape56{animation:moveFromNNW var(--animation-duration) var(--timing-function)}}@media screen and (min-width:1201px) and (max-width:1300px){#lion-animation-container #lion-animation{bottom:145px}}@media screen and (min-width:1071px) and (max-width:1200px){#lion-animation-container{right:-10%}#lion-animation-container #lion-animation{bottom:125px}}@media screen and (min-width:993px) and (max-width:1070px){#lion-animation-container #lion-animation{bottom:115px}}@media screen and (max-width:992px){#lion-animation-container{display:none}}@media screen and (min-width:993px){#lion-animation-container{width:45%;overflow:visible;position:absolute;right:-7%;z-index:20}#lion-animation-container:not(:has(.use-safari-animation)){height:100%}#lion-animation-container #lion-animation:not(.use-safari-animation){position:absolute;bottom:200px;right:0;width:100%}#lion-animation-container #lion-animation:not(.use-safari-animation) #shape2:hover~:is(#shape10),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape3:hover~:is(#shape5,#shape42),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape5:hover~:is(#shape41,#shape42),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape6:hover~:is(#shape14,#shape15),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape7:hover~:is(#shape30,#shape54),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape8:hover~:is(#shape9,#shape12,#shape45,#shape48,#shape49),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape9:hover~:is(#shape10,#shape11,#shape12,#shape13,#shape14,#shape16,#shape17,#shape45,#shape55),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape10:hover~:is(#shape11,#shape12,#shape13,#shape14,#shape16,#shape17,#shape45),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape11:hover~:is(#shape12,#shape13,#shape14,#shape16,#shape17,#shape45),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape12:hover~:is(#shape13,#shape14,#shape16,#shape17,#shape45,#shape48,#shape49),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape13:hover~:is(#shape13,#shape14,#shape16,#shape17,#shape45),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape14:hover~:is(#shape12,#shape13,#shape15,#shape16,#shape17,#shape45),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape15:hover~:is(#shape16,#shape18,#shape19),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape16:hover~:is(#shape17,#shape18,#shape19,#shape45),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape17:hover~:is(#shape18,#shape33,#shape45,#shape48),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape18:hover~:is(#shape19,#shape20,#shape21,#shape22,#shape23,#shape33,#shape35),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape19:hover~:is(#shape20,#shape21,#shape22,#shape23,#shape33,#shape35),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape20:hover~:is(#shape21,#shape22,#shape23,#shape33,#shape35,#shape56),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape21:hover~:is(#shape22,#shape23,#shape33,#shape35,#shape56),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape22:hover~:is(#shape23,#shape24,#shape33,#shape35),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape23:hover~:is(#shape24,#shape25,#shape26,#shape33,#shape34,#shape35),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape24:hover~:is(#shape25,#shape26,#shape34,#shape35),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape25:hover~:is(#shape26,#shape27,#shape34,#shape35),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape26:hover~:is(#shape27,#shape28,#shape29,#shape30,#shape31,#shape32,#shape34,#shape35),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape27:hover~:is(#shape28,#shape29,#shape30,#shape31,#shape32,#shape34),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape28:hover~:is(#shape29,#shape30,#shape31,#shape32,#shape34),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape29:hover~:is(#shape30,#shape31,#shape32,#shape34),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape30:hover~:is(#shape31,#shape32,#shape34,#shape36,#shape54),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape31:hover~:is(#shape32,#shape34,#shape36,#shape37,#shape54),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape32:hover~:is(#shape33,#shape34,#shape35,#shape37,#shape46,#shape47,#shape48,#shape52),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape33:hover~:is(#shape34,#shape35,#shape45,#shape48,#shape52),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape34:hover~:is(#shape35,#shape47,#shape48,#shape52),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape35:hover~:is(#shape47,#shape48,#shape52),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape36:hover~:is(#shape37,#shape38,#shape39,#shape40,#shape41,#shape42,#shape43,#shape46,#shape54),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape37:hover~:is(#shape38,#shape39,#shape40,#shape41,#shape42,#shape43,#shape46,#shape47),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape38:hover~:is(#shape39,#shape40,#shape41,#shape42,#shape43,#shape46,#shape54),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape39:hover~:is(#shape40,#shape41,#shape42,#shape43,#shape46),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape40:hover~:is(#shape41,#shape42,#shape43,#shape46,#shape57),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape41:hover~:is(#shape42,#shape43,#shape46),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape42:hover~:is(#shape43,#shape44,#shape46),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape43:hover~:is(#shape44,#shape46,#shape47,#shape50),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape44:hover~:is(#shape46,#shape47,#shape50),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape45:hover~:is(#shape48,#shape49),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape46:hover~:is(#shape47,#shape50),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape47:hover~:is(#shape48,#shape50,#shape52,#shape53),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape48:hover~:is(#shape49,#shape52,#shape53),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape49:hover~:is(#shape50,#shape51,#shape52,#shape53),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape50:hover~:is(#shape51,#shape52,#shape53),#lion-animation-container #lion-animation:not(.use-safari-animation) #shape52:hover~:is(#shape53){-webkit-filter:brightness(var(--adjacent-brightening));filter:brightness(var(--adjacent-brightening));transition:-webkit-filter 1s;transition:filter 1s;transition:filter 1s,-webkit-filter 1s}#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape4:hover) :is(#shape28),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape5:hover) :is(#shape3),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape10:hover) :is(#shape2,#shape9),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape11:hover) :is(#shape9,#shape10),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape12:hover) :is(#shape8,#shape9,#shape10,#shape11),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape13:hover) :is(#shape9,#shape10,#shape11,#shape12),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape14:hover) :is(#shape6,#shape9,#shape10,#shape11,#shape12,#shape13),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape15:hover) :is(#shape6,#shape14),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape16:hover) :is(#shape9,#shape10,#shape11,#shape12,#shape13,#shape14,#shape15),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape17:hover) :is(#shape9,#shape10,#shape11,#shape12,#shape13,#shape14,#shape16),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape18:hover) :is(#shape15,#shape16,#shape17),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape19:hover) :is(#shape15,#shape16,#shape17,#shape18),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape20:hover) :is(#shape18,#shape19),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape21:hover) :is(#shape18,#shape19,#shape20),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape22:hover) :is(#shape18,#shape19,#shape20,#shape21),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape23:hover) :is(#shape18,#shape19,#shape20,#shape21,#shape22),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape24:hover) :is(#shape22,#shape23),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape25:hover) :is(#shape23,#shape24),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape26:hover) :is(#shape23,#shape24,#shape25),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape27:hover) :is(#shape25,#shape26),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape28:hover) :is(#shape4,#shape26,#shape27),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape29:hover) :is(#shape26,#shape27,#shape28),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape30:hover) :is(#shape7,#shape26,#shape27,#shape28,#shape29),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape31:hover) :is(#shape26,#shape27,#shape28,#shape29,#shape30),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape32:hover) :is(#shape26,#shape27,#shape28,#shape29,#shape30,#shape31),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape33:hover) :is(#shape17,#shape18,#shape19,#shape20,#shape21,#shape22,#shape23),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape34:hover) :is(#shape23,#shape24,#shape25,#shape26,#shape27,#shape28,#shape29,#shape30,#shape31,#shape32,#shape33),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape35:hover) :is(#shape18,#shape19,#shape20,#shape21,#shape22,#shape23,#shape24,#shape25,#shape26,#shape32,#shape33,#shape34),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape36:hover) :is(#shape30,#shape31),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape37:hover) :is(#shape31,#shape32,#shape36),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape38:hover) :is(#shape36,#shape37),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape39:hover) :is(#shape36,#shape37,#shape38),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape40:hover) :is(#shape36,#shape37,#shape38,#shape39),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape41:hover) :is(#shape5,#shape36,#shape37,#shape38,#shape39,#shape40),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape42:hover) :is(#shape3,#shape5,#shape36,#shape37,#shape38,#shape39,#shape40,#shape41),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape43:hover) :is(#shape36,#shape37,#shape38,#shape39,#shape40,#shape41,#shape42),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape44:hover) :is(#shape42,#shape43),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape45:hover) :is(#shape8,#shape9,#shape10,#shape11,#shape12,#shape13,#shape14,#shape16,#shape17,#shape33),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape46:hover) :is(#shape32,#shape36,#shape37,#shape38,#shape39,#shape40,#shape41,#shape42,#shape43,#shape44),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape47:hover) :is(#shape32,#shape33,#shape34,#shape35,#shape37,#shape43,#shape44,#shape46),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape48:hover) :is(#shape8,#shape12,#shape17,#shape32,#shape33,#shape34,#shape35,#shape45,#shape47),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape49:hover) :is(#shape8,#shape12,#shape45,#shape48),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape50:hover) :is(#shape43,#shape44,#shape46,#shape47,#shape49),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape51:hover) :is(#shape49,#shape50),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape52:hover) :is(#shape47,#shape48,#shape49,#shape50),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape53:hover) :is(#shape47,#shape48,#shape49,#shape50,#shape52),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape54:hover) :is(#shape7,#shape30,#shape31,#shape36,#shape38),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape55:hover) :is(#shape9),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape56:hover) :is(#shape20,#shape21),#lion-animation-container #lion-animation:not(.use-safari-animation) :has(#shape57:hover) :is(#shape39,#shape40){-webkit-filter:brightness(var(--adjacent-brightening));filter:brightness(var(--adjacent-brightening));transition:-webkit-filter 1s;transition:filter 1s;transition:filter 1s,-webkit-filter 1s}#lion-animation-container #lion-svg path{animation-play-state:running;animation-delay:calc(var(--scroll)*1s);animation-iteration-count:1;animation-fill-mode:both}#lion-animation-container :not(.use-safari-animation) #lion-svg>path:hover{-webkit-filter:brightness(var(--filter-brightness));filter:brightness(var(--filter-brightness))}#lion-animation-container #lion-svg path animate{animation-play-state:paused}#lion-animation-container .highlight-path{-webkit-filter:brightness(var(--filter-brightness));filter:brightness(var(--filter-brightness))}}