@layer reset{@layer reset{:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:after,:before{box-sizing:inherit}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;text-rendering:optimizeLegibility}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin-block-end:0}ol[role=list],ul[role=list]{list-style:none}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;cursor:pointer;text-decoration-skip-ink:auto}a,button{cursor:revert}img,picture{height:100%;max-width:100%;vertical-align:middle;width:100%}img{max-block-size:100%;max-inline-size:100%}img[width]{width:auto}img[width][height]{height:auto}button,input,select,textarea{font:inherit}input{opacity:0}button,select{appearance:none;-webkit-appearance:none;-moz-appearance:none;line-height:1.15;outline:none;overflow:visible}textarea:not([rows]){min-height:10em}select{background-color:initial;border:none;cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0 1em 0 0;width:100%;&::-ms-expand{display:none}}:target{scroll-margin-block:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}}}@layer theme{@layer theme{:root{--hue:240;--color01:oklch(22.54% 0.026 var(--hue));--color02:oklch(83.53% 0.16 var(--hue));--color03:oklch(61.27% 0.245 calc(var(--hue)*150));color-scheme:inherit}html[data-theme=dark]{--color:oklch(93.87% 0.018 var(--hue));--background-color:oklch(33.27% 0.2275776338240439 var(--hue))}html[data-theme=light]{--color:oklch(33.27% 0.2275776338240439 var(--hue));--background-color:oklch(93.87% 0.018 var(--hue))}body{background-color:var(--background-color);color:var(--color)}}}@layer base{@layer base{:root{font-family:ROBOTO,sans-serif;font-synthesis:none;font-weight:300;line-height:1.15}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;&:focus-within{scroll-behavior:smooth}}body{background-attachment:fixed;background-blend-mode:soft-light;background-image:url(/static/media/cover.343d51a1edf2b42d36b1.jpg);background-position:50%;background-size:cover;font-size:2vw;font-weight:300}h1,h2{font-family:Josefin Sans,sans-serif;font-size:clamp(1.5rem,.167rem + 6.67vw,3.5rem);letter-spacing:.5rem;padding-bottom:.5rem}p{font-size:clamp(1rem,.818rem + .91vw,1.5rem);font-weight:300;letter-spacing:.4vw;line-height:1.4;z-index:4}a{color:var(--color02);text-decoration:none}button{-webkit-appearance:button;border:none;margin-top:2.5rem;padding:1.2rem;text-transform:none}}}@layer layout{@layer layout{.container{margin:0;padding:0}.footer,.header,.slider{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 2em;position:relative;text-align:center}.footer h3{font-size:2vw;letter-spacing:.1rem}}}@layer components{@layer components{:root{--box-shadow:20px 20px 50px #00000080}.scroll-snap{scroll-snap-align:start}.header-title,.slider-title{color:var(--color02);text-transform:uppercase;transition:all .3s ease;z-index:3;&.glitch-text{position:relative;&:after{clip:rect(0,900px,0,0);animation:glitch-anim 2s linear infinite alternate-reverse;background-color:initial;bottom:0;color:var(--color02);content:attr(data-text);left:2px;position:absolute;text-shadow:-1px 0 var(--color03);top:0;width:100%}}&:hover{color:var(--color03);transform:translate3d(0,-10px,22px);&.glitch-text:after{color:var(--color03);text-shadow:-1px 0 var(--color02)}}}.slider-link{background-color:var(--color01);box-shadow:var(--box-shadow);color:var(--color02);cursor:pointer;font-size:3vw;font-weight:300;letter-spacing:.2rem;padding:1.5rem;text-transform:uppercase;transition:all .5s ease;&:hover{background-color:var(--color02);color:var(--color01);font-weight:400;transform:scale(1.2)}}.nav{background:var(--color01);bottom:0;box-shadow:var(--box-shadow);display:flex;flex-direction:row;height:50px;position:absolute;transition:all .3s cubic-bezier(.19,1,.22,1);width:100%;z-index:10}.nav-sticky{position:fixed;top:0}.nav-tab{align-items:center;color:var(--color02);cursor:pointer;display:flex;flex:1 1;font-size:3vw;justify-content:center;letter-spacing:.1rem;text-transform:uppercase;transition:all .5s ease;&:hover{background:var(--color02);color:var(--color01);font-weight:400}&.active{position:relative;&:before{background:var(--color02);bottom:0;content:"";height:2px;position:absolute;transition:all .3s ease;width:100%}}}@media only screen and (min-width:768px){h1,h2{font-size:8vw}p{font-size:5vw;letter-spacing:.2vw}.blob-animation{animation:blob-anim 3s linear infinite alternate-reverse;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:scale(1)}.nav{height:75px}.nav-tab,.slider-link{font-size:2vw}.slider-link{padding:2.5vw}}.scroll{animation:translateTop .65s ease-in-out .35s infinite both;border-color:#0000 #0000 var(--color03) #0000;border-style:solid;border-width:0 1.2ch 2ch;bottom:150px;cursor:pointer;height:0;padding:0;position:fixed;right:30px;width:0;z-index:99999}@keyframes glitch-anim{0%{clip:rect(25px,9999px,8px,0)}5%{clip:rect(29px,9999px,57px,0)}10%{clip:rect(53px,9999px,31px,0)}15%{clip:rect(96px,9999px,75px,0)}20%{clip:rect(55px,9999px,46px,0)}25%{clip:rect(45px,9999px,84px,0)}30%{clip:rect(8px,9999px,3px,0)}35%{clip:rect(10px,9999px,26px,0)}40%{clip:rect(53px,9999px,36px,0)}45%{clip:rect(40px,9999px,85px,0)}50%{clip:rect(32px,9999px,73px,0)}55%{clip:rect(57px,9999px,30px,0)}60%{clip:rect(60px,9999px,50px,0)}65%{clip:rect(9px,9999px,20px,0)}70%{clip:rect(80px,9999px,45px,0)}75%{clip:rect(67px,9999px,62px,0)}80%{clip:rect(95px,9999px,38px,0)}85%{clip:rect(91px,9999px,62px,0)}90%{clip:rect(38px,9999px,56px,0)}95%{clip:rect(14px,9999px,22px,0)}to{clip:rect(62px,9999px,67px,0)}}@keyframes blob-anim{0%{border-radius:65% 35% 50% 50%/50% 49% 51% 50%}50%{border-radius:32% 68% 24% 76%/71% 31% 69% 29%;transform:scale(1.1)}to{border-radius:34% 66% 61% 39%/23% 37% 63% 77%}}@keyframes translateTop{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-.5rem)}75%{transform:translateY(.5rem)}}}}@layer reset theme base layout components
/*# sourceMappingURL=main.98bb6581.css.map*/