.hero-section{width:100%}.hero-section.light-mode{color:#1b1b1b}.hero-section.light-mode section{border:.5px dashed var(--Default-Ash,#b8b8b8);border-bottom:none}.hero-section.light-mode section img.pin{filter:invert(1)}.hero-section.light-mode section .right-content .highlight{border-color:rgba(191,202,202,.4745098039)}.hero-section.light-mode section .right-content .highlight img.icon-img{filter:invert(1)}.hero-section section{max-width:1312px;width:100%;margin:0 auto;height:100vh;max-height:900px;display:flex;align-items:center;border:.6px dashed var(--Default-Ash,#4c4c4c);border-bottom:none;position:relative;padding:100px 60px;justify-content:space-between}.hero-section section img.pin{position:absolute;top:-1px;z-index:10}.hero-section section img.pin.top-right{right:-10.5px}.hero-section section img.pin.top-left{left:-10.5px}.hero-section section .left-content{width:460px;padding:70px 20px}.hero-section section .left-content h1{font-weight:400;font-size:30px;line-height:34px;display:flex;align-items:center;margin-bottom:30px}.hero-section section .left-content p{font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;font-family:Commissioner,sans-serif;margin-bottom:70px}.hero-section section .left-content .btn{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;gap:10px;width:-moz-fit-content;width:fit-content;height:40px;background:#dd9a38;font-weight:400;font-size:16px;line-height:18px;cursor:pointer;color:#1b1b1b}.hero-section section .left-content .btn .contain{height:14px;transition:all .5s cubic-bezier(.19,1,.22,1);overflow:hidden}.hero-section section .left-content .btn .contain.wrapped-link{position:relative;height:16px;top:-3px}.hero-section section .left-content .btn .contain span{line-height:100%;display:flex;align-items:center;transition:transform .5s cubic-bezier(.19,1,.22,1)}.hero-section section .left-content .btn .contain span.wrap{display:flex;gap:10px}.hero-section section .left-content .btn:hover .contain{transform:scale(1.01)}.hero-section section .left-content .btn:hover .contain .hover-text,.hero-section section .left-content .btn:hover .contain span:first-child{transform:translateY(-105%)}.hero-section section .right-content{width:500px;display:grid;grid-template-columns:repeat(10,50px);grid-template-rows:repeat(11,50px)}.hero-section section .right-content .grid-box{width:50px;height:50px;border-radius:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1}.hero-section section .right-content .highlight{border:1px solid var(--Brand-Green-T,rgba(59,95,93,.3));cursor:pointer}.hero-section section .right-content .highlight.active:after,.hero-section section .right-content .highlight.active:before{background:var(--Brand-Green,#3b5f5d)}.hero-section section .right-content .highlight .highlight-bg{position:absolute;top:0;height:100%;width:50%;z-index:-1}.hero-section section .right-content .highlight .highlight-bg.left{left:0;transform-origin:right;background:#dd9a38}.hero-section section .right-content .highlight .highlight-bg.right{right:0;transform-origin:left;background:#dd9a38}.hero-section section .right-content .highlight.active .highlight-bg.left,.hero-section section .right-content .highlight.active .highlight-bg.right{background:#3b5f5d}.hero-section section .right-content .highlight:after,.hero-section section .right-content .highlight:before{content:"";position:absolute;top:0;height:100%;width:50%;background:var(--Brand-Gold,#dd9a38);transform:scaleX(0);transition:transform .4s ease-in-out,opacity .4s ease .8s;z-index:-1;opacity:0}.hero-section section .right-content .highlight:before{left:0;transform-origin:right}.hero-section section .right-content .highlight:after{right:0;transform-origin:left}.hero-section section .right-content .highlight:hover:after,.hero-section section .right-content .highlight:hover:before{transform:scaleX(1);opacity:1;transition:transform .4s ease-in-out,opacity .4s ease}@media (max-width:575px){.hero-section{overflow:hidden}.hero-section section{max-width:100%;max-height:-moz-fit-content;max-height:fit-content;height:-moz-fit-content;height:fit-content;flex-direction:column-reverse;padding:100px 53.5px 50px}.hero-section section .right-content{width:100%;display:grid;grid-template-columns:repeat(10,28.3px);grid-template-rows:repeat(11,28.3px)}.hero-section section .right-content .grid-box{width:28.3px;height:28.3px;border-radius:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1}.hero-section section .left-content{width:100%;padding:0;margin-top:100px}.hero-section section .left-content h1{font-size:24px;font-weight:700;margin-bottom:38px;line-height:27px}.hero-section section .left-content p{font-weight:400;font-size:16px;line-height:20px;margin-bottom:50px}.hero-section section .left-content .btn{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;gap:10px;height:40px;background:#dd9a38;font-weight:400;font-size:14px;line-height:100%;color:#1b1b1b;cursor:pointer}.hero-section section .left-content .btn .contain{height:13px;transition:all .5s cubic-bezier(.19,1,.22,1);overflow:hidden}.hero-section section .left-content .btn .contain.wrapped-link{position:relative;height:16px;top:-3px}.hero-section section .left-content .btn .contain span{line-height:100%;display:flex;align-items:center;transition:transform .5s cubic-bezier(.19,1,.22,1)}.hero-section section .left-content .btn .contain span.wrap{display:flex;gap:10px}.hero-section section .left-content .btn:hover .contain .hover-text,.hero-section section .left-content .btn:hover .contain span:first-child{transform:translateY(-105%)}}@media (min-width:992px) and (max-width:1102px){.hero-section section{max-width:90%;padding:50px 30px}.hero-section section img.pin{position:absolute;top:-1px;z-index:10}.hero-section section img.pin.top-right{right:-10.5px}.hero-section section img.pin.top-left{left:-10.5px}.hero-section section .left-content{width:460px;padding:70px 20px}.hero-section section .left-content h1{font-weight:400;font-size:30px;line-height:34px;display:flex;align-items:center;margin-bottom:30px}.hero-section section .left-content p{font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;font-family:Commissioner,sans-serif;margin-bottom:70px}.hero-section section .left-content .btn{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;gap:10px;height:40px;background:#dd9a38;font-weight:400;font-size:16px;line-height:18px;color:#1b1b1b;cursor:pointer}.hero-section section .left-content .btn .contain{height:14px;transition:all .5s cubic-bezier(.19,1,.22,1);overflow:hidden}.hero-section section .left-content .btn .contain.wrapped-link{position:relative;height:16px;top:-3px}.hero-section section .left-content .btn .contain span{line-height:100%;display:flex;align-items:center;transition:transform .5s cubic-bezier(.19,1,.22,1)}.hero-section section .left-content .btn .contain span.wrap{display:flex;gap:10px}.hero-section section .left-content .btn:hover .contain{transform:scale(1.01)}.hero-section section .left-content .btn:hover .contain .hover-text,.hero-section section .left-content .btn:hover .contain span:first-child{transform:translateY(-105%)}.hero-section section .right-content{width:500px;display:grid;grid-template-columns:repeat(10,50px);grid-template-rows:repeat(11,50px)}.hero-section section .right-content .grid-box{width:50px;height:50px;border-radius:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1}.hero-section section .right-content .highlight{border:1px solid var(--Brand-Green-T,rgba(59,95,93,.3));cursor:pointer}.hero-section section .right-content .highlight.active:after,.hero-section section .right-content .highlight.active:before{background:var(--Brand-Green,#3b5f5d)}.hero-section section .right-content .highlight:after,.hero-section section .right-content .highlight:before{content:"";position:absolute;top:0;height:100%;width:50%;background:var(--Brand-Gold,#dd9a38);transform:scaleX(0);transition:transform .4s ease-in-out,opacity .4s ease .8s;z-index:-1;opacity:0}.hero-section section .right-content .highlight:before{left:0;transform-origin:right}.hero-section section .right-content .highlight:after{right:0;transform-origin:left}.hero-section section .right-content .highlight:hover:after,.hero-section section .right-content .highlight:hover:before{transform:scaleX(1);opacity:1;transition:transform .4s ease-in-out,opacity .4s ease}.hero-section section .right-content .glitch{background:repeating-linear-gradient(45deg,#f87171,#f87171 10px,#facc15 0,#facc15 20px);animation:glitch .8s infinite alternate}.hero-section section .right-content .gold{background-color:#f59e0b;box-shadow:0 0 10px #fbbf24;transform:rotate(5deg)}@keyframes pulse-highlight{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-1px,2px)}75%{transform:translate(1px,-1px)}to{transform:translate(0)}}}@media screen and (min-width:1020px) and (max-width:1280px){.hero-section section{max-width:90%}}