@font-face{font-display:swap;font-family:JetBrainsMono;font-style:normal;src:url(/webfonts/JetBrainsMono-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:MontserratBlack;font-style:normal;src:url(/webfonts/Montserrat-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat700;font-style:normal;src:url(/webfonts/Montserrat-700.woff2) format("woff2")}:root{--vh: 100vh;--vw: 100vw;--background-color: #eeeeee;--primary-color: #76abae;--secondary-color: #393e46;--text-dark: #222831;--text-lighter: #6e7787;--dock-border: #d9d9d9;--dock-icon: #e6e6e6;--dock-icon-border: #e1e1e1;--unit-fx: calc(var(--vw) / 1440);--unit-fy: calc(var(--vh) / 996);--mono: "JetBrainsMono", ui-monospace;--montserrat-black: "MontserratBlack", ui-sans-serif;--montserrat: "Montserrat700", ui-sans-serif}@media screen and (max-width: 600px) and (orientation: portrait){:root{--unit-fx: calc(var(--vw) / 375);--unit-fy: calc(var(--vh) / 726)}}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background-color);color:var(--secondary-color);height:100vh;overflow:hidden;user-select:none;width:100vw}.lcp{color:var(--background-color)}.counter{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);height:calc(15 * var(--unit-fx));left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:calc(30 * var(--unit-fx));z-index:0}.counter p{display:block;font-family:var(--montserrat);font-size:calc(12 * var(--unit-fx));position:relative;transform:translateY(20px)}.hero{clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);height:100vh;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.7);width:100vw;will-change:transform;z-index:1}.overlay{background-color:var(--primary-color);clip-path:polygon(0 100%,100% 100%,100% 0,0 0);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hero__secondary__header{clip-path:polygon(0 100%,100% 100%,100% 0,0 0);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;h1{color:var(--secondary-color);font-family:var(--montserrat-black);font-size:10vw;line-height:100%;text-align:center;span{display:inline-block;position:relative;transform:translateY(500px)}}}.hero__main__header{height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity .5s ease;width:100%}.hero__main__header__mobile{display:none}.hero__role__description{clip-path:polygon(0 100%,100% 100%,100% 0,0 0);left:80%;opacity:0;padding-right:calc(15 * var(--unit-fx));pointer-events:none;position:absolute;top:80%;transform:translateY(50px);transform:translate(-50%,50px);width:35%;p{color:var(--secondary-color);font-family:var(--montserrat);font-size:calc(16 * var(--unit-fx));text-align:start}}canvas{display:block;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.home__logo{position:absolute;right:calc(20 * var(--unit-fx));top:calc(20 * var(--unit-fx))}.live__clock{left:calc(20 * var(--unit-fx));pointer-events:none;position:absolute;top:calc(20 * var(--unit-fx));p{font-family:var(--mono);font-size:calc(10 * var(--unit-fx))}}main{height:100vh;overflow:hidden;width:100vw}@media screen and (max-width: 1024px) and (orientation: portrait){main,html,body,.hero{height:100dvh}#textContainer{display:none}.hero__main__header__mobile{clip-path:polygon(0 100%,100% 100%,100% 0,0 0);display:block;left:50%;opacity:0;position:relative;top:50%;transform:translate(-50%,-50%);width:100%;h1{color:var(--primary-color);font-family:var(--montserrat-black);font-size:20vw;line-height:1.4;text-align:center;span{display:inline-block;position:relative;transform:translateY(500px)}}}canvas{display:none}.hero__role__description{opacity:0;padding-right:0;position:absolute;top:65%;left:50%;transform:translateY(50px);width:45%;p{font-size:calc(26 * var(--unit-fx))}}}@media screen and (max-width: 600px) and (orientation: portrait){main,html,body,.hero{height:100dvh}#textContainer{display:none}.live__clock{p{font-size:calc(11 * var(--unit-fx))}}.hero__main__header__mobile{clip-path:polygon(0 100%,100% 100%,100% 0,0 0);display:block;left:50%;opacity:0;position:relative;top:50%;transform:translate(-50%,-50%);width:100%;h1{color:var(--primary-color);font-family:var(--montserrat-black);font-size:calc(85 * var(--unit-fx));line-height:1.4;text-align:center;span{display:inline-block;position:relative;transform:translateY(500px)}}}canvas{display:none}.hero__role__description{left:calc(20 * var(--unit-fx));opacity:0;padding-right:0;position:absolute;top:60%;transform:translateY(50px);width:85%;p{font-size:calc(13 * var(--unit-fx))}}}