:root{--background:#000000;--foreground:#ffffff;--primary:#FD442B}@font-face{font-family:Niramit-Regular;src:url(/_next/static/media/Niramit-Regular.85373e3a.ttf)}@font-face{font-family:Niramit-Light;src:url(/_next/static/media/Niramit-Light.483536f2.ttf)}@font-face{font-family:Niramit-SemiBold;src:url(/_next/static/media/Niramit-SemiBold.230181b8.ttf)}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}@keyframes opacity{0%{opacity:.2}to{opacity:1}}@keyframes rotation{0%{rotate:y 0deg}40%{rotate:y 1turn}to{rotate:y 1turn}}@keyframes rayon{0%{background:linear-gradient(to right,#00000000,var(--primary) 0,#00000000 100%)}to{background:linear-gradient(to right,#00000000,var(--primary) 0,#00000000 100%)}}@keyframes close{0%{height:50px}40%{height:2px}to{height:50px}}body,html{max-width:100vw;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{color:var(--foreground);background:var(--background);font-family:Niramit-Regular;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;width:100%}h1{font-family:Niramit-SemiBold;font-size:4.5rem;text-shadow:0 4px 14.7px rgba(224,219,255,.35);letter-spacing:-3.28px;transition:font-size 1s}h2{font-size:2.5rem;padding:70px 0 30px}h2,h3{font-family:Niramit-Light;text-shadow:0 4px 7px var(--primary);letter-spacing:0}h3{font-size:1.5rem;padding:20px 0}.navBar{position:fixed;width:100%;top:0;padding:20px 100px;display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-items:center;min-width:800px;transform:translateZ(0);z-index:30;background:linear-gradient(180deg,#000000,#000000d3 30%,#00000000 95%)}.navBar svg{height:60px;min-width:60px;fill:#ffffff}.navBar button{width:max-content}.navBar .navMenu{gap:50px;display:flex;flex-direction:row;list-style:none;border:1px solid #757575;border-radius:12px;padding:10px 30px;background-color:#00000068}.navBar .navMenuResp{visibility:collapse;position:absolute}.footer li,.navBar .navMenu li{transition:all .4s}.footer li:hover,.navBar .navMenu li:hover{text-shadow:0 4px 7px var(--primary)}.footer .footerContent{padding:100px 10%;position:relative;justify-content:space-between;display:flex;flex-direction:row;align-items:center}.footer:before{display:block;content:"";position:relative;top:-90px;left:0;width:100%;height:90px;pointer-events:none;z-index:1;background:linear-gradient(#00000000,#000000a2 50%,#000000)}.footer ul{list-style:none}.footer ul.logoList{gap:15px;display:flex;flex-direction:row;align-items:start}.footer ul.logoList svg{width:34px;height:34px}.footer ul.logoList svg:hover{fill:var(--primary)}.cta1,.submitBtn{background-color:var(--primary);border-radius:12px;padding:15px;font-size:larger;font-weight:700;position:relative;overflow:hidden;color:#ffffff;transition:color .7s ease-in-out,background-color .9s ease-in-out}.cta1:hover,.submitBtn:hover{background-color:#ffffff;color:var(--primary)}.cta1:before,.submitBtn:before{content:"";position:absolute;left:-10px;top:50%;width:20px;height:100%;background:#fff;border-radius:6px;transform:translateY(-50%) translateX(-100%);transition:transform 1s cubic-bezier(.01,0,.18,1);z-index:1;opacity:.95;filter:blur(10px)}.cta1:hover:before,.submitBtn:hover:before{transform:translateY(-50%) translateX(150px)}.projectCard{padding:0;justify-content:center;display:grid;grid-template-columns:40% 60%;border-radius:12px;transition:grid-template-columns .5s ease-in-out}.brandCardsGrp,.projectCard{margin:20px 0;width:100%;height:150px;max-height:150px;background:#0000008a}.brandCardsGrp{padding:0 20px;overflow-y:hidden;border:1px solid #757575;border-radius:12px;display:flex;position:relative;gap:20px;justify-content:space-evenly;overflow-x:scroll}.brandCard{width:170px;align-self:center;text-align:center}.brandCard img{height:150px;justify-content:center;width:150px;position:relative;padding:0}.brandCard .brandCardHover{background:linear-gradient(90deg,transparent,#000000 3%,#000000 97%,transparent);z-index:30;position:absolute;opacity:0;height:150px;width:170px;text-align:center;align-content:center;transition:all .3s ease-in-out;font-size:small}.brandCard:hover .brandCardHover{opacity:.9}.projectCard:hover{grid-template-columns:60% 40%}.projectCard .cardVisual{position:relative;overflow:hidden;border:1px solid #757575;border-radius:12px 0 0 12px}.projectCard .cardVisual img{background-color:#ffffff;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.projectCard .cardText{position:relative;border:1px solid #757575;border-radius:0 12px 12px 0;text-align:start;padding:5px 20px}.projectCard .cardText svg{height:70px;width:80px;right:0;top:5px;position:absolute}.modalBackground{animation:opacity 3s;background-color:#000000dc;position:fixed;top:0;right:0;width:100vw;height:100%;-webkit-transform:translateZ(0);z-index:15}@keyframes vibration2{0%{transform:translate(-50%,-50%) scaleY(.8);opacity:.7}to{opacity:.6;transform:translate(-50%,-50%) scaleX(.7)}}.modalBackground:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ffffff;border-radius:50%/50%;filter:blur(50px);transform:translate(-50%,-50%);opacity:.7;pointer-events:none;z-index:0;animation:vibration2 15s infinite alternate}.projectModal{grid-template-rows:75% 25%}.formModal,.projectModal{animation:opacity 1s;position:fixed;left:50%;top:50%;width:78%;height:80%;background:#000000;border-radius:12px;transform:translate(-50%,-50%);z-index:20;overflow:hidden;display:grid}.formModal form,.formModal h3,.formModal p{align-self:center;padding:0 10%;text-align:center}.formModal form label{display:grid;grid-template-columns:20% auto}.formModal textarea{width:100%;height:auto;min-height:200px;font-family:inherit}.formModal input,.formModal textarea{padding:4px 0}.btnGroup{display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:center}.cancelBtn,.formModal button.submitBtn{border-radius:12px;padding:10px;width:max-content;margin-top:30px}.cancelBtn{background-color:transparent;border:1px solid white}.formModal button svg,.projectModal button svg{transition:fill .4s}.formModal button svg:hover,.projectModal button svg:hover{fill:var(--primary)}.projectModal button:disabled{opacity:.3}.closeBtn{position:absolute;width:-moz-fit-content;width:fit-content;right:20px;top:20px;background:radial-gradient(circle at center,rgb(0,0,0) 0,rgba(0,128,0,0) 100%);padding:15px;border-radius:20px}.closeBtn svg{width:30px;vertical-align:middle}.projectModal .viewer{overflow:hidden;display:flex;justify-content:center;padding:20px}.formModal svg,.projectModal svg{fill:#ffffff}.projectModal .viewer .flechePrec{top:30%;left:20px}.projectModal .viewer .flechePrec,.projectModal .viewer .flecheSuiv{width:-moz-fit-content;width:fit-content;position:absolute;background:radial-gradient(circle at center,rgb(0,0,0) 0,rgba(0,128,0,0) 100%);padding:15px 20px;border-radius:20px}.projectModal .viewer .flecheSuiv{top:29.5%;right:20px;rotate:180deg}.projectModal .viewer img{width:auto;height:100%}.projectModal .projectText{padding:40px 70px;overflow:auto}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@media (max-width:850px){h1{font-size:2.5rem;text-shadow:0 4px 14.7px rgba(224,219,255,.35);letter-spacing:-3.28px}.projectCard{padding:0}.projectCard:hover{grid-template-columns:40% 60%}.navBar{min-width:0;padding:20px 10px;justify-content:space-between;display:flex}.navBar .navMenu{visibility:collapse;width:.01px}.navBar .navMenuResp{display:flex;gap:10px;height:-moz-fit-content;height:fit-content;flex-direction:column;list-style:none;border-radius:12px;padding:20px;background-color:#000000d9;visibility:visible;opacity:.001;position:fixed;top:10px;width:60px;height:70px;overflow:hidden;transition:opacity .4s,width .4s,height 1s;touch-action:manipulation}.navBar .navMenuResp li{pointer-events:none}.navBar .navMenuResp:focus li,.navBar .navMenuResp:hover li{pointer-events:all}.navBar .navMenuResp li:focus,.navBar .navMenuResp li:hover{color:var(--primary)}.navBar .navMenuResp:focus,.navBar .navMenuResp:hover{opacity:.95;height:120px;width:200px;border:1px solid #757575}.formModal,.projectModal{z-index:20;width:100%;height:100%;top:50%;padding-top:60px}.projectModal{grid-template-rows:65% 35%;overflow:auto}.projectModal .viewer{padding:0}.projectModal .viewer img{max-width:100%;max-height:100%;height:inherit;align-self:center}.projectModal .viewer .flechePrec,.projectModal .viewer .flecheSuiv{top:60%}.formModal form{padding:10px;align-self:flex-start}.formModal form label{gap:15px;grid-template-columns:100%;text-align:start}.formModal form textarea{min-height:100px}.formModal h3{padding:60px 10px 0;font-size:1.1rem}.footer .footerContent{padding:30px 40px;flex-direction:column;align-items:start;gap:20px}}