section.hero{--_clr-txt: var(--primary-color);--_clr-txt-svg: var(--primary-color);--_ani-speed: 6s;height:100vh;position:relative;display:grid;place-content:center;z-index:1;background-size:cover}section.hero img.illustrator{position:absolute;bottom:0;right:0;height:calc(100% - 120px)}section.hero .hero-sub-content p{font-size:20px}section.hero .theme-heading h1{font-size:60px;margin:0;margin-bottom:15px;font-size:60px;margin:0;margin-bottom:15px;font-weight:bold;color:var(--secondary-color);width:-moz-fit-content;width:fit-content;letter-spacing:.035rem;text-transform:capitalize}section.hero .container{position:relative}section.hero .lines{display:flex;align-items:stretch;position:absolute;height:100vh;width:100%;top:0;z-index:-1}section.hero .lines div{flex:1;border-left:1px solid #efefef}section.hero .enquiry-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;margin:0;font-family:inherit;font-size:18px;color:inherit;text-decoration:none;text-transform:none;line-height:normal;overflow:visible;position:relative;display:grid;place-content:center;grid-template-areas:"stack";padding:0 1.5rem;text-transform:uppercase;font-weight:300;left:0%;top:50px;left:-50px;z-index:9;margin-top:15px}section.hero .enquiry-btn span.material-icons{color:var(--primary-color)}section.hero .enquiry-btn span{transition:all 300ms ease-in-out;grid-area:stack}section.hero .enquiry-btn span:last-of-type{margin-top:.25rem;transform:scale(0);transition-delay:0ms;border-radius:50%}section.hero .enquiry-btn svg{position:absolute;width:225px;height:225px;top:50%;left:50%;transform:translate(-50%, -50%);transform-origin:center;opacity:0;text-transform:uppercase;transition:all 300ms ease-in-out;color:var(--_clr-txt-svg)}section.hero .enquiry-btn svg g{transform-origin:center;animation:rotate var(--_ani-speed) linear infinite}section.hero .enquiry-btn:hover span:first-of-type,section.hero .enquiry-btn:focus-visible span:first-of-type,section.hero .enquiry-btn.active span:first-of-type{transform:scale(0)}section.hero .enquiry-btn:hover span:last-of-type,section.hero .enquiry-btn:focus-visible span:last-of-type,section.hero .enquiry-btn.active span:last-of-type{transform:scale(1)}section.hero .enquiry-btn:hover svg,section.hero .enquiry-btn:focus-visible svg,section.hero .enquiry-btn.active svg{transform:translate(-50%, -50%) scale(1);opacity:1;transition-delay:150ms;transition:all 300ms ease-in-out}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}100%{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}100%{transform:translateX(-50%) translateY(-10%)}}section.hero .gradient-bg{width:100vw;height:100%;position:absolute;overflow:hidden;top:0;left:0;z-index:-1;opacity:.5}section.hero .gradient-bg .svgBlur{display:none}section.hero .gradient-bg .noiseBg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;mix-blend-mode:soft-light;opacity:.3}section.hero .gradient-bg .gradients-container{filter:url(#goo) blur(40px);width:100%;height:100%}section.hero .gradient-bg .g1{position:absolute;background:radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size)/2);left:calc(50% - var(--circle-size)/2);transform-origin:center center;animation:moveVertical 30s ease infinite;opacity:1}section.hero .gradient-bg .g2{position:absolute;background:radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size)/2);left:calc(50% - var(--circle-size)/2);transform-origin:calc(50% - 400px);animation:moveInCircle 20s reverse infinite;opacity:1}section.hero .gradient-bg .g3{position:absolute;background:radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size)/2 + 200px);left:calc(50% - var(--circle-size)/2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite;opacity:1}section.hero .gradient-bg .g4{position:absolute;background:radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size)/2);left:calc(50% - var(--circle-size)/2);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite;opacity:.7}section.hero .gradient-bg .g5{position:absolute;background:radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;mix-blend-mode:var(--blending);width:calc(var(--circle-size)*2);height:calc(var(--circle-size)*2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 20s ease infinite;opacity:1}section.hero .gradient-bg .interactive{position:absolute;background:radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;mix-blend-mode:var(--blending);width:100%;height:100%;top:-50%;left:-50%;opacity:.7}/*# sourceMappingURL=style.css.map */