body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;font-style:normal;font-weight:400;margin:0}main{height:100%;overflow-x:clip;position:relative;width:100vw;&:before{--pitch:50px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Crect x='2' y='2' width='80' height='80' rx='12' fill='none' stroke='%23f9f9f9' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-position:50%;background-size:var(--pitch) var(--pitch);height:calc(70.72vw + 70.72vh);left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:calc(70.72vw + 70.72vh);z-index:-2}&:after,&:before{content:"";pointer-events:none;position:fixed}&:after{background:radial-gradient(circle,#fff0 50%,#fff 80%);background-position:50%;height:100vh;inset:0;width:100vw;z-index:-1}}.cyan{filter:url(#cyan)}.magenta{filter:url(#magenta)}.yellow{filter:url(#yellow)}.intro{align-items:center;color:#121212;display:flex;height:100vh;justify-content:center;margin-bottom:-10vh;h1{animation-play-state:paused;animation:h1-split 5s ease-in-out infinite;font-family:Playwrite IT Trad,cursive;font-optical-sizing:auto;font-size:10vw;font-style:normal;font-weight:500;text-align:center;&.in-view{animation-play-state:running}}}@keyframes h1-split{0%,to{opacity:1;text-shadow:0 0 #0ff0,0 0 #f0f0,0 0 #ff00}50%{opacity:.75;text-shadow:-4px -2px #0ff,4px -2px #f0f,0 4px #ff0}}.outro{align-items:center;color:#121212;display:flex;height:100vh;justify-content:center;h2{font-size:4vw;font-weight:500;text-align:center;a{color:#f0f;text-decoration:none;text-transform:lowercase;span{text-decoration:underline;text-decoration-thickness:.3vw;text-underline-offset:.3vw}&:hover span{color:cyan}}}}.img-group-wrapper{padding-inline:3rem}.img-group{--scale:0.5;--ratio:1;--rotation:10deg;display:grid;filter:drop-shadow(0 0 10px rgba(0,0,0,calc(.2 * clamp(0, (var(--scale) - .95) * 20, 1))));.img-wrapper{border-radius:1rem;grid-area:1/1;justify-self:center;mix-blend-mode:multiply;opacity:var(--scale);overflow:hidden;transform:scale(var(--scale));transition:opacity 5ms linear,transform 5ms linear;width:fit-content;will-change:transform,opacity}img{display:block;height:auto;max-height:80vh;max-width:100%;width:auto}.cyan{transform:translate3d(calc(100%*var(--ratio) - 100%),0,0) scale(var(--scale)) rotate(calc(var(--rotation) - var(--rotation)*var(--scale)));transform-origin:center 40%}.yellow{transform:translate3d(calc(100% - 100%*var(--ratio)),0,0) scale(var(--scale)) rotate(calc(var(--rotation)*var(--scale) - var(--rotation)));transform-origin:center 40%}}
/*# sourceMappingURL=main.843e2380.css.map*/