*{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body,html{height:100%}html::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}body{margin:0;font-size:max(calc(var(--_size) * .03),10px);--_factor:min(600px, 80vh);--_size:min(var(--_factor), 80vw)}canvas{display:block;position:absolute;top:0;left:0}.hero{width:100%;height:100%;display:flex;flex-direction:column}.mobile-view{display:none}.small-mobile-view{display:none}.desktop-view{display:block}.heroT{height:100%;opacity:0;animation:load 2s ease-in-out .6s forwards;display:flex;align-items:flex-end;justify-content:center}@keyframes load{0%{opacity:0}100%{opacity:1}}.heroT h2{font-family:'Bebas Neue',sans-serif}.heroT>h2{position:absolute;width:fit-content;font-size:10.5em;font-weight:600;color:#fff;background-color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 16px rgba(174,207,242,.24);--p:0%;transition:--p 3s linear;animation:pulse 10s linear 1.2s infinite;line-height:.85;bottom:-1vw}.heroT h2:nth-child(2){background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),transparent calc(var(--p) - 1em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent calc(var(--p) - .4em),transparent var(--p));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:blur(16px) opacity(.2)}@keyframes pulse{0%{--p:0%}50%{--p:300%}100%{--p:300%}}@property --p{syntax:'<percentage>';inherits:false;initial-value:0}.heroP{display:flex;justify-content:space-between;height:100%;width:100%}p.heroP-text{font-size:max(3.5vw,6.5vh);line-height:1em;text-align:left;opacity:0;font-weight:700;font-family:Agdasima,sans-serif;translate:0 1em;animation:load 2s ease-out 2s forwards,up 1.4s ease-out 2s forwards;color:#fff;text-shadow:0 2px 16px rgba(174,207,242,.24);background-color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-right-align{text-align:right!important}@keyframes up{100%{translate:0}}@media screen and (max-width:800px){.mobile-view{display:block}.heroP-text.mobile-view{display:none}.desktop-view{display:none}}@media screen and (max-width:480px){p.heroP-text{font-size:5vh}.small-mobile-view{display:block}}