*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{font-size:62.5%}*{font-family:Helvetica Neue,sans-serif}body{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:#023c43;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:1024px){body{overflow:hidden}}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.flat-button{display:inline-block;border-width:1px;--tw-border-opacity:1;border-color:rgb(255 215 0/var(--tw-border-opacity,1));padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity:1;color:rgb(255 215 0/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.flat-button:hover{--tw-bg-opacity:1;background-color:rgb(255 215 0/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(29 29 29/var(--tw-text-opacity,1))}.text-zone{position:relative}.text-animate{opacity:0;animation:bounceIn 1s 1s;animation-fill-mode:forwards}.text-animate,.text-animate-hover{display:inline-block;min-width:10px}.text-animate-hover{animation-fill-mode:both}.text-animate-hover:hover{animation:rubberBand 1s;color:gold}.sr-only{border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.left-full{left:100%}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.isolate{isolation:isolate}.z-\[9990\]{z-index:9990}.z-\[9995\]{z-index:9995}.z-\[9999\]{z-index:9999}.ml-0{margin-left:0}.ml-4{margin-left:1rem}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-\[60px\]{width:60px}.w-full{width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-primary{--tw-border-opacity:1;border-color:rgb(255 215 0/var(--tw-border-opacity,1))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-dark{--tw-bg-opacity:1;background-color:rgb(29 29 29/var(--tw-bg-opacity,1))}.bg-dark\/50{background-color:rgba(29,29,29,.5)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-gray-custom{--tw-text-opacity:1;color:rgb(141 141 141/var(--tw-text-opacity,1))}.text-gray-nav{--tw-text-opacity:1;color:rgb(77 77 78/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(255 215 0/var(--tw-text-opacity,1))}.text-secondary{--tw-text-opacity:1;color:rgb(8 253 216/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Coolvetica;src:url(/fonts/coolvetica.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:La Belle Aurore;src:url(/fonts/LaBelleAurore.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeue.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rubberBand{0%{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}60%{transform:scaleX(1.15) scaleY(.85)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.leaflet-container{width:100%;height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#023c43}::-webkit-scrollbar-thumb{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(141 141 141/var(--tw-bg-opacity,1))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(255 215 0/var(--tw-bg-opacity,1))}.text-animate._1{animation-delay:.1s}.text-animate._2{animation-delay:.2s}.text-animate._3{animation-delay:.3s}.text-animate._4{animation-delay:.4s}.text-animate._5{animation-delay:.5s}.text-animate._6{animation-delay:.6s}.text-animate._7{animation-delay:.7s}.text-animate._8{animation-delay:.8s}.text-animate._9{animation-delay:.9s}.text-animate._10{animation-delay:1s}.text-animate._11{animation-delay:1.1s}.text-animate._12{animation-delay:1.2s}.text-animate._13{animation-delay:1.3s}.text-animate._14{animation-delay:1.4s}.text-animate._15{animation-delay:1.5s}.text-animate._16{animation-delay:1.6s}.text-animate._17{animation-delay:1.7s}.text-animate._18{animation-delay:1.8s}.text-animate._19{animation-delay:1.9s}.text-animate._20{animation-delay:2s}.text-animate._21{animation-delay:2.1s}.text-animate._22{animation-delay:2.2s}.text-animate._23{animation-delay:2.3s}.text-animate._24{animation-delay:2.4s}.text-animate._25{animation-delay:2.5s}.text-animate._26{animation-delay:2.6s}.text-animate._27{animation-delay:2.7s}.text-animate._28{animation-delay:2.8s}.text-animate._29{animation-delay:2.9s}.text-animate._30{animation-delay:3s}.text-animate._31{animation-delay:3.1s}.text-animate._32{animation-delay:3.2s}.text-animate._33{animation-delay:3.3s}.text-animate._34{animation-delay:3.4s}.text-animate._35{animation-delay:3.5s}.home{margin:auto;border-radius:10px;overflow:hidden}.homeContainer{padding:16px;display:grid;grid-row-gap:60px;margin-top:-30px}.homeContainer .text-zone{display:flex;flex-direction:column;padding:4rem 1.5rem 1.5rem;width:100%;min-height:50vh;justify-content:center}.homeContainer h1{color:#fff;font-size:40px;margin:16px 14px;font-family:Coolvetica,sans-serif;font-weight:400;position:relative}.homeContainer h1:before{content:"";top:-2rem}.homeContainer h1:after,.homeContainer h1:before{font-family:La Belle Aurore,cursive;color:gold;font-size:18px;position:absolute;left:0;opacity:.6}.homeContainer h1:after{content:"
";bottom:-22px;animation:fadeIn 1s 1.7s backwards}@media (min-width:768px){.homeContainer h1:before{margin-top:-20px;left:-13px;top:auto}.homeContainer h1:after{right:13rem;bottom:-19px;left:auto}}.homeContainer h2{color:#d4d4d4;margin-top:20px;font-size:15px;letter-spacing:3px;line-height:1.6}.homeContainer .flat-button,.homeContainer h2{font-weight:400;font-family:sans-serif;animation:fadeIn 1s 1.8s backwards}.homeContainer .flat-button{color:gold;font-size:13px;letter-spacing:4px;text-decoration:none;padding:10px 18px;border:1px solid gold;margin-top:25px;float:left;white-space:nowrap;width:50%;text-align:center}.homeContainer .flat-button:hover{background:gold;color:#333}.split-pane-logo{display:none}.project-snip{width:100%;height:100%;padding:10px;animation:fadeIn 1s 2s backwards}.projects-mobile{display:block}.project-header{position:relative;display:inline-block;padding-bottom:10px;font-size:2.5rem;color:#fff;font-family:Coolvetica,sans-serif}.project-header:after{content:"";position:absolute;bottom:2rem;left:12.3rem;width:20rem;border-bottom:2.5px solid #8d8d8d}.project-snip .bg{display:none}.project-cards{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;position:relative;z-index:10;align-items:center;width:100%}.project-card{width:100%;max-width:100%;background:hsla(0,0%,9%,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.2);border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-color:rgba(255,215,0,.5);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 30px rgba(255,215,0,.1)}.project-card-image{height:200px;background-size:cover;background-position:50%;position:relative}.project-card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,hsla(0,0%,9%,.95))}.project-card-content{padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.project-card-title{color:gold;font-weight:600;font-size:1.5rem;font-family:Coolvetica,sans-serif}.project-card-desc{color:#e0e0e0;font-size:1.1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:300}.project-card-links{display:flex;align-items:center;gap:.6rem;margin-top:.75rem}.live-sites{border:1px solid gold;color:gold;border-radius:20px;padding:.5rem 1rem;text-decoration:none;font-size:.8rem;font-weight:500;transition:all .3s ease;letter-spacing:.5px}.live-sites:hover{color:#181818;background:gold}.see-all{margin-top:1rem;padding:.7rem 1.8rem;border-color:#08fdd8;color:#08fdd8}.see-all:hover{background:#08fdd8;color:#181818}@media (min-width:768px){.home{max-width:100vw;overflow:hidden}.home,.homeContainer{display:flex;height:100vh}.homeContainer{flex:1;margin-left:2.5rem}.homeContainer .text-zone{display:flex;flex-direction:column;justify-content:center;width:40%;height:100vh;flex-shrink:0;padding:2rem}.homeContainer h1{font-size:53px;margin:0}.homeContainer .flat-button{width:25%}.split-pane-logo{display:flex;align-items:center;justify-content:center;position:fixed;top:50%;left:43%;transform:translate(-50%,-50%);animation:fadeIn 1s 1.9s backwards;z-index:50}.split-pane-logo img{border:2px solid gold;box-shadow:0 0 20px rgba(255,215,0,.3)}.project-snip{flex:1;height:100vh;padding:10px;display:flex;align-items:center;justify-content:center;position:relative}.project-snip .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;opacity:0;transition:opacity .5s ease}.project-snip .bg.fade-in{opacity:.3;transition-duration:.2s}.projects-mobile{display:none}.project-cards{max-width:700px;width:95%;gap:2rem;overflow-y:auto;max-height:90vh;padding:2rem}.project-cards::-webkit-scrollbar{width:5px}.project-cards::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.project-cards::-webkit-scrollbar-thumb{background:rgba(255,215,0,.4);border-radius:3px}.project-cards::-webkit-scrollbar-thumb:hover{background:rgba(255,215,0,.6)}.project-card{max-width:100%}.project-card-image{height:220px}.project-card-content{padding:1.5rem}.project-card-title{font-size:1.6rem}.project-card-desc{font-size:1.05rem;-webkit-line-clamp:4;color:#e0e0e0;line-height:1.7}.live-sites{padding:.7rem 1.4rem;font-size:.9rem}.see-all{padding:.9rem 2.2rem}.live-sites,.see-all{font-size:1rem}}.about-page{padding:16px;animation:fadeIn 1s forwards}.aboutContainer{display:flex;flex-direction:column;gap:2rem;min-height:100vh;align-items:center;justify-content:center}.aboutContainer .text-zone{padding:1.5rem}.aboutContainer .text-zone h1{color:#fff;font-size:40px;margin:16px 0;font-family:Coolvetica,sans-serif;font-weight:400;position:relative}.aboutContainer .text-zone h1:before{content:"";margin-top:-20px;left:-13px}.aboutContainer .text-zone h1:after,.aboutContainer .text-zone h1:before{font-family:La Belle Aurore,cursive;color:gold;font-size:18px;position:absolute;opacity:.6}.aboutContainer .text-zone h1:after{content:"
";margin-left:20px;left:-30px;bottom:-22px;animation:fadeIn 1s 1.7s backwards}.aboutContainer .text-zone p{color:#d4d4d4;font-size:16px;font-family:sans-serif;line-height:1.8;margin-top:20px;animation:fadeIn 1s 1.8s backwards}.stage-cube-container{width:100%;padding:2rem 0;display:flex;align-items:center;justify-content:center;margin-top:2rem;overflow:hidden}.cubespinner{animation-name:spincube;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:12s;transform-style:preserve-3d;transform-origin:100px 100px 0;position:relative;left:-100px}.cubespinner div{position:absolute;width:200px;height:200px;border:1px solid #ccc;background:hsla(0,0%,100%,.4);display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px 0 #ffffe0}.cubespinner .face1{transform:translateZ(100px)}.cubespinner .face2{transform:rotateY(90deg) translateZ(100px)}.cubespinner .face3{transform:rotateY(90deg) rotateX(90deg) translateZ(100px)}.cubespinner .face4{transform:rotateY(180deg) rotate(90deg) translateZ(100px)}.cubespinner .face5{transform:rotateY(-90deg) rotate(90deg) translateZ(100px)}.cubespinner .face6{transform:rotateX(-90deg) translateZ(100px)}@keyframes spincube{0%,to{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}16%{transform:rotateY(-90deg)}33%{transform:rotateY(-90deg) rotate(90deg)}50%{transform:rotateY(-180deg) rotate(90deg)}66%{transform:rotateY(-270deg) rotate(90deg)}90%{transform:rotateX(90deg)}}@media (min-width:768px){.about-page{display:flex;height:100vh}.about-page,.aboutContainer{align-items:center;justify-content:center}.aboutContainer{flex-direction:row;width:100%;max-width:1100px;margin:0 auto;padding:0 2rem;gap:2rem}.aboutContainer .text-zone{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:center}.aboutContainer .text-zone h1{font-size:53px}.stage-cube-container{flex:1;height:300px;margin-top:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:visible}.cubespinner{left:0;margin-left:0}}.contact-page{padding:16px;animation:fadeIn 1s forwards}.contact-page .contactContainer{position:relative}.contact-page .contactContainer .text-zone{padding:1.5rem}.contact-page .contactContainer .text-zone h1{color:#fff;font-size:40px;margin:16px 0;font-family:Coolvetica,sans-serif;font-weight:400;position:relative}.contact-page .contactContainer .text-zone h1:before{content:"";font-family:La Belle Aurore,cursive;color:gold;font-size:18px;position:absolute;margin-top:-20px;left:-13px;opacity:.6}.contact-page .contactContainer .text-zone h1:after{content:"
";font-family:La Belle Aurore,cursive;color:gold;font-size:18px;position:absolute;margin-left:20px;left:-30px;bottom:-22px;animation:fadeIn 1s 1.7s backwards;opacity:.6}.contact-page .contactContainer .text-zone p{color:#d4d4d4;font-size:16px;font-family:sans-serif;line-height:1.8;margin-top:20px;animation:fadeIn 1s 1.8s backwards}.contact-form{width:100%;margin-top:1.2em}.contact-form .form-container{padding:0;margin-right:0}.contact-form .form-input{width:100%;margin-bottom:10px;animation:fadeIn 2s 2s backwards}.contact-form .form-fields{display:flex;gap:10px}.contact-form .form-fields .half{flex:1}.contact-form input[type=email],.contact-form input[type=text]{height:50px;padding:0 20px}.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{width:100%;border:0;background:#115173;font-size:16px;color:#fff;box-sizing:border-box}.contact-form textarea{padding:20px;min-height:150px;margin-bottom:5px;resize:none}.contact-form .button{display:flex;justify-content:flex-end}.contact-form .flat-button{color:gold;background:transparent;font-size:11px;letter-spacing:3px;text-decoration:none;padding:8px 10px;border:1px solid gold;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:all .3s ease}.contact-form .flat-button:hover{background-color:gold;color:#333}.contact-form .flat-button:disabled{opacity:.5;cursor:not-allowed}.locate-me{width:86%;background-color:#000;padding:20px;color:#fff;font-family:Helvetica Neue,sans-serif;font-size:17px;font-weight:300;animation:fadeIn 1s 1.5s backwards;margin:20px 0}.locate-me a{text-decoration:none}.locate-me a span{font-size:16px;display:block;padding-top:20px;color:gold}.map-wrap{background:rgba(8,253,216,.1);width:100%;height:320px}@media (min-width:768px){.contact-page{display:flex;height:100vh;align-items:center}.contact-page .contactContainer{display:flex;width:100%;margin-left:2.5rem}.contact-page .contactContainer .text-zone{width:40%;padding:2rem}.contact-page .contactContainer .text-zone h1{font-size:53px}.contact-form .button{justify-content:flex-start}.contact-form .form-container{margin-right:2rem}.locate-me{position:absolute;top:50px;right:30px;width:20%;z-index:999}.map-wrap{position:absolute;right:0;top:0;width:53%;height:100%}}.toast{position:fixed;top:24px;right:24px;z-index:9999;min-width:320px;max-width:400px;background:#1a1a2e;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.4);overflow:hidden;animation:slideIn .4s ease-out}.toast.success{border-left:4px solid #10b981}.toast.error{border-left:4px solid #ef4444}.toast-content{display:flex;align-items:flex-start;gap:12px;padding:16px}.toast-icon{flex-shrink:0;width:24px;height:24px}.toast.success .toast-icon{color:#10b981}.toast.error .toast-icon{color:#ef4444}.toast-text{flex:1}.toast-text strong{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.toast-text p{font-size:13px;color:#9ca3af;margin:0;line-height:1.4}.toast-close{flex-shrink:0;width:20px;height:20px;background:none;border:none;color:#6b7280;cursor:pointer;padding:0;transition:color .2s}.toast-close:hover{color:#fff}.toast-progress{height:3px;background:linear-gradient(90deg,gold,#08fdd8);animation:progress 5s linear forwards}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes progress{0%{width:100%}to{width:0}}.flat-button.submitting{display:inline-flex;align-items:center;gap:8px;pointer-events:none;opacity:.8}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.contact-form input:disabled,.contact-form textarea:disabled{opacity:.6;cursor:not-allowed}.project-page{padding:16px;animation:fadeIn 1s forwards;min-height:100vh}.projectContainer{padding:1rem}.project-header-zone{padding:1.5rem;margin-bottom:2rem}.project-header-zone h1{color:#fff;font-size:40px;margin:16px 0;font-family:Coolvetica,sans-serif;font-weight:400;position:relative}.project-header-zone h1:before{content:"";margin-top:-20px;left:-13px}.project-header-zone h1:after,.project-header-zone h1:before{font-family:La Belle Aurore,cursive;color:gold;font-size:18px;position:absolute;opacity:.6}.project-header-zone h1:after{content:"
";margin-left:20px;left:-30px;bottom:-22px;animation:fadeIn 1s 1.7s backwards}.project-header-zone p{color:#d4d4d4;font-size:16px;font-family:sans-serif;line-height:1.7;margin-top:30px}.gallery{display:grid;grid-template-columns:1fr;gap:15px;animation:fadeIn 1s 1.5s backwards}@media (min-width:640px){.gallery{grid-template-columns:repeat(2,1fr)}}.gallery-item{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer;border-radius:4px}.gallery-image{-o-object-fit:cover;object-fit:cover;transition:transform .5s ease,opacity .3s ease}.gallery-image.loading{opacity:0}.gallery-image.loaded{opacity:1}.gallery-item:hover .gallery-image{transform:scale(1.1)}.image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#1a1a2e 25%,#2a2a4e 50%,#1a1a2e 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gallery-item:focus{outline:2px solid gold;outline-offset:2px}.gallery-item:focus .gallery-overlay{opacity:1}.gallery-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:1rem;text-align:center}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay h3{color:gold;font-size:1.4rem;font-family:Coolvetica,sans-serif;margin-bottom:.5rem}.tech-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:1rem}.tech-tag{font-size:13px;padding:4px 10px;background:rgba(8,253,216,.2);color:#08fdd8;border-radius:3px;font-weight:500}.gallery-links{display:flex;gap:10px}.gallery-links a{font-size:13px;padding:6px 14px;border:1px solid gold;color:gold;text-decoration:none;border-radius:3px;transition:all .3s ease;font-weight:500}.gallery-links a:hover{background:gold;color:#333}@media (min-width:768px){.project-page{display:flex;align-items:flex-start;padding:2rem}.projectContainer{width:100%;margin-left:2rem}.project-header-zone h1{font-size:53px}.gallery{grid-template-columns:repeat(3,1fr);gap:15px}.gallery-overlay h3{font-size:1.6rem}.tech-tag{font-size:14px;padding:5px 12px}.gallery-links a{font-size:14px;padding:8px 18px}}@media (min-width:1024px){.gallery{grid-template-columns:repeat(4,1fr)}}.load-more-container{display:flex;justify-content:center;margin-top:2rem;padding:1rem}.load-more-btn{background:transparent;border:1px solid gold;color:gold;padding:12px 30px;font-size:14px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .3s ease}.load-more-btn:hover{background:gold;color:#333}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn 1s forwards}@media (max-width:768px){.not-found-page{align-items:flex-start;padding-top:6rem}}.not-found-container{text-align:center;max-width:500px}.error-code{font-size:120px;color:gold;text-shadow:0 0 20px rgba(255,215,0,.3)}.error-code,.not-found-container h2{font-family:Coolvetica,sans-serif;margin-bottom:1rem}.not-found-container h2{font-size:28px;color:#fff}.not-found-container p{font-size:16px;color:#d4d4d4;line-height:1.7;margin-bottom:2rem}.not-found-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found-links .flat-button.secondary{border-color:#08fdd8;color:#08fdd8}.not-found-links .flat-button.secondary:hover{background:#08fdd8;color:#333}@media (min-width:768px){.error-code{font-size:180px}.not-found-container h2{font-size:36px}}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(255 215 0/var(--tw-text-opacity,1))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(8 253 216/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:768px){.md\:ml-\[60px\]{margin-left:60px}.md\:hidden{display:none}.md\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:1024px){.lg\:h-12{height:3rem}.lg\:h-7{height:1.75rem}.lg\:w-12{width:3rem}.lg\:w-7{width:1.75rem}}