.homepage main{display:block;position:relative}.homepage main>section>div{max-width:110ch;margin:0 auto}.homepage main>section>div>p{z-index:1;position:relative}.homepage header{width:100%;height:100svh;position:relative;overflow:hidden}.homepage header .cards{z-index:6;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;display:grid;position:absolute;bottom:5vh;left:50%;translate:-50% -50%}.homepage header .cards>.brand-icon{z-index:6;background-color:#1d1d1d;margin:0}@media (max-width:380px){.homepage header .cards{grid-template-columns:1fr 1fr}}.homepage #headerState{z-index:41;color:#fff;cursor:pointer;background-color:#1d1d1d66;border-radius:1rem;width:50px;height:50px;font-size:1.5rem;transition:all .5s;position:absolute;top:1rem;right:1rem}.homepage #headerState:hover{background-color:#1d1d1d}.homepage #headerState svg{position:absolute;top:50%;left:50%;translate:-50% -50%}@media (max-width:900px){.homepage #headerState{display:none}}.homepage #headerText{color:#fff;z-index:5;--font:7;width:100%;position:absolute;top:30svh;left:1rem}.homepage #headerText>div{width:fit-content;font-size:calc(var(--font)*1rem);position:relative}.homepage #headerText>div p{text-transform:uppercase;-webkit-user-select:none;user-select:none;margin:0 2rem;padding:0;display:inline-block}.homepage #headerText>div p:nth-child(3){margin-right:0;font-weight:100}@media (max-width:1000px){.homepage #headerText>div p:last-child{min-height:2ch;line-height:1;display:block}}.homepage #headerText img{height:calc(var(--font)*.8rem);width:unset;-webkit-user-select:none;user-select:none;display:inline-block}.homepage #headerText>p{font-size:calc(var(--font)*.2rem);text-transform:uppercase;color:var(--accent);margin:0 2.5rem;padding:0;font-weight:400;translate:0 -.5rem}.homepage #headerBackground{--transition-duration:.3s;object-fit:cover;filter:brightness(.8);z-index:0;opacity:0;min-width:100vw;min-height:100svh;transition:opacity calc(var(--transition-duration) + .1s) ease;position:absolute;top:50%;left:50%;translate:-50% -50%}.homepage #headerBackground.fadeIn{opacity:1;transition:opacity calc(var(--transition-duration)*2) ease}.homepage section{color:#fff;padding:0 1rem}.homepage section:not(:first-of-type){margin-top:15rem}@media (max-width:800px){.homepage section:not(:first-of-type){margin-top:5rem}}.homepage section .sectionheader{color:var(--accent);text-align:center;text-transform:uppercase;font-size:4rem;font-weight:300}@media (max-width:400px){.homepage section .sectionheader{font-size:2rem}}.homepage section .sectionsubheader{color:#fff;width:fit-content;margin-top:2rem;margin-bottom:0;padding-left:5rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all 2s;position:relative;text-align:left!important}.homepage section .sectionsubheader.visible{padding-left:0}.homepage section .sectionsubheader:after{content:"";background-color:var(--accent);width:0%;height:1px;transition:all 2s;position:absolute;bottom:0;left:0}.homepage section .sectionsubheader.visible:after{width:100%}.homepage section>div>p:not(:is(.sectionheader,.sectionsubheader)){text-align:center;margin-bottom:3rem;font-size:1.2rem;line-height:2rem}@media (max-width:500px){.homepage section>div>p:not(:is(.sectionheader,.sectionsubheader)){text-align:justify;margin-bottom:2rem;padding:0 2rem}}.homepage section>div>p b{color:var(--accent);font-weight:400;position:relative}.homepage section>div>p b:after{content:"";background-color:var(--accent);width:0;height:1px;transition:all 1.5s;position:absolute;bottom:-1px;left:0}.homepage section>div>p b.visible:after{width:100%}.homepage section.frikybot{position:relative}.homepage section.frikybot .sectionheader{font-weight:700;color:var(--frikybot-light)!important}.homepage .wavy{background-color:var(--color-light);padding-top:4rem;padding-bottom:10rem}.homepage .diagonal p{color:#fff}.homepage .frikybot_wrapper .frikybot_description_wrapper{grid-template-columns:auto 20rem;gap:2rem;display:grid}.homepage .frikybot_wrapper .frikybot_description_wrapper img{width:20rem;position:absolute;top:50%;left:0;translate:0 -50%}.homepage .frikybot_wrapper .frikybot_description{font-size:1.3rem;line-height:2rem}@media (max-width:500px){.homepage .frikybot_wrapper .frikybot_description{text-align:justify;margin-bottom:2rem;padding:0 2rem}}.homepage .frikybot_wrapper .frikybot_icon{width:20rem;position:relative}.homepage .frikybot_wrapper .frikybot_features{grid-template-columns:100%;display:grid}.homepage .frikybot_wrapper .frikybot_features>p{font-size:1.5rem}.homepage .frikybot_wrapper .frikybot_features>div{grid-template-rows:100%;gap:1rem;margin-bottom:1rem;display:grid}.homepage .frikybot_wrapper .frikybot_features>div.three_cols{grid-template-columns:1fr 1fr 1fr}.homepage .frikybot_wrapper .frikybot_features>div.two_cols{grid-template-columns:2fr 1fr}.homepage .frikybot_wrapper .frikybot_features>div.two_cols>div:first-child{grid-template:"img1 img2""name name"/1fr 1fr;column-gap:1rem}.homepage .frikybot_wrapper .frikybot_features>div.two_cols>div:first-child img:last-of-type{grid-area:img2}.homepage .frikybot_wrapper .frikybot_features>div.two_cols>div:first-child img:first-of-type{grid-area:img1}.homepage .frikybot_wrapper .frikybot_features>div.two_cols>div:first-child p{grid-area:name}.homepage .frikybot_wrapper .frikybot_features>div>div{text-align:center;background-color:var(--color-light);--OffsetX:-50%;--OffsetY:-50%;border-radius:1rem;grid-template-columns:100%;padding:1rem;display:grid;position:relative}.homepage .frikybot_wrapper .frikybot_features>div>div .frikybot_hover{border-radius:1rem;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.homepage .frikybot_wrapper .frikybot_features>div>div .frikybot_hover:after{content:"";aspect-ratio:1;opacity:0;height:200%;top:var(--OffsetY);left:var(--OffsetX);z-index:0;background:radial-gradient(#696969,#0000 50%);border-radius:50%;display:block;position:absolute}.homepage .frikybot_wrapper .frikybot_features>div>div:hover .frikybot_hover:after{opacity:.1}.homepage .frikybot_wrapper .frikybot_features>div>div:after{content:"";z-index:-1;background-image:linear-gradient(15deg,#3a5364 0%,#2e4c61 7%,#21445e 30%,#133e5d 66%,#00375c 100%);border-radius:1rem;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px}.homepage .frikybot_wrapper .frikybot_features>div>div img{width:calc(100% - 4rem);height:unset;aspect-ratio:unset;border-radius:1rem;padding:2rem}.homepage .frikybot_wrapper .frikybot_features>div>div p{text-transform:uppercase;margin:0 auto;font-size:2rem;font-weight:200}.homepage .frikybot_wrapper .frikybot_features .two_cols>div:first-of-type .frikybot_hover:after{top:var(--OffsetY);left:calc(var(--OffsetX) + 50%)}.homepage .frikybot_wrapper a{color:#0000;text-align:center;filter:brightness(3);background-image:linear-gradient(15deg,#3a5364 0%,#2e4c61 7%,#21445e 30%,#133e5d 66%,#00375c 100%);-webkit-background-clip:text;background-clip:text;margin-top:5rem;font-size:2rem;display:block}.homepage .frikybot_wrapper a:hover{filter:brightness(2)}@media (max-width:800px){.homepage .frikybot_wrapper .frikybot_description_wrapper{grid-template-columns:100%}.homepage .frikybot_wrapper .frikybot_description_wrapper img{display:none}}@media (max-width:450px){.homepage .frikybot_wrapper .frikybot_description{text-align:center}.homepage .frikybot_wrapper .frikybot_features{padding:0 2rem}.homepage .frikybot_wrapper .frikybot_features>div.two_cols,.homepage .frikybot_wrapper .frikybot_features>div.three_cols{grid-template-rows:auto;grid-template-columns:100%}}.homepage .projects{width:100%}@media (max-width:1100px){.homepage .projects{grid-template-columns:100%}}
.icon-wheel{--phi_offset:0;--total:1;--radius:40%;aspect-ratio:1;background-color:var(--color-light);z-index:1;border-radius:50%;width:100%;max-width:50%;margin:10rem auto;display:block;position:relative}.icon-wheel:after{content:"";aspect-ratio:1;background-color:var(--color-light);z-index:0;border:1rem solid #202020;border-radius:50%;width:120%;position:absolute;top:50%;left:50%;translate:-50% -50%}.icon-wheel:hover .center{animation:3.5s ease-in brake}.icon-wheel .icon{--color:#1fdb50;--order:0;--offset:calc((var(--order) / var(--total)) * 360);--phi:calc((var(--offset) + var(--phi_offset)) * 1deg);top:calc(50% - cos(var(--phi))*var(--radius));left:calc(50% + sin(var(--phi))*var(--radius));aspect-ratio:1;background:var(--color);z-index:1;border-radius:50%;width:3rem;padding:.5rem;position:absolute;overflow:hidden;translate:-50% -50%}.icon-wheel .icon[href]{cursor:pointer}.icon-wheel .icon[href]:hover{padding:1rem!important}.icon-wheel .icon>img{border-radius:50%;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;translate:-50% -50%}.icon-wheel .icon>svg{filter:brightness(500);opacity:1;border-radius:50%;font-size:2rem;transition:opacity .5s;position:absolute;top:50%;left:50%;translate:-50% -50%}.icon-wheel .icon>svg:nth-of-type(2){opacity:0}.icon-wheel .icon>span{display:none}.icon-wheel .center{border:1rem solid #202020;width:5rem;padding:1rem;transition:border-color .5s ease-in;top:50%;left:50%}@keyframes brake{0%{background-color:var(--color-light)}20%{border-color:rgba(var(--accent-numbers), .2)}to{background-color:var(--color-light)}}@media (max-width:800px){.icon-wheel{max-width:70%}}@media (max-width:600px){.icon-wheel{max-width:80%}}