.cta-button{white-space:nowrap;text-transform:uppercase;min-width:182px;text-align:center;padding:12px 24px;background:linear-gradient(180deg, #83d714 0%, #3e9500 100%);font-size:18px;border-radius:4px;color:#121317;position:relative}.cta-button:before{opacity:0;border:2px solid rgba(77,125,1,.5);transition:opacity ease-in-out .2s;background:linear-gradient(180deg, #8ccd22 0%, #59ac10 100%);content:"";width:100%;height:100%;position:absolute;left:0;top:0;border-radius:4px;z-index:3}.cta-button.header-button{background:linear-gradient(180deg, #a9f036 0%, #5aad11 100%);border:1px solid rgba(188,255,81,.5)}.cta-button:after{opacity:0;transition:opacity ease-in-out .2s;background:linear-gradient(182deg, #beff54 1.6%, #6bc61b 98.39%);content:"";width:100%;height:100%;position:absolute;left:0;top:0;border-radius:4px;z-index:2}.cta-button span{z-index:4;position:relative}.cta-button.pressing:before{opacity:1}.cta-button:hover:after{opacity:1}#footer{background-color:#171819;box-shadow:none}#footer{margin-top:auto;background-color:rgba(0,0,0,0)}html{font-size:18px;line-height:1.3;color:#fbe9be;background-color:#121317;scroll-behavior:smooth}@media only screen and (max-width: 766px){html{font-size:14px}}body{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/6a4735c2.webp);overscroll-behavior:none;background-repeat:no-repeat;background-color:#121317;background-size:100% auto;position:relative}body.no-shadow .left-shadow,body.no-shadow .right-shadow{display:none}body .header{z-index:4}body #wr{z-index:2}.c-yellow{color:#f8c83e}.c-green{color:#44c826}.btn{cursor:pointer;font-size:16px;color:#ffedd2;display:block;transition:all ease-in-out .2s}.btn.active{color:#ffcf84}.btn:hover{color:#ffcf84}.btn.inverted{color:#ffcf84}.btn.inverted:hover{color:#ffedd2}.pre-content{max-width:1040px;margin-left:auto;margin-right:auto;padding:10px 0 0;width:100%}.pre-content .pre-title{color:#fbe9be;font-size:18px}.pre-content .title{font-size:48px;flex-wrap:nowrap;color:#fff;text-transform:uppercase}#footer{z-index:3}.types-dropdown .dropdown-content .btn:before{display:none}.sub-header{display:flex;max-width:1040px;margin-left:auto;margin-right:auto;padding:10px 0 0;width:100%;height:70px}.sub-header .navbar{text-align:center;display:flex;height:100%}.sub-header .navbar .search{display:flex;align-items:center;position:relative;border-radius:4px;transition:background-color ease-in-out 200ms;padding:10px 30px 10px 15px;height:49px}.sub-header .navbar .search.empty .search-bar{width:25px}.sub-header .navbar .search.empty .closer{display:none}.sub-header .navbar .search:hover,.sub-header .navbar .search.focused{background-color:rgba(215,156,88,.2)}.sub-header .navbar .search .search-hint{text-transform:uppercase;font-size:20px;margin-left:15px;cursor:pointer}.sub-header .navbar .search .search-hint.hidden{display:none}.sub-header .navbar .search .closer{display:block;position:absolute;cursor:pointer;right:38px;top:24%}.sub-header .navbar .search .closer:hover:after{color:#fbe9be}.sub-header .navbar .search .closer:after{content:"";font-family:hw-icons,sans-serif;color:rgba(251,233,190,.5019607843);transition:color ease-out .3s;display:block;height:25px;width:25px;top:0;position:absolute;z-index:5}.sub-header .navbar .search .search-btn{font-family:hw-icons,sans-serif;font-size:18px;line-height:50px;color:#fbe9be}.sub-header .navbar .search .search-btn:before{content:""}.sub-header .navbar .search .search-bar{display:none;height:80%;border-radius:2px;border:none;padding:12px;background:none;font-size:20px;text-transform:uppercase;color:#ffedd2;width:min-content;position:relative}.sub-header .navbar .search .search-bar:focus{outline:none}.sub-header .navbar .search .search-bar.active{display:block}.types-dropdown,.classes-dropdown{margin-left:auto;cursor:pointer;height:100%}.types-dropdown.active .dropdown-content,.classes-dropdown.active .dropdown-content{display:flex}.types-dropdown.active .dropdown-text,.classes-dropdown.active .dropdown-text{background-color:rgba(215,156,88,.4)}.types-dropdown.active .dropdown-text:after,.classes-dropdown.active .dropdown-text:after{transform:rotate(180deg)}.types-dropdown .dropdown-text,.classes-dropdown .dropdown-text{height:44px;line-height:50px;text-transform:uppercase;color:#fbe9be;position:relative;border-radius:4px;transition:background-color ease-in-out 200ms;display:flex;align-items:center;padding:0 40px 0 40px}.types-dropdown .dropdown-text span,.classes-dropdown .dropdown-text span{font-size:20px}.types-dropdown .dropdown-text:after,.classes-dropdown .dropdown-text:after{content:"";font-family:hw-icons,sans-serif;font-size:24px;right:10px;transition:color ease .1s,transform ease .5s;position:absolute}.types-dropdown .dropdown-text:hover,.classes-dropdown .dropdown-text:hover{background-color:rgba(215,156,88,.2)}.types-dropdown .dropdown-text:before,.classes-dropdown .dropdown-text:before{font-size:22px;font-family:hw-icons,sans-serif;left:11px;transition:all ease-in-out .2s;position:absolute}.types-dropdown .dropdown-text.all_class :before,.classes-dropdown .dropdown-text.all_class :before{display:none}.types-dropdown .dropdown-text.control:before,.classes-dropdown .dropdown-text.control:before{content:""}.types-dropdown .dropdown-text.warrior:before,.classes-dropdown .dropdown-text.warrior:before{content:""}.types-dropdown .dropdown-text.mage:before,.classes-dropdown .dropdown-text.mage:before{content:""}.types-dropdown .dropdown-text.marksman:before,.classes-dropdown .dropdown-text.marksman:before{content:""}.types-dropdown .dropdown-text.control:before,.classes-dropdown .dropdown-text.control:before{content:""}.types-dropdown .dropdown-text.healer:before,.classes-dropdown .dropdown-text.healer:before{content:""}.types-dropdown .dropdown-text.support:before,.classes-dropdown .dropdown-text.support:before{content:""}.types-dropdown .dropdown-text.tank:before,.classes-dropdown .dropdown-text.tank:before{content:""}.types-dropdown .dropdown-content,.classes-dropdown .dropdown-content{display:none;border-radius:4px;box-shadow:0 55px 84px 0 rgba(18,19,23,.6);padding:24px;background:#fff;z-index:10;flex-direction:column;position:absolute;align-items:center}.types-dropdown .dropdown-content .btn,.classes-dropdown .dropdown-content .btn{margin-bottom:4px;width:140px;color:#121317 !important;font-size:16px;font-style:normal;font-weight:700;padding:6px 8px;line-height:20px;display:flex;align-items:center}.types-dropdown .dropdown-content .btn:hover,.classes-dropdown .dropdown-content .btn:hover{background:rgba(215,156,88,.2)}.types-dropdown .dropdown-content .btn:focus-within,.classes-dropdown .dropdown-content .btn:focus-within{background:rgba(215,156,88,.4)}.types-dropdown .dropdown-content .btn:before,.classes-dropdown .dropdown-content .btn:before{content:"";font-size:24px;font-family:hw-icons,sans-serif;left:15px;transition:all ease-in-out .2s;font-weight:400;width:26px;margin-right:8px}.types-dropdown .dropdown-content .btn.control:before,.classes-dropdown .dropdown-content .btn.control:before{content:""}.types-dropdown .dropdown-content .btn.warrior:before,.classes-dropdown .dropdown-content .btn.warrior:before{content:"";margin-left:-2px;margin-right:10px}.types-dropdown .dropdown-content .btn.mage:before,.classes-dropdown .dropdown-content .btn.mage:before{content:""}.types-dropdown .dropdown-content .btn.marksman:before,.classes-dropdown .dropdown-content .btn.marksman:before{content:""}.types-dropdown .dropdown-content .btn.control:before,.classes-dropdown .dropdown-content .btn.control:before{content:""}.types-dropdown .dropdown-content .btn.healer:before,.classes-dropdown .dropdown-content .btn.healer:before{content:""}.types-dropdown .dropdown-content .btn.support:before,.classes-dropdown .dropdown-content .btn.support:before{content:""}.types-dropdown .dropdown-content .btn.tank:before,.classes-dropdown .dropdown-content .btn.tank:before{content:""}.shortcuts .types-dropdown.des{margin-right:13px}.types-dropdown .dropdown-text span{font-size:18px}.types-dropdown .dropdown-content .btn{width:100%}.shortcuts .btn{font-size:18px}.header .types-dropdown .dropdown-text .big{display:block}.header .types-dropdown .dropdown-text .short{display:none}@media(min-width: 749px)and (max-width: 1156px){.right .burger{display:none}.header .breadcrumbs{order:2;display:flex !important}.header .breadcrumbs .shortcuts .types-dropdown.des{margin-right:0}.header .breadcrumbs .types-dropdown .dropdown-content{left:unset}.header .breadcrumbs .types-dropdown .dropdown-text span{font-size:14px}.header .breadcrumbs .types-dropdown .dropdown-text .big{display:none}.header .breadcrumbs .types-dropdown .dropdown-text .short{display:block}.header .breadcrumbs .btn{font-size:14px}}@media(max-width: 749px){.header .right .lang{display:none}.header .right{flex-direction:row-reverse}.header .right .burger{margin-left:0;margin-right:20px}.burger-overlay .cta-button{display:none !important}.burger-overlay .shortcuts .btn{padding:10px 36px 10px 36px;width:fit-content;margin:0 auto}.burger-overlay .lang{width:fit-content;margin:0 auto}.burger-overlay .lang .language-dropdown{max-height:300px !important;overflow:scroll;left:-12px !important}.burger-overlay .lang .language-dropdown li a{margin-bottom:0;color:#000 !important}}.right-shadow,.left-shadow{top:0;background:linear-gradient(270deg, #121317 21.85%, rgba(18, 19, 23, 0.6) 60%, rgba(18, 19, 23, 0) 100%);position:absolute;height:100%;width:calc((100vw - 1040px)/3);z-index:2;display:flex;max-height:1350px}.right-shadow .holder,.left-shadow .holder{width:100%;display:flex;margin:auto 0}.right-shadow.hidden-arrow .dir-arrow,.left-shadow.hidden-arrow .dir-arrow{display:none}.right-shadow .dir-arrow,.left-shadow .dir-arrow{width:76px;height:72px;background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/e77b476b.webp);background-size:contain;transition:filter ease-in-out .2s;cursor:pointer;margin:auto auto auto 10px;background-repeat:no-repeat}.right-shadow .dir-arrow:hover,.left-shadow .dir-arrow:hover{filter:brightness(1.4)}.left-shadow{transform:rotate(180deg)}.right-shadow{right:0}.char-name{font-size:24px;line-height:24px;font-weight:400;text-align:center}.char-node{position:relative;cursor:pointer;width:134px;height:463px;margin-bottom:10px;margin-left:15px;color:#ffcf84;z-index:3;transition:all cubic-bezier(0.08, 0.35, 0, 1) .5s}.char-node .impostor-icon{position:absolute;transition:all cubic-bezier(0.08, 0.35, 0, 1) .5s;width:90px;padding:4px;display:flex;right:16.3%;align-items:center;justify-content:center;top:-9.8%;height:90px;color:#fbe9be;text-align:center;z-index:6}.char-node .impostor-icon:after{font-family:hw-icons,sans-serif;color:#fbe9be;font-size:28px}.char-node .impostor-icon.tank::after{content:""}.char-node .impostor-icon.healer::after{content:""}.char-node .impostor-icon.control::after{content:""}.char-node .impostor-icon.marksman::after{content:""}.char-node .impostor-icon.warrior::after{content:""}.char-node .impostor-icon.mage::after{content:""}.char-node .impostor-icon.support::after{content:""}.char-node .glow{display:none;opacity:0;position:absolute;top:-14.5%;left:-11%;width:123%;z-index:-1;height:119%;background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/f87c7ed2.webp);transition:all cubic-bezier(0.08, 0.35, 0, 1) .5s;background-repeat:no-repeat;background-size:contain;background-position:center}.char-node .explore{color:#fbe9be;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:100%;opacity:0;position:absolute;bottom:14%;width:100%;left:0;transition:all cubic-bezier(0.08, 0.35, 0, 1) .5s;z-index:6}.char-node.shadow{opacity:.5}.char-node .char-hover{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.char-node.hover{background-color:rgba(0,0,0,0);margin-top:-30px;margin-bottom:30px;filter:drop-shadow(0px 0px 25px rgba(215, 156, 88, 0.7));z-index:4}.char-node.hover .explore{opacity:1;bottom:18%}.char-node.hover .char-hover{height:110%;top:0}.char-node.hover .impostor-icon{transform:scale(2.5);opacity:0}.char-node.hover .glow{opacity:1}.char-node.hover .char-name{color:#fff}.char-node.hidden{display:none}.char-node::after{font-family:hw-icons,sans-serif;position:absolute;transition:all ease-in-out .5s;width:90px;padding:4px;background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/c595923a.webp);display:flex;right:16.3%;align-items:center;justify-content:center;color:#ffedd2;top:-9.8%;height:90px;background-repeat:no-repeat;background-size:contain;font-size:28px;text-align:center;z-index:4}.char-node.tank::after{content:""}.char-node.healer::after{content:""}.char-node.control::after{content:""}.char-node.marksman::after{content:""}.char-node.warrior::after{content:""}.char-node.mage::after{content:""}.char-node.support::after{content:""}.char-node:before{content:"";position:absolute;display:block;width:100%;z-index:3;background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/10888abb.webp);background-repeat:no-repeat;height:100%;background-size:contain}.char-node .char-picture{-webkit-mask-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/svg/249d8677.svg);mask-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/svg/249d8677.svg);width:auto;height:98%;transition:all cubic-bezier(0.08, 0.35, 0, 1) .5s;position:relative}.char-node .char-name{position:absolute;padding:0 5px;bottom:22%;font-size:19px;transition:all cubic-bezier(0.08, 0.35, 0, 1) .5s;font-weight:400;width:134px;text-align:center;color:#feebcd;z-index:4;text-transform:uppercase}.char-node .char-name span{position:relative;z-index:2}#wr{display:flex;flex-direction:column;position:relative;overflow-x:clip}#wr .sub-header{z-index:3}#wr .content{position:relative;top:-30px;padding-top:30px;z-index:0;max-width:100vw;overflow-x:scroll;margin-bottom:100px}#wr .content.no-over{overflow-x:clip}#wr .content.no-over:after{display:none}#wr .content .holder{overflow:visible}#wr .content .characters{padding:90px 30px;margin:0 calc((100vw - 1080px)/2);width:max-content;display:flex;justify-content:center}#wr .content .characters.dragging a{pointer-events:none}#wr .content .characters a:first-child{margin-left:0}::-webkit-scrollbar{display:none;-webkit-appearance:none}#custom-scrollbar{cursor:pointer;height:12px;position:sticky;bottom:0;left:calc((100vw - 1040px + 14%)/2);width:800px;overflow-x:scroll;padding:0 8px 0 4px}#custom-scrollbar.none{display:none}#custom-scrollbar:before{content:"";background-color:rgba(215,156,88,.2);height:1px;width:100%;position:absolute;z-index:2;top:50%}#custom-scrollbar-thumb{background:#563312;border:1px solid rgba(215,156,88,.6);height:12px;cursor:pointer;position:sticky;z-index:10;transition:background-color ease-in-out 200ms}#custom-scrollbar-thumb:hover,#custom-scrollbar-thumb.dragging{background-color:#966835}#custom-scrollbar-thumb:hover:before,#custom-scrollbar-thumb.dragging:before{background-color:#966835}#custom-scrollbar-thumb:hover:after,#custom-scrollbar-thumb.dragging:after{background-color:#966835}#custom-scrollbar-thumb:before,#custom-scrollbar-thumb:after{content:"";position:absolute;top:1px;border-style:solid;height:8px;width:8px;transition:background-color ease-in-out 200ms}#custom-scrollbar-thumb:before{border-left:1px solid rgba(215,156,88,.6);background-color:#563312;border-bottom:1px solid rgba(215,156,88,.6);border-top:0;border-right:0;transform:rotate(45deg);left:-4px}#custom-scrollbar-thumb:after{border-top:1px solid rgba(215,156,88,.6);background-color:#563312;border-right:1px solid rgba(215,156,88,.6);border-left:0;border-bottom:0;transform:rotate(45deg);right:-4px}.container{position:relative;padding:90px 0}.container:first-child{margin-bottom:0}@media only screen and (max-width: 1200px){.container{padding:60px 0}}@media only screen and (max-width: 766px){.container{padding:40px 0}}@media only screen and (max-width: 420px){.container{padding:20px 0}}.content-wr{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;justify-content:center;align-items:center;display:flex}.content-wr.min{max-width:1104px}.cta{max-width:563px;padding-top:50px;padding-bottom:50px}@media only screen and (max-width: 1200px){.cta{padding-top:20px;padding-bottom:20px}}.bottom-cta{display:flex;align-items:center;justify-content:center;padding:30px 0}.bottom-cta .btn{margin:0 20px}.bottom-cta .btn span{padding-left:40px;padding-right:40px}h2{font-size:64px;margin:0 auto 40px}.container{display:flex;flex-direction:column}.container.intro{background:#cecece}.container.intro .content-wr{flex-direction:column}.container.intro .header{display:flex;flex-direction:column;align-items:center}.container.intro .header h1{display:flex;align-items:center;text-transform:uppercase;text-align:center;color:#fff;font-size:80px}.container.intro .header h1 span{display:block;margin:0 20px}@media only screen and (max-width: 1200px){.container.intro .header h1{font-size:32px}}.container.intro .header .subtitle{max-width:510px;text-align:center;margin:14px 0 30px}.container.opportunities .block-content{display:flex;justify-content:space-between}.container.opportunities .block{height:290px;width:290px;background-color:#cecece;display:flex}.container.opportunities .block .text{margin:auto auto 40px;font-size:24px;width:240px}.container.guardians .block-content{width:90%;background-color:#cecece;height:784px;position:relative;display:flex;justify-content:center;margin:0 auto}.container.guardians .block-content .block{display:none;width:100%;height:100%;flex-direction:column;align-items:center}.container.guardians .block-content .block h3{margin-top:80px;margin-bottom:50px;font-size:48px}.container.guardians .block-content .block.active{display:flex}.container.guardians .block-content .selectors{bottom:5%;position:absolute;width:60%;display:flex;justify-content:space-between}.container.guardians .block-content .selectors .selector{background-color:#fff;width:160px;height:160px;cursor:pointer}.container.guardians .block-content .selectors .selector:hover{border:8px solid gray}.container.guardians .block-content .selectors .selector.active{border:8px solid #000}.container.titans{background:#cecece;display:flex;align-items:center;flex-direction:column}.types-dropdown.mob{display:none}@media(max-width: 1160px){.content:after{display:none !important}.left-shadow,.right-shadow{background:none;width:calc((100vw - 740px)/2)}.left-shadow.hidden-arrow,.right-shadow.hidden-arrow{display:none}.characters,.pre-content,.sub-header{padding-left:20px;padding-right:20px}#custom-scrollbar{left:17%}}@media(max-width: 975px){#custom-scrollbar{left:5%;width:90%}#wr .content .characters{margin:0;padding:100px 50px}}@media(max-width: 1010px){.classes-dropdown{padding-left:0}.sub-header{flex-wrap:wrap;height:auto}.sub-header .navbar{width:100%}.sub-header .navbar .search{width:100%}.sub-header .navbar .search .search-hint{font-size:20px !important}.sub-header .types-dropdown .dropdown-text{padding:0 40px 0 10px}#wr .content .characters{padding:70px 20px}.sub-header .types-dropdown,.sub-header .classes-dropdown{margin-left:20px}.types-dropdown.mob{display:block}.types-dropdown.mob .dropdown-content{left:2%}.types-dropdown.mob .dropdown-content .btn{padding-left:10px !important}.sub-header .types-dropdown,.sub-header .types-dropdown{margin-left:0;margin-right:auto}.sub-header{padding:10px}.sub-header .navbar .shortcuts{display:none}.sub-header .navbar .shortcuts.mob{display:block}.dropdown-content{left:60%}.pre-content{padding:0 20px}.header{padding:10px 20px}.types-dropdown .dropdown-text span{font-size:20px}}@media(max-height: 1000px){.characters{padding-bottom:40px !important}}@media(max-height: 900px){.characters{padding-top:70px !important;padding-bottom:30px !important}.char-node .char-picture{-webkit-mask-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/svg/e8941396.svg);mask-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/svg/e8941396.svg)}.char-node{height:300px;width:86px}.char-node:after{width:53px;height:53px;font-size:20px;top:-8.8%;right:19.3%}.char-node .char-name{font-size:12px;width:86px}.char-node .explore{font-size:11px}.char-node .impostor-icon{width:53px;height:53px;top:-8.8%;right:19.3%}.char-node .impostor-icon:after{font-size:20px}}@media(max-width: 450px){.header{height:70px;padding:10px}.sub-header .types-dropdown,.sub-header .classes-dropdown{margin-left:0}.pre-content .title{font-size:40px}.burger-overlay .cta-button{margin-top:23px;display:block !important}}@media(max-width: 415px){.sub-header .types-dropdown,.sub-header .classes-dropdown{margin-right:-10px}.sub-header{justify-content:space-between !important}.sub-header .types-dropdown span,.sub-header .classes-dropdown span,.sub-header .navbar .search .search-bar,.sub-header .navbar .search .search-hint{font-size:14px !important}}