*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--theme-light:#ededec;--theme-dark:#2c2c2c;--text:#6b6375;--text-h:#08060d;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}html,body,#root{scroll-behavior:smooth;width:100%;min-height:100%}body{margin:0;overflow-x:hidden}body.dark-mode{--theme-light:#282828;--theme-dark:#ededec}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{margin:0;padding:8vh 0 0}.topbar{background-color:var(--theme-light);border-bottom:.2vw solid var(--theme-dark);box-sizing:border-box;z-index:9999;justify-content:space-between;align-items:center;width:100%;padding:.5vw 5vw;font-family:Outfit,sans-serif;transition:padding .4s;display:flex;position:fixed;top:0;left:0}.topbar.scrolled{padding:.1rem 5%}.topbar-actions{z-index:10000;align-items:center;display:flex}.theme-toggle-btn{border:2px solid var(--theme-dark);color:var(--theme-dark);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:3px 10px 3px 180px;padding:0;transition:transform .2s,background-color .3s,border-color .3s,color .3s,width .4s,height .4s;display:flex}.topbar.scrolled .theme-toggle-btn{width:40px;height:40px}.theme-toggle-btn svg{width:28px;height:28px;transition:width .4s,height .4s;display:block}.topbar.scrolled .theme-toggle-btn svg{width:20px;height:20px}.theme-toggle-btn:hover{background-color:#0000000d;transform:scale(1.1)}body.dark-mode .theme-toggle-btn{border-color:var(--theme-dark);color:var(--theme-dark)}body.dark-mode .theme-toggle-btn:hover{background-color:#ffffff1a}.topbar-logo{cursor:pointer;align-items:center;gap:.5vw;display:flex}.topbar-logo .logo{object-fit:contain;width:4.5vw;transition:width .4s;display:block}.topbar-logo .logotipo{object-fit:contain;cursor:pointer;width:11.5vw;transition:width .4s;display:block}.topbar.scrolled .logo{width:60px}.topbar.scrolled .logotipo{width:160px}.topbar-nav ul{gap:2vw;margin:0;padding:0;list-style:none;display:flex}.topbar-nav a{color:var(--theme-dark);padding-bottom:.3vw;font-size:1vw;font-weight:700;text-decoration:none;transition:color .3s,font-size .4s;position:relative}.topbar.scrolled .topbar-nav a{font-size:1rem}.topbar-nav a:after{content:"";background-color:#d868a9;width:0;height:3px;transition:width .3s ease-in-out;position:absolute;bottom:0;left:0}.topbar-nav a:hover:after,.topbar-nav a.active:after{width:100%}.topbar-nav a:hover,.topbar-nav a.active{color:#d868a9}.hamburger{cursor:pointer;z-index:10000;background:0 0;border:none;padding:0;display:none}.hamburger .bar{background-color:var(--theme-dark);border-radius:4px;width:28px;height:4px;margin:6px auto;transition:all .3s ease-in-out;display:block}.hamburger.active .bar:first-child{background-color:#d868a9;transform:translateY(10px)rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){background-color:#d868a9;transform:translateY(-10px)rotate(-45deg)}@media (width<=768px){body{padding-top:70px}.topbar,.topbar.scrolled{justify-content:space-between;padding:.8rem 5%}.topbar-actions{gap:1rem}.theme-toggle-btn,.topbar.scrolled .theme-toggle-btn{width:40px;height:40px;margin-left:20px;margin-right:5px}.theme-toggle-btn svg,.topbar.scrolled .theme-toggle-btn svg{width:20px;height:20px}.topbar-logo .logo,.topbar.scrolled .logo{width:60px}.topbar-logo .logotipo,.topbar.scrolled .logotipo{width:160px}.hamburger{display:block}.topbar-nav{background-color:var(--theme-light);border-top:3px solid var(--theme-dark);z-index:9998;width:100%;height:calc(100vh - 70px);transition:left .4s cubic-bezier(.16,1,.3,1);position:fixed;top:84px;left:-100%}.topbar-nav.active{left:0}.topbar-nav ul{flex-direction:column;align-items:center;gap:2.5rem;padding-top:3rem}.topbar-nav a{font-size:1.4rem}}.footer-section{border-top:4px solid var(--theme-dark);z-index:10;background-color:#929d71;justify-content:center;align-items:center;width:100%;max-height:65px;padding:1.2rem 5%;display:flex;position:relative}.footer-section p{color:#ededec;letter-spacing:.5px;margin:0;font-family:Cormorant,sans-serif;font-size:.95rem;font-weight:500}@media (width<=600px){.footer-section{text-align:center;justify-content:center}}.header-container{z-index:1;background-color:#0000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.header-bg{opacity:0;z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.header-bg.active{opacity:1}.header-overlay{z-index:2;border-bottom:10px solid var(--theme-dark);background:#0000004d;width:100%;height:100%;position:absolute;top:0;left:0}.header-content{z-index:3;text-align:center;color:#ededec;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.logo-header{box-sizing:border-box;width:100%;max-width:400px;height:auto;filter:drop-shadow(2px 2px 0px var(--theme-dark));margin-bottom:2rem;padding:0 2rem}.central-text{letter-spacing:2px;text-shadow:1px 1px 4px #000c;box-sizing:border-box;width:100%;max-width:600px;padding:0 1.5rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600}.header-indicators{z-index:3;gap:10px;margin-bottom:70px;display:flex;position:absolute;bottom:30px}.indicator-square{cursor:pointer;background-color:#e0e0e0;width:16px;height:16px;transition:background-color .3s}.indicator-square.active{background-color:#f7ca18}@media (width<=480px){.logo{max-width:320px}.central-text{letter-spacing:1px;font-size:1rem}}.about-section{z-index:10;background-color:var(--theme-light);border-top:4px solid var(--theme-dark);flex-direction:column;align-items:center;padding:4rem 5%;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.about-parallax{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:200%;position:absolute;top:-50%;left:0}.bg-layer-1{z-index:1;opacity:.8;background-image:url(/assets/background4-C1HbhazQ.png)}.bg-layer-2{z-index:2;opacity:1;background-image:url(/assets/background5-DYYDXiKj.png)}.section-header,.about-content{z-index:5;position:relative}@keyframes boing{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}80%{transform:scale(1.05)}to{transform:scale(1)}}.card:hover .character-img{animation:.3s ease-in-out boing}.section-header{align-items:center;gap:1rem;width:100%;max-width:1000px;margin-bottom:3rem;display:flex}.header-line{background-color:var(--theme-dark);flex-grow:1;height:4px}.header-white-line{background-color:var(--theme-light);flex-grow:1;height:4px}.section-title{color:#ededec;letter-spacing:2px;background-color:#c268ab;border:4px solid #222;border-radius:14px;padding:.5rem 1.5rem;font-family:Outfit,sans-serif;font-weight:900;box-shadow:4px 4px #0003}.about-content{justify-content:center;align-items:center;width:100%;max-width:1200px;display:flex}.card{box-sizing:border-box;border:4px solid var(--theme-dark);text-align:center;z-index:5;color:#ededec;background-color:#273828;border-radius:20px;flex-direction:column;width:100%;max-width:390px;height:480px;transition:transform .3s,border-width .3s,box-shadow .3s,border-color .3s,background-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #0000001a}.card-wave{z-index:3;width:100%;height:63%;position:absolute;bottom:0;left:0}.canis-wave path{fill:#d89a27}.bool-wave path{fill:#c268ab}.card:hover{z-index:10;background-color:#47704b;border-width:8px;transform:scale(1.05);box-shadow:8px 8px #0003}.canis-card:hover{border-color:#ffbc4b}.bool-card:hover{border-color:#eb84cd}.card-inner{flex-direction:column;align-items:center;height:100%;padding:2rem 1.5rem;transition:padding .3s;display:flex;position:relative}.card:hover .card-inner{padding:calc(2rem - 4px) calc(1.5rem - 4px)}.character-img{z-index:2;object-fit:contain;width:155%;height:155%;margin-top:-46px;margin-bottom:1rem;margin-right:10px;position:relative}.card-texts{z-index:4;font-family:Outfit,sans-serif;position:relative}.card-texts h3{letter-spacing:1px;text-shadow:2px 2px #0003;margin:0;font-size:1.5rem}.card-texts h4{opacity:.9;margin:5px 0 15px;font-size:.9rem;font-weight:700}.card-texts p{opacity:.9;font-size:.85rem;font-weight:700;line-height:1.4}.card-icon{z-index:4;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-weight:700;display:flex;position:absolute;top:15px;right:15px}.palette-icon{color:#fff;background-color:#d89a27;border:2px solid #222}.code-icon{color:#fff;background-color:#c268ab;border:2px solid #222}.middle-boxes{z-index:2;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;display:flex}.info-box{border:3px solid var(--theme-dark);color:#ededec;box-sizing:border-box;background-color:#929d71;border-radius:12px;padding:1.5rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;transition:border-color .3s,border-width .3s;box-shadow:3px 3px #0000001a}.info-box.canis-active{border-width:6px;border-color:#e09e24}.info-box.bool-active{border-width:6px;border-color:#c95cae}.bottom-box{order:1;margin-left:-40px;margin-right:20px;transform:translateY(-20px)}.bottom-box p{text-align:justify;padding-left:38px;padding-right:0}.top-box{order:2;margin-left:20px;margin-right:-40px;transform:translateY(20px)}.top-box p{text-align:justify;padding-left:0;padding-right:38px}@media (width<=900px){.about-content{flex-direction:column;gap:2rem}.middle-boxes{display:contents}.canis-card{order:1}.bottom-box{order:2;width:100%;max-width:390px;margin:0 auto;transform:translateY(0)}.bool-card{order:3}.top-box{order:4;width:100%;max-width:390px;margin:0 auto;transform:translateY(0)}}@media (width<=768px){.about-parallax{display:none}.card{height:auto;min-height:480px;box-shadow:2px 2px #0000001a}.character-img{width:140%;height:140%;margin-top:3.5px;margin-right:0}.bottom-box p,.top-box p{text-align:justify;padding-left:2px;padding-right:2px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.reveal-up{opacity:0}.reveal-up.visible{animation-name:fadeUp;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.delay-0{animation-delay:0s}.delay-1{animation-delay:.4s}.delay-2{animation-delay:.6s}.delay-3{animation-delay:.8s}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.projects-section{z-index:10;border-top:4px solid var(--theme-dark);border-bottom:4px solid var(--theme-dark);flex-direction:column;align-items:center;width:100%;padding:4rem 5%;display:flex;position:relative;overflow:hidden}.projects-section:before{content:"";filter:brightness(.9);z-index:-1;background-image:url(/assets/background_projects_home-CMLd6q19.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.05)}.projects-container{-webkit-backdrop-filter:blur(6px);background:linear-gradient(#9cb082d1 0%,#9cb08280 60%,#9cb08200 100%);border-top:5px solid #ffffffb3;border-left:5px solid #ffffff4d;border-right:5px solid #ffffff4d;border-top-left-radius:40px;border-top-right-radius:40px;flex-direction:column;align-items:center;gap:2rem;width:110%;margin-top:1rem;padding:2rem;display:flex}.swiper-wrapper-container{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.proj-drag-arrow{color:#fffffff6;z-index:25;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,4vw,3.5rem);transition:color .2s;animation:2s ease-in-out infinite pulseArrow;position:absolute;top:50%;transform:translateY(-50%)}.proj-drag-arrow:hover{color:#ffffffe6}.proj-drag-arrow.custom-prev{left:4%}.proj-drag-arrow.custom-next{right:4%}.reveal-project{opacity:0;position:relative;top:80px}.reveal-project.visible{animation-name:fadeUpProject;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}@keyframes fadeUpProject{to{opacity:1;top:0}}.proj-delay-0{animation-delay:0s}.proj-delay-1{animation-delay:.2s}.proj-delay-2{animation-delay:.4s}.proj-delay-3{animation-delay:.6s}.proj-delay-4{animation-delay:.8s}@media (width<=768px){.projects-section{padding:3rem 0}.projects-container{-webkit-backdrop-filter:none;background:linear-gradient(#9cb082f2 0%,#9cb08299 60%,#9cb08200 100%);border-left:none;border-right:none;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;margin-top:0;padding:1.5rem 0}.swiper-slide{width:85vw;max-width:360px;height:240px}.projects-section:before{filter:none;box-shadow:inset 0 0 0 2000px #1e1e1e99}.swiper-slide.swiper-slide-active{box-shadow:0 10px 20px #00000080}.proj-drag-arrow.custom-prev{left:2%}.proj-drag-arrow.custom-next{right:2%}}.contact-section{z-index:10;background-color:var(--theme-light);flex-direction:column;align-items:center;width:100%;padding:4rem 5% 6rem;display:flex;position:relative;overflow:hidden}.parallax-layer{pointer-events:none;will-change:transform;backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:130%;position:absolute;top:-15%;left:0;transform:translate(0,0)}.bg-contact-layer-1{z-index:1;opacity:.8;background-image:url(/assets/background4-C1HbhazQ.png)}.bg-contact-layer-2{z-index:2;opacity:1;background-image:url(/assets/background5-DYYDXiKj.png)}.section-header,.contact-card{z-index:5;position:relative}.contact-card{border:4px solid var(--theme-dark,#222);background-color:#929d71;border-radius:20px;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:650px;padding:2.5rem 1rem;display:flex;box-shadow:0 8px #0003}.email-container{cursor:pointer;border:2px solid var(--theme-dark,#222);background-color:#00000026;border-radius:12px;align-items:center;gap:.8rem;padding:.8rem 1.8rem;transition:transform .2s,background-color .2s;display:flex;position:relative}.icon-mail{color:#ededec;width:28px;height:28px}.email-text{color:#ededec;letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;font-style:bold}.discord-group{flex-wrap:wrap;justify-content:center;gap:3rem;width:100%;display:flex}.discord-card{align-items:center;gap:1rem;display:flex}.avatar-wrapper{border:4px solid var(--theme-dark,#222);background-color:#7c8660;border-radius:14px;width:65px;height:65px;overflow:hidden;box-shadow:2px 2px #0003}.avatar-img{object-fit:cover;width:100%;height:100%}.discord-info{align-items:center;gap:.5rem;display:flex}.icon-discord{color:#ededec;width:22px;height:22px}.discord-handle{color:#ededec;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.reveal-contact{opacity:0;position:relative;top:60px}.reveal-contact.visible{animation-name:fadeUpContact;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.email-container{cursor:pointer;border:2px solid var(--theme-dark,#222);box-sizing:border-box;background-color:#00000026;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;max-width:100%;padding:.8rem 1.8rem;transition:transform .2s,background-color .2s;display:flex;position:relative}.email-container:hover{background-color:#00000040;transform:translateY(-2px)}.icon-mail{color:#ededec;flex-shrink:0;width:28px;height:28px}.icon-copy{color:#ededec;opacity:.6;flex-shrink:0;width:24px;height:24px;transition:opacity .2s}.email-container:hover .icon-copy{opacity:1}.email-text{color:#ededec;letter-spacing:.5px;word-break:break-all;text-align:center;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800}.copied-tooltip{color:#ededec;background-color:#222;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700;animation:.2s fadeIn;position:absolute;top:-35px}@keyframes fadeUpContact{to{opacity:1;top:0}}.contact-delay-0{animation-delay:0s}.contact-delay-1{animation-delay:.2s}@media (width<=768px){.bg-contact-layer-2,.bg-contact-layer-1{display:none}}@media (width<=600px){.contact-card{padding:1.5rem 1rem}.email-text{font-size:.8rem;font-style:bold}.discord-group{flex-direction:column;align-items:flex-start;gap:1.5rem}}.showcase-page{width:calc(100% + 2px);position:relative;left:-1px}.showcase-content{z-index:10;background-color:var(--theme-light);flex-direction:column;width:100%;margin-top:43vh;display:flex;position:relative}.skins-divider-container{border-top:4px solid var(--theme-dark);border-top:4px,;background-color:var(--theme-light);box-sizing:border-box;justify-content:center;align-items:center;gap:1rem;width:100%;padding:1.5rem 5%;display:flex}.skins-line{background-color:var(--theme-dark);flex-grow:1;height:4px}.skins-pill{border:4px solid var(--theme-dark);background-color:#b8659d;border-radius:12px;padding:.5rem 2.5rem;box-shadow:4px 4px #0003}.skins-pill h3{color:#ededec;letter-spacing:2px;margin:0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.showcase-hero{z-index:1;border-bottom:4px solid var(--theme-dark);width:100%;height:57vh;position:fixed;top:30px;left:0}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%}.hero-gradient{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#0006 100%);width:100%;height:150px;position:absolute;bottom:0;left:0}@media (width<=768px){.showcase-hero{height:40vh}.hero-gradient{height:80px}}.skins-carousel-section{z-index:10;--card-h:95vh;--card-w:calc(var(--card-h) * .65);border-top:4px solid var(--theme-dark);justify-content:center;align-items:center;width:101%;height:77vh;min-height:470px;margin-right:10px;display:flex;position:relative;overflow:hidden}.skins-bg-image{z-index:-3;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-25% 0 0}.skins-blur-overlay{z-index:-2;-webkit-backdrop-filter:blur(8px)brightness(.65);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, calc(50% - (var(--card-w) / 2)) calc(50% - (var(--card-h) / 2)), calc(50% - (var(--card-w) / 2)) calc(50% + (var(--card-h) / 2)), calc(50% + (var(--card-w) / 2)) calc(50% + (var(--card-h) / 2)), calc(50% + (var(--card-w) / 2)) calc(50% - (var(--card-h) / 2)), calc(50% - (var(--card-w) / 2)) calc(50% - (var(--card-h) / 2)));position:absolute;inset:0}.skins-center-border{width:var(--card-w);height:var(--card-h);z-index:-1;pointer-events:none;border:5px dashed #fff6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skins-drag-arrow{color:#ffffffd8;z-index:25;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:clamp(2rem,4vw,3.5rem);transition:color .2s;animation:2s ease-in-out infinite pulseArrow;position:absolute;top:50%;transform:translateY(-50%)}.skins-drag-arrow:hover{color:#fff}.skins-drag-arrow.left{left:4%}.skins-drag-arrow.right{right:4%}@keyframes pulseArrow{0%,to{opacity:.7;transform:translateY(-50%)scale(.9)}50%{opacity:1;transform:translateY(-50%)scale(1.1)}}.skins-swiper-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.skins-swiper-main{width:100%}.skins-carousel-section .swiper-slide{width:var(--card-w);height:var(--card-h);justify-content:center;align-items:center;display:flex;position:relative;box-shadow:none!important;transform-origin:bottom!important;background:0 0!important;border:none!important;border-radius:0!important}.skins-carousel-section .swiper-slide.swiper-slide-active{z-index:9999!important}.skins-hitbox{perspective:1200px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.skins-slide-image{pointer-events:auto;object-fit:contain;transform-origin:bottom;z-index:1;filter:drop-shadow(0 5px 10px #0003)brightness(.2)blur(6px);width:100%;height:100%;transition:filter .8s cubic-bezier(.34,1.56,.64,1),transform .4s ease-out,top .4s ease-out;display:block;position:relative;top:-3%;transform:translateY(25%)scale(1.105)}.skins-carousel-section .swiper-slide:not(.swiper-slide-active) .skins-hitbox{pointer-events:none!important}.skins-carousel-section .swiper-slide-active .skins-hitbox{cursor:pointer;pointer-events:auto!important;z-index:100!important}.skins-carousel-section .swiper-slide-prev .skins-slide-image,.skins-carousel-section .swiper-slide-next .skins-slide-image{pointer-events:auto;filter:drop-shadow(0 10px 15px #0006)brightness(.45)blur(3px)}.skins-carousel-section .swiper-slide-active .skins-slide-image{pointer-events:auto;filter:drop-shadow(0 20px 30px #000c)brightness()blur();animation:.6s cubic-bezier(.34,1.56,.64,1) arriveWobble;transform:translateY(25%)scale(1.3)}@keyframes arriveWobble{0%{transform:translateY(25%)scale(1.105)rotateX(0)rotateY(0)rotate(0)}50%{transform:translateY(25%) scale(1.31) rotateX(calc(var(--rx,0deg) * .2)) rotateY(calc(var(--ry,0deg) * .2)) rotateZ(1deg)}75%{transform:translateY(25%) scale(1.295) rotateX(calc(var(--rx,0deg) * .35)) rotateY(calc(var(--ry,0deg) * .35)) rotateZ(-.5deg)}to{transform:translateY(25%) scale(1.3) rotateX(calc(var(--rx,0deg) * .5)) rotateY(calc(var(--ry,0deg) * .5)) rotateZ(0deg)}}.skins-carousel-section .swiper-slide-active .skins-hitbox:hover .skins-slide-image{pointer-events:auto;filter:drop-shadow(0 30px 40px #000000e6)brightness(1.05)blur();transform:translateY(25%) scale(1.3) rotateX(calc(var(--rx,0deg) * .5)) rotateY(calc(var(--ry,0deg) * .5));top:-4%}.skins-carousel-section .swiper-slide-active .skins-hitbox:active .skins-slide-image{pointer-events:auto;animation:.25s cubic-bezier(.34,1.56,.64,1) clickWobble}@keyframes clickWobble{0%{transform:translateY(25%) scale(1.3) rotateX(calc(var(--rx,0deg) * .5)) rotateY(calc(var(--ry,0deg) * .5)) rotateZ(0deg);filter:brightness(1.05)}40%{transform:translateY(26%) scale(1.25) rotateX(calc(var(--rx,0deg) * .15)) rotateY(calc(var(--ry,0deg) * .15)) rotateZ(-1deg);filter:brightness(.98)}70%{transform:translateY(24%) scale(1.32) rotateX(calc(var(--rx,0deg) * .35)) rotateY(calc(var(--ry,0deg) * .35)) rotateZ(.5deg)}to{transform:translateY(25%) scale(1.3) rotateX(calc(var(--rx,0deg) * .5)) rotateY(calc(var(--ry,0deg) * .5)) rotateZ(0deg);filter:brightness(1.05)}}.skins-action-container{z-index:20;position:absolute;bottom:8%}.skins-see-more-btn{color:#ededec;letter-spacing:1px;background-color:#df9e28;border:none;border-radius:25px;padding:20px 55px;font-family:Outfit,sans-serif;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:700;transition:transform .1s,box-shadow .1s,filter .3s;animation:2.5s ease-in-out infinite alternate idlePulse;box-shadow:0 6px #a67215,0 10px 15px #0000004d}.skins-see-more-btn:hover{filter:brightness(1.1);animation:none;transform:translateY(-2px);box-shadow:0 8px #a67215,0 15px 20px #0006}.skins-see-more-btn:active{transform:translateY(4px)!important;box-shadow:0 2px #a67215,0 5px 8px #0000004d!important}@keyframes idlePulse{0%{transform:scale(1)}to{transform:scale(1.03)}}.reveal-skin{opacity:0;position:relative;top:80px}.reveal-skin.visible{animation-name:fadeUpSkin;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}@keyframes fadeUpSkin{to{opacity:1;top:0}}.skin-delay-1{animation-delay:.2s}.skin-delay-2{animation-delay:.4s}.skin-delay-3{animation-delay:.6s}.skin-delay-4{animation-delay:.8s}@media (width<=768px){.skins-blur-overlay{-webkit-backdrop-filter:none;clip-path:none}.skins-slide-image{filter:brightness(.4)}.skins-carousel-section .swiper-slide-active .skins-slide-image{filter:brightness()}.skins-carousel-section .swiper-slide-prev .skins-slide-image,.skins-carousel-section .swiper-slide-next .skins-slide-image{filter:brightness(.45)}.skins-center-border{display:none}}.addon-header-section{background-color:#0000;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.addon-banner{border-bottom:4px solid var(--theme-dark);background-position:50% -85px;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:62vh;margin-top:-4%}.addon-content-wrapper{background-color:#0000;flex-direction:column;align-items:center;width:100%;padding-top:3rem;padding-bottom:2rem;display:flex}.addon-title-container{align-items:center;width:90%;max-width:1200px;margin-bottom:2rem;display:flex}.addon-title-box h2{color:var(--theme-dark);letter-spacing:1px;margin:0;font-family:Outfit,sans-serif;font-weight:800}.addon-header-content{flex-direction:column;gap:2rem;width:90%;max-width:1200px;display:flex}.addon-gallery{gap:1.5rem;width:100%;display:flex}.gallery-main{border:4px solid var(--theme-dark);background-color:var(--theme-dark);aspect-ratio:16/9;border-radius:12px;flex:3;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}.gallery-main:hover{border-color:#df9e28;transform:scale(1.01);box-shadow:0 10px 20px #0000004d}.gallery-main-img{object-fit:cover;width:105%;height:100%;animation:.5s cubic-bezier(.25,1,.5,1) juicyFadeIn}@keyframes juicyFadeIn{0%{opacity:.7;filter:blur(2px);transform:scale(1.05)}to{opacity:1;filter:blur();transform:scale(1)}}.gallery-thumbnails{flex-direction:column;flex:1;justify-content:space-between;gap:1rem;display:flex}.gallery-thumb-img{object-fit:cover;border:3px solid var(--theme-dark);cursor:pointer;filter:brightness(.6);border-radius:8px;width:100%;height:calc(33.33% - .66rem);min-height:100px;transition:all .3s}.gallery-thumb-img:hover{filter:brightness();border-color:#df9e28;transform:translate(-5px)scale(1.02)}.gallery-thumb-img.active{filter:brightness();border-color:#df9e28;transform:translate(-5px);box-shadow:-5px 5px #df9e2866}.addon-description-box{background-color:var(--theme-light);border:4px solid var(--theme-dark);border-radius:20px;padding:1.5rem 2rem;transition:all .3s}.addon-description-box:hover{border-color:#df9e28;transform:translateY(-3px);box-shadow:0 8px 15px #0003}.addon-description-box p{color:var(--theme-dark);margin:0;font-family:Outfit,sans-serif;font-size:1rem;line-height:1.5}@media (width<=900px){.addon-gallery{flex-direction:column}.gallery-thumbnails{flex-direction:row;justify-content:space-between}.gallery-thumb-img{width:31%;height:100px}.gallery-thumb-img:hover,.gallery-thumb-img.active{transform:translateY(-5px);box-shadow:0 5px #df9e2866}}@media (width<=600px){.addon-banner{height:220px}.addon-title-box{padding:.5rem 1rem}.addon-title-box h2{font-size:1.2rem}.addon-header-section{background-color:#0000;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.addon-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:50vh}.addon-content-wrapper{background-color:#0000;flex-direction:column;align-items:center;width:100%;padding-top:3rem;padding-bottom:2rem;display:flex}@media (width<=768px){.addon-banner{background-attachment:scroll;height:250px}.addon-content-wrapper{padding-top:2rem}.gallery-thumb-img{height:80px}.addon-description-box{border-radius:12px;padding:1rem}.addon-description-box p{font-size:.9rem}}}.addon-content-section{z-index:2;border-top:4px solid var(--theme-dark);border-bottom:4px solid var(--theme-dark);flex-direction:column;align-items:center;width:100%;padding:4rem 0;display:flex;position:relative;overflow:hidden}.addon-content-section:before{content:"";filter:brightness(.8)blur(8px);z-index:-1;background-image:url(/assets/img3-BDjt-yEy.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.05)}.addon-content-grid{gap:3rem;width:90%;max-width:1200px;display:flex}.content-column{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.media-box-container{aspect-ratio:16/10;width:100%;display:flex}.gif-gallery-wrapper{gap:1rem;width:100%;height:100%;display:flex}.gif-main{border:4px solid var(--theme-dark);background-color:var(--theme-dark);-webkit-user-select:none;user-select:none;border-radius:12px;flex:3;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}.gif-main:hover{border-color:#df9e28;transform:scale(1.02);box-shadow:0 10px 20px #0000004d}.gif-main-img{object-fit:cover;width:100%;height:100%;animation:.5s cubic-bezier(.25,1,.5,1) juicyFadeIn}.gif-thumbnails{flex-direction:column;flex:1;justify-content:space-between;gap:.8rem;display:flex}.gif-thumb-img{object-fit:cover;border:3px solid var(--theme-dark);cursor:pointer;filter:brightness(.6);-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;height:calc(33.33% - .53rem);transition:all .3s}.gif-thumb-img:hover{filter:brightness();border-color:#df9e28;transform:translate(-5px)scale(1.05)}.gif-thumb-img.active{filter:brightness();border-color:#df9e28;transform:translate(-5px);box-shadow:-4px 4px #df9e2866}.video-container{border:4px solid var(--theme-dark);background-color:var(--theme-dark);-webkit-user-select:none;user-select:none;border-radius:12px;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}.video-container:hover{border-color:#df9e28;transform:scale(1.02);box-shadow:0 10px 20px #0000004d}.content-video{object-fit:cover;width:100%;height:100%}.content-description-box{border:4px solid var(--theme-dark);background-color:#7c8660;border-radius:20px;flex-grow:1;padding:1.5rem 2rem;transition:all .3s}.content-description-box-max{border:4px solid var(--theme-dark);background-color:#7c8660;border-radius:20px;flex-grow:1;margin:35px;padding:2rem;transition:all .3s}.content-description-box-max p{color:#ededec;margin:0;font-family:Outfit,sans-serif;font-size:1rem;line-height:1.5}.content-description-box:hover{border-color:#df9e28;transform:translateY(-3px);box-shadow:0 8px 15px #0003}.content-description-box p{color:#ededec;margin:0;font-family:Outfit,sans-serif;font-size:1rem;line-height:1.5}@media (width<=960px){.addon-content-grid{flex-direction:column;gap:4rem}}@media (width<=600px){.gif-gallery-wrapper{flex-direction:column}.gif-thumbnails{flex-direction:row}.gif-thumb-img{height:80px}.gif-thumb-img:hover,.gif-thumb-img.active{transform:translateY(-5px);box-shadow:0 4px #df9e2866}.content-description-box{padding:1rem}}.addon-variety-section{z-index:2;flex-direction:column;align-items:center;width:100%;padding:2rem 0 6rem;display:flex;position:relative}.addon-variety-content{flex-direction:column;gap:2rem;width:90%;max-width:1000px;display:flex}.variety-row{align-items:center;width:100%;display:flex;position:relative}.row-overlap{justify-content:flex-end;margin-top:-3rem}.variety-row:hover .variety-image-wrapper,.variety-row:hover .variety-description-box{border-color:#df9e28}.variety-row:hover .variety-image-wrapper{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 25px #df9e2833}.variety-row:hover .variety-description-box{transform:scale(1.02)}.variety-image-wrapper{z-index:2;border:4px solid var(--theme-dark,#222);background-color:#c6c6c6;border-radius:12px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:6px 6px #00000026}.img-large{flex:0 0 55%}.img-small{flex:0 0 35%;margin-top:5%}.variety-inventory-img{object-fit:contain;width:100%;height:auto;display:block}.variety-description-box{z-index:1;border:4px solid var(--theme-dark,#222);text-align:center;background-color:#7c8660;border-radius:12px;flex:1;justify-content:center;align-items:center;height:120px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.text-right{margin-left:-3rem;padding-left:3rem}.text-left{margin-right:-3rem;padding-right:3rem}.variety-description-box h3{color:#ebecd6;letter-spacing:2px;margin:0;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}@media (width<=900px){.addon-variety-content{gap:4rem}.variety-row{flex-direction:column;margin-top:0}.row-overlap{flex-direction:column-reverse}.img-large{z-index:2;flex:none;width:100%;margin:0}.img-small{z-index:2;flex:none;width:70%;margin:0}.variety-description-box,.text-right,.text-left{z-index:1;width:90%;height:auto;margin:-1.5rem auto 0;padding:2.5rem 1rem 1.5rem}.variety-description-box h3{font-size:2rem}}.addon-page-wrapper{background-color:var(--theme-light);flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.parallax-layer{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:140%;display:flex;position:absolute;top:-20%;left:0}.layer-back{z-index:1;opacity:.8}.layer-front{z-index:2;opacity:1}.parallax-img{width:100%;height:auto;margin:0;padding:0;display:block}.addon-content-z-index{z-index:5;flex-direction:column;width:100%;display:flex;position:relative}@media (width<=768px){.parallax-layer{display:none!important}}.projects-page-wrapper{background-color:var(--theme-light);flex-direction:column;width:100%;display:flex;overflow:hidden}.projects-header-wrapper{border-bottom:4px solid var(--theme-dark);justify-content:center;align-items:center;width:100%;height:50vh;display:flex;position:relative;overflow:hidden}.projects-header-bg{z-index:1;background-image:url(/assets/background_projects-CNRNHjE7.png);background-position:50% 70px;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:absolute;top:0;left:0}.addon-title-container{z-index:10;align-items:center;width:90%;max-width:1200px;margin:0 auto 2rem;display:flex;position:relative}.projects-header-wrapper .addon-title-container{justify-content:center;margin:0}.addon-title-box{background-color:var(--theme-light);border:4px solid var(--theme-dark);border-radius:12px;padding:.5rem 2rem;box-shadow:4px 4px #0003}.addon-title-box h1,.addon-title-box h2{color:var(--theme-dark);letter-spacing:1px;margin:0;font-family:Outfit,sans-serif;font-weight:800}.addon-title-box.main-title h1{font-size:3.5rem}.addon-title-box.sub-title h2{font-size:2rem}.addon-title-line{background-color:var(--theme-dark);z-index:-1;flex-grow:1;height:4px;margin-left:-10px}.addons-skins-section{background-color:var(--theme-light);z-index:10;flex-direction:column;align-items:center;width:100%;padding:2rem 0 6rem;display:flex;position:relative;overflow:hidden}.parallax-layer{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:130%;position:absolute;top:-15%;left:0}.bg-projects-layer-1{z-index:1;opacity:.8;background-image:url(/assets/background4-C1HbhazQ.png)}.bg-projects-layer-2{z-index:2;opacity:1;background-image:url(/assets/background5-DYYDXiKj.png)}.project-category-area{z-index:5;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.projects-container{z-index:1;background:0 0;border-top:5px solid #ffffffb3;border-left:5px solid #ffffff4d;border-right:5px solid #ffffff4d;border-top-left-radius:40px;border-top-right-radius:40px;flex-direction:column;align-items:center;gap:1rem;width:95%;max-width:1600px;margin-top:60px;padding:2rem;display:flex;position:relative}.projects-container:before{content:"";background-image:var(--dynamic-bg);filter:blur(7px)brightness(.77);z-index:-1;background-position:50%;background-size:cover;border-top-left-radius:40px;border-top-right-radius:40px;width:100%;height:100%;transition:background-image .5s ease-in-out;position:absolute;top:0;left:0;transform:scale(1.05);-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 100%);mask-image:linear-gradient(#000 0% 50%,#0000 100%)}.swiper-wrapper-container{width:100%;padding:1rem 0;position:relative}.mySwiper{width:100%;padding-top:50px;padding-bottom:60px}.swiper-slide{justify-content:center;align-items:center;gap:30px;width:auto;height:280px;padding:0;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}.skins-swiper-slide{width:500px!important}.main-card-content{filter:brightness(.75);cursor:pointer;background-color:#1a1a1a;border:4px solid #a67215;border-radius:15px;flex-shrink:0;width:500px;height:99%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.swiper-slide.swiper-slide-active .main-card-content{filter:brightness();border:6px solid #df9e28}.swiper-slide.swiper-slide-active .main-card-content:hover{transform:scale(1.03);box-shadow:0 10px 25px #df9e2880}.swiper-slide:active .main-card-content{transition:transform .1s,border-color .1s,box-shadow .1s;box-shadow:0 0 20px #fffc;border:6px solid #fff!important;transform:scale(.95)!important}.slide-image{object-fit:cover;width:100%;height:100%;display:block}.swiper-slide.swiper-slide-active .main-card-content:before{content:"";z-index:10;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;animation:6s ease-in-out infinite shineWave;position:absolute;top:0;left:-150%;transform:skew(-25deg)}@keyframes shineWave{0%,80%{left:-150%}to{left:200%}}.floating-thumbnails{opacity:0;pointer-events:none;flex-direction:column;justify-content:space-between;width:170px;height:90%;transition:opacity .5s,transform .5s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translate(-30px)}.swiper-slide.swiper-slide-active .floating-thumbnails{opacity:1;pointer-events:auto;transform:translate(0)}.thumb-image{object-fit:cover;cursor:pointer;border:3px solid #df9e28;border-radius:10px;width:120%;height:calc(80% - 10px);margin:5px;transition:transform .3s,border-color .2s,box-shadow .2s;box-shadow:4px 4px 15px #0006}.thumb-image:hover{z-index:5;border-color:#fff;transform:scale(1.08);box-shadow:0 0 15px #ffffff80}.see-more-btn{color:#fff;letter-spacing:1px;cursor:pointer;z-index:20;background-color:#df9e28;border:1px solid #a5741a;border-radius:12px;margin-top:-2rem;padding:15px 50px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s cubic-bezier(.4,0,.2,1),background-color .2s}.see-more-btn:hover{background-color:#eeb548}.see-more-btn:active{transform:translateY(6px);box-shadow:0 0 #a67215,0 2px 5px #0000004d}@media (width<=768px){.projects-header-wrapper{aspect-ratio:21/9;width:100%;height:200px;margin-bottom:-14%;padding:1rem 0}.projects-header-bg{background-position:50%;background-size:cover;background-attachment:scroll}.swiper-slide{flex-direction:column;gap:15px;width:85vw;max-width:360px;height:auto}.skins-swiper-slide{width:85vw!important;max-width:360px!important}.main-card-content{width:100%;height:220px}.floating-thumbnails{flex-direction:row;width:100%;height:auto;transform:translateY(20px)}.swiper-slide.swiper-slide-active .floating-thumbnails{transform:translateY(0)}.thumb-image{width:47%;height:100px}.main-title h1{min-width:250px;font-size:2.5rem}.sub-title h2{font-size:1.5rem}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.app-container{flex-direction:column;width:100%;height:100%;display:flex}main{flex-grow:1}