.navbar .nav-link{transition:var(--trans2)}.navbar .nav-link svg *{fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke:#fff;stroke-width:10px}.navbar .nav-link:hover svg{animation:navAnimElem 2s ease-in-out infinite}.navbar .nav-link1:hover .anim-elem1{animation:navAnimElem1 2s ease-in-out infinite;transform-origin:center}.navbar .nav-link2:hover .anim-elem1{animation:navAnimElem2a 2s ease-in-out infinite;transform-origin:center}.navbar .nav-link2:hover .anim-elem2{animation:navAnimElem2b 2s ease-in-out infinite;transform-origin:center}.navbar .nav-link3 .anim-elem1 *{fill:var(--colorBg2c)}.navbar .nav-link3:hover .anim-elem1{animation:navAnimElem3 2s ease-in-out infinite;transform-origin:bottom right}.navbar .nav-link4:hover .anim-elem1{animation:navAnimElem4 2s ease-in-out infinite;transform-origin:top center}.navbar .nav-link5:hover .anim-elem1{animation:navAnimElem1 2s ease-in-out infinite;transform-origin:100px 144px}.navbar .nav-link6:hover .anim-elem1{animation:navAnimElem5a 2s ease-in-out infinite;transform-origin:100px 195px}.navbar .nav-link6:hover .anim-elem2{animation:navAnimElem5b 2s ease-in-out infinite;transform-origin:100px 195px}@media screen and (width <= 768px){.nav-inner:not(.nav-expand) .nav-link{pointer-events:none}}@keyframes navAnimElem{0%{transform:rotate(0deg)}6%{transform:rotate(-15deg)}14%{transform:rotate(10deg)}22%{transform:rotate(-5deg)}30%{transform:rotate(0deg)}}@keyframes navAnimElem1{0%{transform:rotate(0deg)}8%{transform:rotate(-30deg)}15%{transform:rotate(20deg)}22%{transform:rotate(-10deg)}30%{transform:rotate(0deg)}}@keyframes navAnimElem2a{0%{transform:translate(0)}10%{transform:translateY(20px)}20%{transform:translateY(20px)}30%{transform:translate(0)}}@keyframes navAnimElem2b{0%{transform:translate(0)}10%{transform:translateY(-20px)}20%{transform:translateY(-20px)}30%{transform:translate(0)}}@keyframes navAnimElem3{0%{transform:rotate(0deg)}8%{transform:rotate(-15deg)}15%{transform:rotate(10deg)}22%{transform:rotate(-5deg)}30%{transform:rotate(0deg)}}@keyframes navAnimElem4{0%{transform:scaleY(1)}8%{transform:scaleY(.6)}15%{transform:scaleY(1)}22%{transform:scaleY(.6)}30%{transform:scaleY(1)}}@keyframes navAnimElem5a{0%{cy:27.8px}12%{cy:74.05px}17%{cy:54.05px}24%{cy:74.05px}30%{cy:27.8px}}@keyframes navAnimElem5b{0%{height:126.25px;y:68.6px}8%{height:80px;y:114.85px}15%{height:100px;y:94.85px}22%{height:80px;y:114.85px}30%{height:126.25px;y:68.6px}}.logo .cls-1,.logo .cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:62px;transition:var(--trans2)}.logo .cls-1{stroke:#fff}.logo .cls-2{stroke:var(--color1a)}.logo .logo-line{opacity:0;transform-origin:center}.nav-expand .nav-logo:hover .logo-shape1{transform:translate(50%,-50%) scale(.3)}.nav-expand .nav-logo:hover .logo-shape2{transform:translateY(-100%)}.nav-expand .nav-logo:hover .logo-shape3{r:369px;cy:400px}.nav-expand .nav-logo:hover .logo-line{opacity:1;transform:rotate(180deg);transition-delay:var(--trans2)}nav{position:relative;z-index:9999;transition:opacity var(--trans3)}.modal-mode nav{opacity:0;pointer-events:none}.nav-placeholder{height:calc(var(--size6)*2 + var(--size8));margin-top:var(--size7);transition:var(--trans2)}nav .nav-inner{--navbar-width:160px;width:min(1024px,100% - var(--size6)*2);padding:var(--size6);margin:0 var(--size6);position:fixed;top:var(--size7);right:calc(50% - var(--size6));transform:translate(50%);display:flex;justify-content:space-between;transition:all var(--trans2),width 0s,margin 0s,right 0s,top 0s,transform 0s}nav .nav-inner .nav-logo{display:flex;cursor:var(--cursorHover)}nav .nav-inner .nav-logo:hover .logo-shape3{animation:logoHeadAnim 2s ease-in-out infinite}nav .nav-inner .logo{width:var(--size8);aspect-ratio:1/1;transition:var(--trans2)}nav .nav-inner .navbar{display:flex;justify-content:space-between;gap:var(--size8);transition:all var(--trans2),right 0s,opacity 0s}nav .nav-inner .navbar .nav-links{display:flex;align-items:center;gap:var(--size6)}nav .nav-inner .nav-link{display:flex;align-items:center;gap:var(--size3);cursor:var(--cursorHover)}nav .nav-inner .nav-link:hover .nav-link-txt:before{-webkit-text-stroke-color:var(--color1a)}nav .nav-inner .nav-links-page svg{display:none}nav .nav-inner .nav-links-social .nav-link{width:var(--size7);height:var(--size7);display:flex;justify-content:center;align-items:center}nav .nav-inner .nav-links-social .nav-link svg{height:100%}nav .nav-inner .nav-links-social .nav-link .nav-link-txt{display:none}nav .nav-inner.page-scrolled{padding:var(--size5) var(--size6)}nav .nav-inner.page-scrolled .logo{width:var(--size6)}nav .nav-inner.page-scrolled .nav-links-social .nav-link{height:var(--size6)}@keyframes logoHeadAnim{0%{transform:translate(0)}6%{transform:translateY(-70px)}14%{transform:translateY(35px)}22%{transform:translateY(-20px)}30%{transform:translate(0)}}@media screen and (width <= 768px){.nav-placeholder{height:0;margin-top:0}nav .nav-inner{width:calc(var(--size7) + var(--size5)*2);margin:0;padding:var(--size5)!important;top:var(--size6);right:var(--size6);transform:translate(0);flex-direction:column;align-items:flex-end;gap:0;background:var(--colorBg2d);transition:all .25s,margin 0s,right 0s,top 0s,transform 0s;overflow:hidden}nav .nav-inner:not(.nav-expand){cursor:var(--cursorHover)}nav .nav-inner:hover:before{background:var(--borderGrad2)}nav .nav-inner:after{content:"";padding:var(--border);position:absolute;inset:0;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-radius:var(--size6);background:linear-gradient(to top right,transparent 0,transparent var(--navDistBorder),rgb(255,255,255,var(--navDistColor)) 100%);opacity:0;transition:var(--trans2);pointer-events:none}nav .nav-inner .nav-logo:hover .logo-shape3{animation:none}nav .nav-inner .logo{width:var(--size7)}nav .nav-inner .navbar{height:0;width:var(--navbar-width);position:relative;top:0;right:-100%;flex-direction:column;align-items:flex-end;gap:var(--size5);opacity:0}nav .nav-inner .navbar .nav-links{width:100%;flex-direction:column;align-items:stretch;gap:var(--size5)}nav .nav-inner .nav-link{width:100%}nav .nav-inner .nav-link svg{min-width:var(--size7);width:var(--size7);aspect-ratio:1/1}nav .nav-inner .nav-link .nav-link-txt{flex:100%;text-align:right}nav .nav-inner .nav-links-page svg{display:block}nav .nav-inner .nav-links-social .nav-link{width:100%}nav .nav-inner .nav-links-social .nav-link .nav-link-txt{display:block}nav .nav-inner.page-scrolled .logo{width:var(--size7)}nav .nav-inner.page-scrolled .nav-links-social .nav-link{height:var(--size7)}nav .nav-inner.nav-expand{width:calc(var(--navbar-width) + var(--size5)*2);gap:var(--size7)}nav .nav-inner.nav-expand:hover:after{opacity:1}nav .nav-inner.nav-expand .navbar{height:calc(var(--size7)*6 + var(--size5)*5);right:0;opacity:1}}@media screen and (width <= 440px){nav .nav-inner{--navbar-width:145px}}@media screen and (width <= 320px){nav .nav-inner{--navbar-width:135px}}.name-heading .cls-1{fill:none;stroke:var(--color1a);stroke-miterlimit:10}.no-scroll{overflow:hidden}header{height:100dvh}header .hero{width:min(1024px,100% - var(--size6)*2);height:100%;padding:0;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:10;display:flex;justify-content:space-between;align-items:center;transition:top 2s ease-out,opacity 1.5s ease-out}header .hero .hero-title{display:flex;flex-direction:column;gap:var(--size8)}header .hero .hero-title .pro-title{font-size:min(38px,3.5vw)}header .hero .hero-title .pro-title:before{-webkit-text-stroke:min(2px,.2vw) #fff}header .hero .hero-title .name-heading{width:min(600px,55vw)}header .hero .hero-icon{width:min(300px,27.5vw)}header .hero .hero-icon .cls-1{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:.7px}header .hero.parallax{top:-60vh;opacity:0}@media screen and (width <= 768px){header .hero .hero-title{gap:var(--size7)}}@media screen and (width <= 540px){header .hero{flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--size8)}header .hero .hero-title{width:100%;gap:var(--size6)}header .hero .hero-title .pro-title{font-size:6vw}header .hero .hero-title .pro-title:before{-webkit-text-stroke:min(2px,.4vw) #fff}header .hero .hero-title .name-heading{width:100%}header .hero .hero-icon-div{width:100%;display:flex;justify-content:center}header .hero .hero-icon{align-self:center;width:min(200px,50%)}header .hero .hero-icon .cls-1{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:.7px}}.about-section{display:flex;flex-direction:column;gap:var(--size8)}.about-section .about-intro{width:100%;padding:var(--size8);display:flex;align-items:center;gap:var(--size8)}.about-section .about-intro .ai-content{flex:1;display:flex;flex-direction:column;gap:var(--size6)}.about-section .about-intro .ai-icon{height:160px}.about-section .about-intro .ai-icon *{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:4.5px;transform-origin:center}.about-section .about-intro .ai-icon .anim-elem1{animation:aiAnim1 6s ease-in-out infinite;transform-origin:center}@keyframes aiAnim1{0%{transform:rotate(0deg)}3%{transform:rotate(-18deg)}6%{transform:rotate(10deg)}10%{transform:rotate(-4deg)}16%{transform:rotate(0deg)}}.about-section .about-tiles{display:flex;flex-direction:column;gap:var(--size8)}.about-section .about-tile{flex:1;padding:var(--size8);display:flex;align-items:center;gap:var(--size6)}.about-section .about-tile .about-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--size2)}.about-section .about-tile .about-content.ac-info{align-self:flex-start}.about-section .ac-heading{margin-bottom:var(--size2)}.about-section .about-txt{text-align:center}.about-section .tile-heading{text-transform:capitalize}.about-section .tile-heading:before{-webkit-text-stroke-color:var(--color1a)}.about-section .about-icon{width:min(96px,70%);margin-bottom:var(--size4)}.about-section .about-icon *{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:6px;transform-origin:center}.about-section .about-icon1 .anim-elem1{animation:aboutAnim1a 6s ease-in-out 1s infinite}@keyframes aboutAnim1a{0%{transform:translate(0)}6%{transform:translateY(-20px)}12%{transform:translateY(-20px)}16%{transform:translate(0)}}.about-section .about-icon1 .anim-elem3{animation:aboutAnim1c 6s ease-in-out 1s infinite}@keyframes aboutAnim1c{0%{transform:translate(0)}6%{transform:translateY(20px)}12%{transform:translateY(20px)}16%{transform:translate(0)}}.about-section .about-icon1 .anim-elem2{animation:aboutAnim1b 6s ease-in-out 1s infinite}@keyframes aboutAnim1b{0%{transform:scale(1)}6%{transform:scale(.9)}8%{transform:scale(1.075)}11%{transform:scale(.95)}16%{transform:scale(1)}}.about-section .about-icon2 .anim-elem1{animation:aboutAnim2a 6s ease-in-out 2s infinite;transform-origin:bottom right}.about-section .about-icon2 .anim-elem1 *{fill:var(--colorBg2c)}@keyframes aboutAnim2a{0%{transform:rotate(0deg)}4%{transform:rotate(-15deg)}8%{transform:rotate(10deg)}11%{transform:rotate(-5deg)}16%{transform:rotate(0deg)}}.about-section .about-icon3 .anim-elem1{animation:aboutAnim3a 6s ease-in-out 3s infinite}@keyframes aboutAnim3a{0%{height:60px;y:137.5px}4%{height:40px;y:157.5px}8%{height:70px;y:127.5px}11%{height:55px;y:142.5px}16%{height:60px;y:137.5px}}.about-section .about-icon3 .anim-elem2{animation:aboutAnim3b 6s ease-in-out 3.1s infinite}@keyframes aboutAnim3b{0%{height:90px;y:107.5px}4%{height:70px;y:127.5px}8%{height:100px;y:97.5px}11%{height:85px;y:112.5px}16%{height:90px;y:107.5px}}.about-section .about-icon3 .anim-elem3{animation:aboutAnim3c 6s ease-in-out 3.2s infinite}@keyframes aboutAnim3c{0%{height:120px;y:77.5px}4%{height:100px;y:97.5px}8%{height:130px;y:67.5px}11%{height:115px;y:82.5px}16%{height:120px;y:77.5px}}.about-section .about-icon3 .anim-elem4,.about-section .about-icon3 .anim-elem5{animation:aboutAnim3d 6s ease-in-out 3s infinite}@keyframes aboutAnim3d{0%{transform:scale(1)}4%{transform:scale(.9)}8%{transform:scale(1.075)}11%{transform:scale(.95)}16%{transform:scale(1)}}@media screen and (width <= 900px){.about-section .about-intro{flex-direction:column;gap:var(--size4)}.about-section .about-intro .ai-content{order:1}.about-section .about-intro .ai-content p{text-align:center}.about-section .about-intro .ai-icon{height:80px}.about-section .about-intro .ai-icon *{stroke-width:6px}.about-section .about-intro .tile-heading{margin-bottom:var(--size6)}.about-section .tile-heading{text-align:center}.about-section .about-tile{flex-wrap:wrap;row-gap:var(--size8)}.about-section .about-tile .about-content{flex:100%;width:auto}.about-section .about-tile .about-content.ac-info{flex:40%;order:1}}@media screen and (width <= 768px){.about-section .about-tile{padding:var(--size8) var(--size6)}.about-section .about-tile .about-txt{font-size:16px}}@media screen and (width <= 540px){.about-section .about-tile .about-content.ac-info{flex:100%}}.modal-mode{overflow:hidden}.main-section{z-index:11000}.inner-tile-section{display:flex;position:relative;flex-wrap:wrap;gap:var(--size8)}.inner-tile-section:has(.tile-modal-open){z-index:11000}.inner-tile-section:has(.tile-modal-open) .project-tile:not(.tile-modal-open){pointer-events:none}.inner-tile-section .project-tile{width:calc(50% - var(--size8)/2);height:300px;position:relative;box-shadow:inset 0 0 0 0 transparent;cursor:var(--cursorHover)}.inner-tile-section .project-tile.tile-modal-open{z-index:11000;cursor:auto}.inner-tile-section .project-tile.modal-opacity{z-index:50}.inner-tile-section .project-tile:hover{box-shadow:inset 0 0 max(5vw,50px) 1px rgba(222,183,255,.25)}.inner-tile-section.odd-tiles .project-tile:last-of-type{width:100%}.inner-tile-section:has(.modal-opacity) .project-tile:not(.modal-opacity){pointer-events:none}@media screen and (width <= 768px){.tile-section .project-tile{width:100%;height:275px}}.close-btn{width:calc(var(--size7) + 4px);aspect-ratio:1/1;position:relative;border-radius:50%;transition:all var(--trans2),opacity var(--trans3)!important;cursor:var(--cursorHover);z-index:120}.close-btn.glass-tile:hover:before{background:var(--borderGrad2)}.close-btn.standard-btn{border:2px solid #fff}.close-btn:before{background-color:#fff}.close-btn:hover{transform:rotate(90deg) scale(1.2)}.close-btn span{width:var(--size5);height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:#fff;border-radius:200px;transition:var(--trans2)}.close-btn span:nth-of-type(2){transform:translate(-50%,-50%) rotate(-45deg)}.project-display{width:100%;height:100%;position:relative;flex-direction:column;gap:var(--size6);transition:var(--trans4)}.project-display,.project-display .project-img{display:flex;justify-content:center;align-items:center}.project-display .project-img{--imgSize:min(220px,30vw);width:var(--imgSize);height:calc(var(--imgSize)/2)}.project-display .project-img :is(img,svg){-o-object-fit:contain;object-fit:contain;max-height:100%;max-width:100%}.project-display .project-img svg:not(.tile-svg1,.tile-svg6){stroke-linecap:round;stroke-linejoin:round;fill:none;stroke:#fff;stroke-width:8px;transition:var(--trans4)}.project-display .project-img svg:not(.tile-svg1,.tile-svg6) .cls-1{fill:none;stroke-linecap:round;stroke-miterlimit:10}.project-display .project-img svg:not(.tile-svg1,.tile-svg6).tile-svg5 .anim-elem1{fill:var(--colorBg2c)}.project-display .project-img .tile-svg1 .cls-1{fill:var(--color1a)}.project-display .project-img .tile-svg1 .cls-2,.project-display .project-img .tile-svg6 *{fill:#fff}.project-display .project-title{font-size:min(32px,4vw);text-transform:capitalize}.tile-modal-open .project-display{height:calc(170px + var(--size8)*2);padding:var(--size8) 0}.project-tile:not(.tile-modal-open):hover .project-display{transform:scale(.8);filter:brightness(110%)}.project-tile:not(.tile-modal-open):hover .project-display svg{animation:tileSvgAnim 2s ease-in-out infinite}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg1 .anim-elem1{animation:tileSvgAnim1 2s ease-in-out infinite}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg2 .anim-elem1{animation:tileSvgAnim2a 2s ease-in-out infinite;transform-origin:center}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg2 .anim-elem2a *{animation:tileSvgAnim2b1 2s ease-in-out infinite}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg2 .anim-elem2b *{animation:tileSvgAnim2b2 2s ease-in-out infinite}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg2 .anim-elem2 *{fill:var(--colorBg2c)}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg3 .anim-elem1{animation:tileSvgAnim3a1 2s ease-in-out infinite;transform-origin:center}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg3 .anim-elem3{animation:tileSvgAnim3a2 2s ease-in-out infinite;transform-origin:center}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg3 .anim-elem2{animation:tileSvgAnim3b 2s ease-in-out infinite;transform-origin:100px 79px}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg3 .anim-elem4{animation:tileSvgAnim3c 2s ease-in-out infinite;transform-origin:70px 138.6px}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg4 *{animation:tileSvgAnim4 2s ease-in-out infinite;transform-origin:center}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg5 .anim-elem1{animation:tileSvgAnim5 2s ease-in-out infinite;transform-origin:bottom right}.project-tile:not(.tile-modal-open):hover .project-display .tile-svg6 .anim-elem1{animation:tileSvgAnim6 2s ease-in-out infinite}@keyframes tileSvgAnim{0%{transform:rotate(0deg)}6%{transform:rotate(-15deg)}14%{transform:rotate(10deg)}22%{transform:rotate(-5deg)}30%{transform:rotate(0deg)}}@keyframes tileSvgAnim1{0%{transform:translate(0)}6%{transform:translateY(-60px)}14%{transform:translateY(35px)}22%{transform:translateY(-10px)}30%{transform:translate(0)}}@keyframes tileSvgAnim2a{0%{transform:rotate(0deg)}30%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes tileSvgAnim2b1{0%{transform:translate(0)}15%{transform:translate(-8px,-8px)}30%{transform:translate(0)}}@keyframes tileSvgAnim2b2{0%{transform:translate(0)}15%{transform:translate(8px,8px)}30%{transform:translate(0)}}@keyframes tileSvgAnim3a1{0%{transform:translate(0)}10%{transform:translateY(-16px)}20%{transform:translateY(-16px)}30%{transform:translate(0)}}@keyframes tileSvgAnim3a2{0%{transform:translate(0)}10%{transform:translateY(16px)}20%{transform:translateY(16px)}30%{transform:translate(0)}}@keyframes tileSvgAnim3b{0%{transform:rotate(0)}12%{transform:rotate(12deg)}22%{transform:rotate(-9deg)}25%{transform:rotate(3deg)}30%{transform:rotate(0)}}@keyframes tileSvgAnim3c{0%{transform:scaleX(1)}10%{transform:scaleX(1.95)}30%{transform:scaleX(1)}}@keyframes tileSvgAnim4{0%{transform:scale(1)}15%{transform:scale(.9,1.1)}30%{transform:scale(1)}}@keyframes tileSvgAnim5{0%{transform:rotate(0deg)}8%{transform:rotate(-15deg)}15%{transform:rotate(10deg)}22%{transform:rotate(-5deg)}30%{transform:rotate(0deg)}}@keyframes tileSvgAnim6{0%{opacity:1}8%{opacity:0}15%{opacity:1}22%{opacity:0}30%{opacity:1}}@media screen and (width <= 768px){.project-display .project-img{height:120px}.tile-modal-open .project-display{height:calc(170px + var(--size8) + var(--size8) + var(--size7));padding-top:calc(var(--size8) + var(--size7))}}@media screen and (width <= 540px){.project-display .project-img{--imgSize:220px}.project-display .project-title{font-size:min(32px,8vw)}}@media screen and (width <= 440px){.project-display .project-img{--imgSize:50vw}}.mockup-outer{--mockupSize:var(--size3);display:flex;justify-content:center;flex-wrap:wrap;transition:var(--trans3)}.mockup-outer:has(.desktop-mockup){padding-bottom:calc(var(--mockupSize)*4)}.mockup-mode{width:100%;margin-bottom:var(--size6);display:flex;justify-content:center;gap:var(--size4);cursor:var(--cursorHover)}.mockup-mode .toggle-txt{font-size:min(26px,5vw)}.mockup-mode .toggle-txt:before{-webkit-text-stroke-width:3px}.mockup-mode .toggle-txt.toggle-txt-desktop:before{-webkit-text-stroke-color:var(--color1a)}.mockup-mode:hover .toggle-txt.toggle-txt-mobile:before,.mockup-mode:hover .toggle-txt.toggle-txt-slash:before{-webkit-text-stroke-color:var(--color1b)}.mockup-mode.toggle-disabled{pointer-events:none}.mockup-mode.toggle-disabled .toggle-txt-slash:before{-webkit-text-stroke-color:var(--color1a)}.modal-content:not(:has(.desktop-mockup)) .toggle-txt-desktop:before{-webkit-text-stroke-color:#fff}.modal-content:not(:has(.desktop-mockup)) .toggle-txt-mobile:before{-webkit-text-stroke-color:var(--color1a)}.modal-content:not(:has(.desktop-mockup)) .mockup-mode:hover .toggle-txt.toggle-txt-desktop:before{-webkit-text-stroke-color:var(--color1b)}.modal-content:not(:has(.desktop-mockup)) .mockup-mode:hover .toggle-txt.toggle-txt-mobile:before{-webkit-text-stroke-color:var(--color1a)}.mockup{width:min(380px,100%);aspect-ratio:9/18;margin:0 var(--size1);position:relative;border:solid var(--mockupSize) #fff;border-radius:var(--size7);transition:all .75s ease-in-out,margin var(--trans3)}.mockup.desktop-mockup{width:100%;aspect-ratio:16/9;margin:0}.mockup.desktop-mockup .phone-elem{width:0;left:calc(var(--mockupSize)*-1)}.mockup.desktop-mockup .phone-elem:nth-of-type(4){right:calc(var(--mockupSize)*-1)}.mockup.desktop-mockup .phone-elem:nth-of-type(5){transform:translate(-50%) scale(0)}.mockup.desktop-mockup .stand-elem:nth-of-type(6){height:calc(var(--mockupSize)*2.5 + 1px);top:calc(100% - 1px + var(--mockupSize))}.mockup.desktop-mockup .stand-elem:nth-of-type(7){height:calc(var(--mockupSize)*1.5 + 1px);top:calc(100% - 1px + var(--mockupSize) + var(--mockupSize)*2.5)}.mockup .stand-elem{height:0;position:absolute;left:50%;transform:translate(-50%);background-color:#fff;transition:var(--trans3)}.mockup .stand-elem:nth-of-type(6){width:8%;top:calc(100% + var(--mockupSize))}.mockup .stand-elem:nth-of-type(7){width:40%;top:calc(100% + var(--mockupSize));border-radius:200px}.mockup .phone-elem{width:calc(var(--size1) + 1px);position:absolute;left:calc((var(--mockupSize) + var(--size1))*-1);background-color:#fff;border-radius:100px 0 0 100px;transition:var(--trans3);z-index:100}.mockup .phone-elem:first-of-type{height:calc(var(--mockupSize)*2);top:20%}.mockup .phone-elem:nth-of-type(2){height:calc(var(--mockupSize)*3);top:calc(20% + var(--mockupSize)*2 + var(--mockupSize)*3)}.mockup .phone-elem:nth-of-type(3){height:calc(var(--mockupSize)*3);top:calc(20% + var(--mockupSize)*2 + var(--mockupSize)*3 + var(--mockupSize)*3 + var(--mockupSize)*2)}.mockup .phone-elem:nth-of-type(4){height:calc(var(--mockupSize)*5);top:30%;left:auto;right:calc((var(--mockupSize) + var(--size1))*-1);border-radius:0 100px 100px 0}.mockup .phone-elem:nth-of-type(5){width:var(--size4);height:var(--size4);top:calc(var(--mockupSize) + var(--size2));left:50%;transform:translate(-50%);border-radius:50%}.mockup .mockup-trans{width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;display:flex;justify-content:center;align-items:center;opacity:0;background:var(--colorGrad1);border-radius:calc(var(--size7) - var(--mockupSize));transition:.25s ease-in-out;pointer-events:none;z-index:10}.mockup .mockup-trans .logo{width:min(100px,40%)}.mockup.mockup-change .mockup-trans{opacity:1}.mockup .mockup-inner{width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px;display:flex;align-items:flex-start;box-shadow:inset 0 0 0 3px #fff;border-radius:calc(var(--size7) - var(--mockupSize));overflow:auto}.mockup .mockup-inner .mockup-img{width:100%}@media screen and (width <= 768px){.mockup{aspect-ratio:9/16}.mockup.desktop-mockup{aspect-ratio:16/10}}@media screen and (width <= 540px){.mockup-outer{--mockupSize:var(--size2)}}.tile-section .tile-modal{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .75s ease-in-out,opacity var(--trans3);overflow:hidden;cursor:var(--cursorDefault);pointer-events:none}.tile-section .tile-modal:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background:var(--colorGrad1b);transition:.25s ease-in-out;z-index:-1}.tile-section .tile-modal .tile-modal-inner{width:100%;height:100%;padding:0 var(--size6);overflow:auto}.tile-section .tile-modal .modal-hub{position:absolute;top:var(--size6);right:var(--size6);display:flex;gap:var(--size4);opacity:0;transition:all var(--trans2),opacity var(--trans3)!important;z-index:1000}.tile-section .tile-modal .modal-hub .modal-hub-link{width:calc(var(--size7) + 4px);height:calc(var(--size7) + 4px);position:relative;display:flex;cursor:var(--cursorHover)}.tile-section .tile-modal .modal-hub .modal-hub-link:hover{transform:scale(1.2)}.tile-section .tile-modal .modal-hub .modal-hub-link:before{content:"";width:calc(100% + var(--size2));aspect-ratio:1/1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--colorBg1c);border-radius:50%;z-index:-1}.tile-section .tile-modal .modal-hub .modal-hub-link:hover svg{animation:navAnimElem 2s ease-in-out infinite}.tile-section .tile-modal .modal-hub .modal-hub-link.mh-link1:hover .anim-elem1{animation:navAnimElem1 2s ease-in-out infinite;transform-origin:100px 144px}.tile-section .tile-modal .modal-hub .modal-hub-link.mh-link2:hover :is(.anim-elem1,.anim-elem2){animation:projAnimElem2 2s ease-in-out infinite;transform-origin:100px 100px}.tile-section .tile-modal .modal-hub .modal-hub-link *{fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke:#fff;stroke-width:10px}@keyframes projAnimElem2{0%{transform:scaleX(1)}6%{transform:scaleX(1.2)}14%{transform:scaleX(.85)}22%{transform:scaleX(1.1)}30%{transform:scaleX(1)}}.tile-section .tile-modal .modal-content{width:100vw;padding-bottom:var(--size8);display:flex;flex-direction:column;gap:var(--size8);transition:1s}.tile-section .tile-modal .project-heading{text-align:center;margin-bottom:var(--size6);text-transform:capitalize}.tile-section .tile-modal .project-heading:before{-webkit-text-stroke-color:var(--color1a)}.tile-section .tile-modal .project-overview{padding:var(--size8)}.tile-section .tile-modal .project-overview p{text-align:center}.tile-section .tile-modal .project-desc{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--size8)}.tile-section .tile-modal .project-desc .desc-elem{padding:var(--size8);transition:0s}.tile-section .tile-modal .project-desc .desc-elem-inner{display:flex;flex-direction:column;gap:var(--size3)}.tile-section .tile-modal .project-desc .project-about{flex:1}.tile-section .tile-modal .project-desc .project-stack{width:260px}.tile-section .tile-modal .project-desc .project-stack p{text-align:center}.tile-section .tile-modal-open .tile-modal{width:100dvw;height:100dvh;border-radius:0;pointer-events:all}.tile-section .tile-modal-open .tile-modal:before{border-radius:0}.tile-section .tile-modal-open .tile-modal .close-btn,.tile-section .tile-modal-open .tile-modal .modal-hub{opacity:1}.tile-section .tile-modal-open .tile-modal .modal-content{width:min(1024px,100%)}.tile-section .modal-opacity .tile-modal:after{opacity:1}.tile-section .no-trans .tile-modal{transition:0s}@media screen and (width <= 1024px){.tile-section .tile-modal .project-desc{display:flex;gap:var(--size8)}.tile-section .tile-modal .project-desc>div{flex:100%;width:auto}}@media screen and (width <= 440px){.tile-section .tile-modal .project-desc .desc-elem,.tile-section .tile-modal .project-overview{padding:var(--size8) var(--size6)}}.design-row3{--rowDesignNum:3}.design-row4{--rowDesignNum:4}.design-row5{--rowDesignNum:5}.design-row-s .design-project{aspect-ratio:1/1}.design-row-h .design-project{aspect-ratio:3/2}.design-row-v .design-project{aspect-ratio:2/3}@media screen and (width <= 768px){.design-row3{--rowDesignNum:2}.design-row4{--rowDesignNum:3}.design-row5{--rowDesignNum:4}}@media screen and (width <= 540px){.design-row5{--rowDesignNum:3}}@media screen and (width <= 440px){.design-row3{--rowDesignNum:1}.design-row4{--rowDesignNum:2}.design-row5{--rowDesignNum:3}}@media screen and (width <= 320px){.design-row4{--rowDesignNum:1}.design-row5{--rowDesignNum:2}}.tile-section.wrapper:has(.modal-opacity){z-index:250}.tile-section .design-modal .modal-scroll-top{width:calc(var(--size7) + 4px);aspect-ratio:1/1;position:relative;display:flex;justify-content:center;align-items:center;opacity:0;border-radius:50%;transition:all var(--trans2),opacity var(--trans3)!important;overflow:hidden;cursor:var(--cursorHover);pointer-events:none;z-index:120}.tile-section .design-modal .modal-scroll-top.show-scroll-btn{opacity:1;pointer-events:all}.tile-section .design-modal .modal-scroll-top svg{width:60%;aspect-ratio:1/1;position:relative;top:-1px}.tile-section .design-modal .modal-scroll-top svg *{stroke-linecap:round;stroke-miterlimit:10;fill:none;stroke:#fff;stroke-width:14px}.tile-section .design-modal .modal-scroll-top:hover{transform:scale(1.2)}.tile-section .design-modal .modal-scroll-top:hover:before{background:var(--borderGrad2)}.tile-section .design-modal .modal-scroll-top:hover svg{animation:modalScrollTop 4s ease-in-out infinite}@keyframes modalScrollTop{0%{transform:translateY(-1px)}10%{transform:translateY(10px)}17%{transform:translateY(-100px)}20%{transform:translateY(-100px)}21%{transform:translateY(100px)}50%{transform:translateY(-1px)}}.tile-section .design-modal .tile-modal-inner:has(.design-open){overflow:hidden}.tile-section .design-modal .tile-modal-inner:has(.design-open) .modal-scroll-top{pointer-events:none}.tile-section .design-modal .modal-content{display:grid;grid-template-columns:repeat(var(--rowDesignNum),1fr);gap:var(--size6)}.tile-section .design-modal .design-project{width:100%;position:relative;display:flex;border-radius:var(--size4);cursor:var(--cursorHover)}.tile-section .design-modal .design-project:before{border-radius:inherit}.tile-section .design-modal .design-project:after{--silverColor:rgb(240,245,255,0.8);content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(105deg,transparent 30%,var(--silverColor) 60%,transparent 75%);background-size:200% 100%;background-position:200% 0;border-radius:var(--size4);animation:shinePlaceholder 4s linear infinite}.tile-section .design-modal .design-project.no-ph-anim:after{display:none}.tile-section .design-modal .design-project:not(.design-open):hover .design-proj-img-outer{width:calc(100% + var(--size6));height:calc(100% + var(--size6));margin:calc(var(--size6)/-2)}@keyframes shinePlaceholder{0%{background-position:200% 0}to{background-position:-200% 0}}.tile-section .design-modal:has(.design-opacity) .design-project:not(.design-opacity){pointer-events:none}.tile-section .design-modal .design-proj-inner{width:100%;height:100%;padding:var(--size6);position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:inherit;transition:all .75s ease-in-out,background-color var(--trans3);pointer-events:none;cursor:var(--cursorDefault);overflow:hidden}.tile-section .design-modal .design-proj-inner .modal-hub{opacity:0}.tile-section .design-modal .design-proj-inner .close-btn{background-color:hsla(0,0%,100%,.75);border:2px solid #000}.tile-section .design-modal .design-proj-inner .close-btn span,.tile-section .design-modal .design-proj-inner .close-btn:before{background-color:#000}.tile-section .design-modal .design-proj-inner .toggle-modal-bg{width:calc(var(--size7) + 4px);aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.75);border:2px solid #000;border-radius:50%;background-image:url(../img/sun.62657cdb.svg);background-size:var(--size6);background-position:50%;background-repeat:no-repeat;transition:var(--trans2);cursor:var(--cursorHover)}.tile-section .design-modal .design-proj-inner .toggle-modal-bg:before{background-color:#000}.tile-section .design-modal .design-proj-inner .toggle-modal-bg:hover{transform:scale(1.2)}.tile-section .design-modal .design-proj-inner .toggle-modal-bg .toggle-modal-img{width:var(--size6)}.tile-section .design-modal .design-proj-inner .design-proj-img-outer{width:min(1024px,100%);height:100%;position:relative;transition:var(--trans3)}.tile-section .design-modal .design-proj-inner .design-proj-img-outer:has(.mobile-design){width:min(540px,100%)}.tile-section .design-modal .design-proj-inner .design-proj-img-outer:has(.desktop-design){width:min(1440px,100%)}.tile-section .design-modal .design-proj-inner .design-proj-img-outer img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.tile-section .design-modal .scroll-content .design-proj-img-outer{overflow:hidden}.tile-section .design-modal .scroll-content .design-proj-img-outer::-webkit-scrollbar-thumb{background:var(--txt-faded3)}.tile-section .design-modal .scroll-content .design-proj-img-outer img{height:auto;-o-object-fit:fill;object-fit:fill}.tile-section .design-modal .scroll-content .design-open .design-proj-inner{align-items:flex-start}.tile-section .design-modal .scroll-content .design-open .design-proj-inner .design-proj-img-outer{height:auto;max-height:100%;overflow:auto}.tile-section .design-modal .dark-modal .design-proj-inner{background-color:#111!important}.tile-section .design-modal .dark-modal .design-proj-inner .close-btn,.tile-section .design-modal .dark-modal .design-proj-inner .toggle-modal-bg{background-color:rgba(0,0,0,.75);border-color:#fff}.tile-section .design-modal .dark-modal .design-proj-inner .toggle-modal-bg{background-image:url(../img/moon.3b7b5a82.svg)}.tile-section .design-modal .dark-modal .design-proj-inner .close-btn span{background-color:#fff}.tile-section .design-modal .design-open{z-index:11000;cursor:auto}.tile-section .design-modal .design-open .design-proj-inner{width:100dvw;height:100dvh;pointer-events:all}.tile-section .design-modal .design-open .modal-hub{opacity:1}.tile-section .design-modal .design-opacity{z-index:50}.tile-section .design-modal .no-trans .design-proj-inner{transition:all 0s,background var(--trans2)}.tile-modal-inner:has(.design-open)>.modal-hub{opacity:0!important;pointer-events:none}main .form-popup{width:min(1024px,100% - var(--size6)*2);padding:var(--size8);position:fixed;bottom:calc(var(--size8)*-2 - 3rem);left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;opacity:0;animation:formPopupFadeOut var(--trans4) forwards;transition:var(--trans4);z-index:1000}main .form-popup.popup-visible{bottom:var(--size6);animation:formPopupFadeIn var(--trans4) forwards}main .form-popup .info-msg{text-align:center;text-wrap:balance}main .form-popup .close-btn{position:absolute;top:var(--size6);right:var(--size6)}@keyframes formPopupFadeIn{0%{opacity:0}10%{opacity:1}to{opacity:1}}@keyframes formPopupFadeOut{0%{opacity:1}90%{opacity:1}to{opacity:0}}@media screen and (width <= 320px){main .form-popup{padding:var(--size8) var(--size6)}main .form-popup .close-btn{width:calc(var(--size6) + 4px)}main .form-popup .close-btn span{width:var(--size4)}}.contact-section{display:flex;flex-direction:column;gap:var(--size8)}.contact-form{display:flex;flex-wrap:wrap;gap:var(--size6)}.contact-form .form-input{flex:40%;height:var(--size8);display:flex}.contact-form .form-input:hover:before{background:var(--borderGrad2)}.contact-form .form-input:has(:focus):before{background:var(--borderGrad2)}.contact-form .form-input:has(:-webkit-autofill):before{background:var(--borderGrad3)}.contact-form .form-input:has(.invalid-input):before{background:var(--borderGrad2b)}.contact-form .form-input>*{width:100%;height:100%;padding:0 var(--size6);background-color:transparent;border:none;border-radius:inherit;cursor:var(--cursorText);transition:all var(--trans1),box-shadow var(--trans3)}.contact-form .form-input>:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--colorBg1c) inset;-webkit-text-fill-color:#fff;-webkit-transition:all var(--trans3),box-shadow var(--trans1);transition:all var(--trans3),box-shadow var(--trans1)}.contact-form .form-input.form-textarea{flex:100%;height:calc(var(--size8)*4)}.contact-form .form-input.form-textarea>*{padding:var(--size6);resize:none}.contact-form .form-input.form-tumbleweed{position:absolute;opacity:0;pointer-events:none}.contact-form .form-input ::-moz-placeholder{color:var(--txt-faded3)}.contact-form .form-input ::placeholder{color:var(--txt-faded3)}.contact-form .form-footer{width:100%;display:flex;align-items:center;gap:var(--size6)}.contact-form .form-footer .send-form-btn{flex:1;height:var(--size8);cursor:var(--cursorHover)}.contact-form .form-footer .send-form-btn:hover:before{background:var(--borderGrad2)}.contact-form .form-footer .send-form-btn .send-btn-txt{font-size:20px}.contact-form .form-footer .send-form-btn .send-btn-txt:before{-webkit-text-stroke:1.5px #fff}.contact-form .form-footer .send-form-btn:hover .send-btn-txt:before{-webkit-text-stroke-color:var(--color1a)}.contact-form .form-footer .form-socials{height:var(--size8);display:flex;gap:var(--size6)}.contact-form .form-footer .form-socials .form-link{height:100%;aspect-ratio:1/1;cursor:var(--cursorHover)}.contact-form .form-footer .form-socials .form-link *{fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke:#fff;stroke-width:10px}.contact-form .form-footer .form-socials .form-link:hover svg{animation:navAnimElem 2s ease-in-out infinite}.contact-form .form-footer .form-socials .form-link.form-link1:hover .anim-elem1{animation:navAnimElem1 2s ease-in-out infinite;transform-origin:100px 144px}.contact-form .form-footer .form-socials .form-link.form-link2:hover .anim-elem1{animation:navAnimElem5a 2s ease-in-out infinite;transform-origin:100px 195px}.contact-form .form-footer .form-socials .form-link.form-link2:hover .anim-elem2{animation:navAnimElem5b 2s ease-in-out infinite;transform-origin:100px 195px}@media screen and (width <= 540px){.contact-form .form-input{flex:100%}}@media screen and (width <= 440px){.contact-form .form-footer .send-form-btn .send-btn-txt{font-size:18px}.contact-form .form-footer .form-socials{height:var(--size7)}}@media screen and (width <= 320px){.contact-form .form-footer{flex-direction:column;align-items:flex-end}.contact-form .form-footer .send-form-btn{flex:none;width:100%}.contact-form .form-footer .form-socials{height:var(--size7);justify-content:flex-end}}main{padding-top:calc(var(--size6) + var(--size5)*2 + var(--size7) + var(--size8));position:relative;display:flex;flex-direction:column;gap:calc(var(--size8)*2.5);z-index:110}main .section-heading{width:100%;font-size:min(34px,6vw);text-align:center}main .tile-heading-capital{text-transform:capitalize}main .main-section{position:relative;top:0;transition:1s ease-out}main .main-section:not(:has(.tile-modal-open)).section-out{top:150px;opacity:0;filter:brightness(75%)}@media screen and (width <= 768px){main{padding-top:var(--size8)}}@media screen and (width <= 440px){main{padding-top:calc(var(--size7) + var(--size5)*2 + var(--size6) + var(--size8))}}footer.wrapper{margin-top:calc(var(--size8)*2.5);padding:var(--size6);display:flex;justify-content:space-between;align-items:center;transition:opacity var(--trans3)}footer.wrapper .footer-logo{height:var(--size8);display:flex;cursor:var(--cursorHover)}footer.wrapper .footer-logo .logo{height:100%}footer.wrapper .footer-logo:hover .logo-shape3{animation:logoHeadAnim 2s ease-in-out infinite}footer.wrapper .footer-version{display:flex;flex-direction:column;align-items:flex-end;gap:var(--size1)}footer.wrapper .footer-version p{font-size:16px}body:has(.section-out) footer{opacity:0}.modal-mode footer{opacity:0}@media screen and (width <= 440px){footer.wrapper{flex-direction:column;gap:var(--size6)}footer.wrapper .footer-version{align-items:center}}.bg-blobs{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-blobs .bg-blob{will-change:transform;position:absolute;border-radius:50%;transition:transform .4s linear;overflow:hidden;z-index:10}.bg-blobs .bg-blob:after{background:linear-gradient(to right,var(--color2a),var(--color2b))}.bg-blobs .bg-blob:after,.bg-blobs .bg-blob:nth-of-type(odd):after{content:"";width:100%;height:105%;position:absolute;border-radius:50%;filter:blur(32px);transition:var(--trans3)}.bg-blobs .bg-blob:nth-of-type(odd):after{background:linear-gradient(to right,var(--color3a),var(--color3b))}.bg-blobs .bg-blob:nth-of-type(3n+1):after{animation:blobGrow 2.5s ease-in-out,blobBreathe 10s ease-in-out 2.5s infinite}.bg-blobs .bg-blob:nth-of-type(3n+2):after{animation:blobGrow 4s ease-in-out,blobBreathe 8s ease-in-out 4s infinite}.bg-blobs .bg-blob:nth-of-type(3n+3):after{animation:blobGrow 7s ease-in-out,blobBreathe 13s ease-in-out 7s infinite}@keyframes blobGrow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes blobBreathe{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(.8) rotate(90deg)}50%{transform:scale(1) rotate(180deg)}75%{transform:scale(.8) rotate(270deg)}to{transform:scale(1) rotate(1turn)}}.cursor-blob{will-change:transform;aspect-ratio:1/1.1;position:fixed;top:0;left:0;opacity:0;border-radius:50%;transition:all .15s,opacity 1s .15s;pointer-events:none;z-index:999999}.cursor-blob.cursor-blob-visible{opacity:1}.cursor-blob:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;opacity:.7;background:linear-gradient(to right,var(--color1a),var(--color1b));border-radius:50%;filter:blur(30px);animation:cursorBlobAnim 6s linear infinite}@keyframes cursorBlobAnim{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media screen and (width <= 768px){.cursor-blob.cursor-blob-visible{opacity:0}}#app{padding-bottom:var(--size7)}:root{--color1a:#b963ff;--color1b:#51a2ff;--color2a:rgba(36,56,190,.1);--color2b:rgba(198,73,229,.45);--color3a:rgba(82,36,190,.1);--color3b:rgba(19,126,188,.45);--colorBg1a:#011240;--colorBg1b:#28003e;--colorBg1c:#14063e;--colorBg1d:rgba(1,18,64,.8);--colorBg1e:rgba(40,0,62,.9);--colorBg1f:rgba(20,6,62,.85);--colorBg2a:rgba(21,51,107,.6);--colorBg2b:rgba(51,22,96,.8);--colorBg2c:rgba(33,28,103,.7);--colorBg2d:rgba(33,28,103,.9);--colorBorder1a:hsla(0,0%,100%,.06);--colorBorder1b:hsla(0,0%,100%,.12);--colorBorder2a:rgba(185,99,255,.3);--colorBorder2b:rgba(185,99,255,.5);--colorBorder2c:rgba(185,99,255,.7);--colorBorder2d:rgba(185,99,255,.9);--colorBorder3a:rgba(81,162,255,.3);--colorBorder3b:rgba(81,162,255,.5);--txt1:#fafafa;--txt2:#222;--txt-faded:#eee;--txt-faded2:#cfcfcf;--txt-faded3:#b1b1b1;--txt-head1:#0c0c4e;--txt-head2:#322357;--size1:4px;--size2:8px;--size3:12px;--size4:16px;--size5:20px;--size6:24px;--size7:32px;--size8:48px;--scrollbar:var(--size2);--box-shadow1:0 0 1px 2px;--trans1:0.1s ease-in-out;--trans2:0.15s ease-in-out;--trans3:0.25s ease-in-out;--trans4:0.35s ease-in-out;--cursorDefault:url(../img/cursor.5233ff14.svg) 12 12,auto;--cursorHover:url(../img/cursor-hover.2999c93e.svg) 12 12,pointer;--cursorText:url(../img/cursor-text.c4d825be.svg) 12 12,text}body{--colorGrad1:linear-gradient(to bottom right,var(--colorBg1a),var(--colorBg1b));--colorGrad1b:linear-gradient(to bottom right,var(--colorBg1d),var(--colorBg1e)),url(../img/noise-texture.a4662142.svg);--colorGrad2:linear-gradient(to bottom right,var(--colorBg2a),var(--colorBg2b)),url(../img/noise-texture.a4662142.svg);--borderGrad1:linear-gradient(to bottom right,var(--colorBorder1a),var(--colorBorder1b));--borderGrad2:linear-gradient(to bottom right,var(--colorBorder2a),var(--colorBorder2b));--borderGrad2b:linear-gradient(to bottom right,var(--colorBorder2c),var(--colorBorder2d));--borderGrad3:linear-gradient(to bottom right,var(--colorBorder3a),var(--colorBorder3b))}@media screen and (width <= 768px){body{--colorGrad1:var(--colorBg1c);--colorGrad1b:var(--colorBg1f);--colorGrad2:var(--colorBg2c);--borderGrad1:var(--colorBorder1a);--borderGrad2:var(--colorBorder2a);--borderGrad2b:var(--colorBorder2c);--borderGrad3:var(--colorBorder3a)}}@media screen and (width <= 540px){:root{--size6:var(--size5)}}@font-face{src:url(../fonts/Quicksand-VariableFont_wght.f2fca7dd.ttf);font-family:mainFont;font-display:fallback}@font-face{src:url(../fonts/Roboto-Regular.c30bb2b7.woff2);font-family:textFont;font-display:fallback}.main-font{font-family:mainFont,Calibri,sans-serif}a,button,input,label,p,td,textarea,th{color:var(--txt-faded);font-size:18px;font-weight:400;line-height:1.2;text-wrap:balance;text-decoration:none;transition:var(--trans2)}a,label,p{margin-bottom:-2px}label{font-size:16px;color:var(--txt-faded2)}@media screen and (width <= 440px){a,button,label,p{font-size:16px;line-height:1.2em}}@media screen and (width <= 320px){a,button,label,p{font-size:15px;line-height:1.2em}}h1,h2,h3,h4,h5,h6{position:relative;font-family:mainFont,Calibri,sans-serif;font-weight:800;line-height:1;letter-spacing:.1em;text-wrap:balance;text-transform:uppercase;&:after,&:before{content:attr(data-text);transition:-webkit-text-stroke var(--trans2)}&:after{width:100%;position:absolute;left:0;color:var(--txt-head1);z-index:10}.glass-tile &:after{color:var(--txt-head2)}}:is(h1,h2,h3):before{-webkit-text-stroke:3px #fff}:is(h4,h5):before{-webkit-text-stroke:1.5px #fff}h1{font-size:38px}h2{font-size:34px}h3{font-size:32px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}@media screen and (width <= 440px){h1{font-size:32px}h2{font-size:30px}h3{font-size:28px}h4{font-size:18px}h5{font-size:16px}h6{font-size:15px}}@media screen and (width <= 320px){h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}}::-webkit-scrollbar{width:var(--scrollbar);height:var(--scrollbar)}::-webkit-scrollbar-track{background:var(--colorBg1b)}::-webkit-scrollbar-thumb{background:var(--color1a);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color2b)}::-webkit-resizer{background:var(--color1a)}::-webkit-scrollbar-corner{background:transparent}.glass-tile ::-webkit-scrollbar-track,.glass-tile::-webkit-scrollbar-track{background:transparent}.hide-scrollbar::-webkit-scrollbar{width:0;height:0}*{margin:0;padding:0;box-sizing:border-box;font-family:textFont,Roboto,Arial,sans-serif;-webkit-tap-highlight-color:transparent}:focus{outline:0!important}::-moz-selection{background:var(--mainColor)!important}::selection{background:var(--mainColor)!important}html{scrollbar-gutter:stable;overflow-x:hidden}body,html{position:relative}body{width:100%;max-width:100vw}@-moz-document url-prefix(){*{scrollbar-color:var(--color1a) transparent!important;scrollbar-width:none!important}}html{background-color:var(--colorBg1c)}body{min-height:275vh;padding:0 var(--size6);background:var(--colorGrad1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:var(--cursorDefault)}.wrapper{width:min(1024px,100%);margin:0 auto;position:relative;z-index:100}.glass-tile{--border:2px;position:relative;background:var(--colorGrad2);background-position:50%;background-repeat:repeat;background-size:cover;border:none;box-shadow:inset 0 0 20px 0 hsla(0,0%,49%,.3),0 0 20px 0 rgba(0,0,0,.2);border-radius:var(--size6);transition:var(--trans2);&:before{content:"";padding:var(--border);position:absolute;inset:0;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:var(--borderGrad1);border-radius:var(--size6);transition:var(--trans3);pointer-events:none}}