s-scrolldown{--color: var(--text-secondary);cursor:pointer;display:flex;justify-content:center;align-items:center;width:21px;height:42px;outline:2px solid var(--color);border-radius:50px;transition:.3s}s-scrolldown:hover{--color: var(--text)}s-scrolldown.inactive{pointer-events:none;opacity:0}s-scrolldown:before{content:"Scroll to explore";width:max-content;position:absolute;top:-32px;color:var(--color);font-size:15px;transition:inherit}s-scrolldown:after{content:"";width:5px;height:10px;position:absolute;background-color:var(--color);border-radius:50px;transition:inherit;animation:up_down 2s infinite ease-in-out}@keyframes up_down{0%,to{top:8px}25%,75%{scale:.5}50%{scale:1;top:24px}}s-slider{display:flex;flex-direction:row;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-marker-group:after;scrollbar-width:none;position:relative;anchor-name:--slider}s-slider::scroll-button(right),s-slider::scroll-button(left){content:">";cursor:pointer;width:60px;aspect-ratio:1;position-anchor:--slider;position:fixed;background-color:var(--bg-lightest);border:none;border-radius:20px;color:var(--text);font-size:20px}s-slider::scroll-button(right){content:">";position-area:right center;translate:10px}s-slider::scroll-button(left){content:"<";position-area:left center;translate:-10px}s-slider::scroll-marker-group{display:flex;flex-direction:row;justify-content:center;gap:10px}s-slider article{flex:0 0 100%;scroll-snap-align:start}s-slider article::scroll-marker{content:"";flex:0 0 10px;height:10px;background-color:var(--bg-lightest);border-radius:50%;transition:.2s}s-slider article::scroll-marker:target-current{background-color:var(--primary)}e-hexagons{display:grid;grid-template-columns:repeat(auto-fill,64.8px);grid-auto-rows:28.8px;column-gap:36.4px;row-gap:1px;width:100%;height:100%;position:absolute}e-hexagons span{--border-width: 2px;--background-color: var(--bg);--border-color: var(--bg-contrast-darker);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:grid;place-items:center;width:64.8px;height:57.6px;position:relative;background-color:var(--border-color);transition:.2s}e-hexagons span:before{content:"";clip-path:inherit;width:calc(100% - var(--border-width) * 2);height:calc(100% - var(--border-width) * 2);position:absolute;background-color:var(--background-color);transition:inherit}e-hexagons span:hover,e-hexagons span.near_hovered{background-color:var(--primary)}e-hexagons span.odd{margin-left:50.6px}e-hexagons span:nth-child(2n){--background-color: var(--bg-contrast-darker);--border-color: var(--bg-contrast-darkest)}e-hexagons span:nth-child(2n):hover:before{background-color:#0002}#section_hero{justify-content:center;align-items:center;width:100%;height:100vh}#section_hero:before{content:"";opacity:.06;height:50%;aspect-ratio:1;position:absolute;background-image:url(/assets/imgs/main/logo.svg);background-size:cover}#section_hero header{pointer-events:none;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}#section_hero header #by{z-index:1;color:var(--text);text-align:center;font-family:mono;font-size:clamp(22px,1.6vw,1.6vw);font-weight:600}#section_hero header #by span{color:var(--primary)}#section_hero s-scrolldown{position:absolute;bottom:20px}#section_hero s-svg[svg=blob]{pointer-events:none;width:80vw;aspect-ratio:1;position:absolute;top:35%;right:0;translate:60% -50%}@media(max-width:800px){#section_hero .title{align-items:center;width:100%;top:19vh;text-align:center}#section_hero .title #by{width:100%}#section_hero .title h2{width:90%}#section_hero .folders{display:none}#section_hero s-svg[svg=blob]{opacity:.5;width:150%;top:0}}#section_showcase{gap:30px;justify-content:center;align-items:center;min-height:100vh}#section_showcase header{pointer-events:none;display:flex;flex-direction:column;gap:40px;width:var(--full);position:relative}#section_showcase header p{color:var(--text-secondary)}#section_showcase s-connections{display:grid;gap:15px;place-items:center;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);width:var(--full-residual);position:relative}#section_showcase s-connections .lines{pointer-events:none;width:100%;height:100%;position:absolute}#section_showcase s-connections .lines path{--length: 100;stroke-dasharray:var(--length);stroke-dashoffset:var(--length);stroke-linecap:round;stroke-width:.2;fill:#0000;stroke:url(#line_gradient);transition-timing-function:ease-in}#section_showcase s-connections .lines path.active{stroke-dashoffset:0}#section_showcase s-connections .lines path.unactive{stroke-dashoffset:calc(-1 * var(--length))}#section_showcase s-connections .box{z-index:1;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;aspect-ratio:1;position:relative;font-size:12px;font-weight:600}#section_showcase s-connections .box:before{content:"";position:absolute;width:100%;aspect-ratio:1;background-color:var(--bg);outline:2px solid var(--text-tertiary);corner-shape:bevel;border-radius:12px;transition:inherit;transition-timing-function:ease-out}#section_showcase s-connections .box:hover:before,#section_showcase s-connections .box.active:before{width:120%;background-color:var(--bg-lighter);box-shadow:0 0 10px #0003}#section_showcase s-connections .box:hover s-icon,#section_showcase s-connections .box.active s-icon{translate:0 -10px;width:50%;--fill-1: var(--primary);--fill-2: var(--secondary);stroke:#0000}#section_showcase s-connections .box:hover span,#section_showcase s-connections .box.active span{opacity:1;translate:0 26px}#section_showcase s-connections .box:nth-child(1){grid-area:1/1}#section_showcase s-connections .box:nth-child(2){grid-area:2/4}#section_showcase s-connections .box:nth-child(3){grid-area:3/2}#section_showcase s-connections .box:nth-child(4){grid-area:3/5}#section_showcase s-connections .box:nth-child(5){grid-area:5/4}#section_showcase s-connections .box:nth-child(6){grid-area:6/6}#section_showcase s-connections .box:nth-child(7){grid-area:2/5}#section_showcase s-connections .box s-icon{width:65%;position:absolute;stroke:var(--text-tertiary);stroke-dasharray:8px;stroke-width:4px;transition:inherit}#section_showcase s-connections .box span{opacity:0;translate:0 35px;position:absolute;color:var(--text-secondary);transition:inherit}#section_platforms{gap:20px;align-items:center;height:80vh;margin-top:10vh;margin-bottom:10vh}#section_platforms s-slider{gap:20px;width:60%;height:100%}#section_platforms s-slider article{--primary: #ff0080;--secondary: #ff8c00;padding:4px;background-color:var(--bg-lighter);border-radius:20px}#section_platforms s-slider article header{display:flex;justify-content:center;align-items:center;height:80%;position:relative;background-color:var(--bg);border-radius:inherit}#section_platforms s-slider article header:before{content:"";opacity:.05;height:60%;aspect-ratio:1;position:absolute;background-image:url(/assets/imgs/platforms/foundry.svg);background-size:cover;background-position:center}#section_platforms s-slider article header h3{background-image:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;text-shadow:none!important;color:#0000!important;z-index:0;width:fit-content}#section_platforms s-slider article header h3:after{content:attr(data-text);filter:blur(15px);width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#0000!important}#section_platforms s-slider article header h3{position:relative;font-family:title;font-size:30px;letter-spacing:3px}