.navbar{position:fixed;inset:0;z-index:50;pointer-events:none}.burger,.logo,.side-text,.side-menu{pointer-events:auto}.logo{position:absolute;top:18px;left:50%;transform:translate(-50%);height:60px;object-fit:contain}.burger{position:absolute;top:22px;left:22px;cursor:pointer;z-index:60;display:flex;flex-direction:column;align-items:flex-start;background:transparent;border:0;padding:0}.burger .line{width:26px;height:3px;background:#000;margin:4px 0;transition:transform .3s ease,opacity .3s ease}.close-text{font:700 1rem/1.2 Arial,sans-serif}.side-text{position:absolute;font-family:Arial Black,sans-serif;letter-spacing:3px;font-size:1rem;color:#000;text-decoration:none;mix-blend-mode:difference;transition:transform .4s ease,opacity .3s ease}.side-text.left{top:50%;left:30px;transform:rotate(-90deg) translateY(-50%);transform-origin:left center;border:none;pointer-events:auto}.side-text.right{top:50%;right:10px;transform:rotate(90deg) translateY(50%);transform-origin:right center;border:none;pointer-events:auto}.side-text.bottom{bottom:0;left:50%;transform:translate(-50%);border:none;background:linear-gradient(90deg,#fff0 10%,#fff 45% 50%,#fff0 90%);width:25vw;padding:15px 0;display:flex;justify-content:center;align-items:center}.side-menu{position:absolute;top:0;left:0;width:220px;height:100%;background:#fff;transform:translate(-100%);opacity:0;transition:transform .32s ease,opacity .2s ease;padding:80px 22px 22px;border-right:none;box-shadow:none}.side-menu.open{transform:translate(0);opacity:1;box-shadow:3px 0 8px #00000014;pointer-events:auto}.side-menu ul{list-style:none;padding:0;margin:0}.side-menu li{margin:10px 0;font:400 .95rem/1.35 Arial,sans-serif;color:#111;cursor:pointer}.side-menu li b{font-family:Arial Black,sans-serif;letter-spacing:1px}@media(max-width:1200px){.side-text.bottom{background:linear-gradient(90deg,#fff0 5%,#fff 45% 50%,#fff0 95%);width:30vw}}@media(max-width:768px){.side-text{display:none}.logo{height:50px}.side-menu{width:200px}.side-text.bottom{display:none}}.back-to-top{position:fixed;right:0;top:75%;transform:translateY(-50%);background-color:#f0f0f0;color:#1c1c4e;border:none;border-radius:1em 0 0 1em;padding:.75em;font-size:.75rem;font-weight:700;writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;gap:4px;cursor:pointer;z-index:1000;box-shadow:0 0 5px #0003;transition:opacity .3s ease-in-out;opacity:.8}.bttb-text{margin-bottom:15px}.back-to-top:hover{background-color:#dcdcdc}.chevron{margin-top:-15px}.content-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 60px;box-sizing:border-box;position:relative;overflow:hidden;transition:transform .6s ease,opacity .6s ease}.content-center.slide-left{animation:slideFromLeft .6s ease forwards}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.content-center.slide-right{animation:slideFromRight .6s ease forwards}@keyframes slideFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.content-center.slide-up{animation:slideFromBottom .6s ease forwards}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.image-item{cursor:zoom-in;overflow:hidden;border-radius:8px;position:relative}.image-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;filter:blur(15px);opacity:0;transition:.6s ease}.image-item.loaded img{filter:blur(0);opacity:1}.image-item:hover img{transform:scale(1.05)}.lightbox{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:3000;cursor:zoom-out}.lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;cursor:default;z-index:2;display:block}.lightbox-close{position:absolute;top:20px;right:30px;font-size:32px;color:#fff;background:none;border:none;cursor:pointer;z-index:3}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;color:#fff;background:#0006;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;-webkit-user-select:none;user-select:none;z-index:3;transition:.2s ease}.lightbox-arrow:hover{background:#ffffff59}.lightbox-arrow.left{left:60%;transform:translate(-100%,-50%);margin-left:-40vw;/}.lightbox-arrow.right{right:60%;transform:translate(100%,-50%);margin-right:-40vw}@media(max-width:768px){.lightbox-arrow.left{margin-left:-45vw}.lightbox-arrow.right{margin-right:-45vw}.lightbox-arrow{font-size:34px;padding:6px 10px}}.image-gallery{display:grid;gap:20px;padding:20px}.image-gallery{grid-template-columns:repeat(1,1fr)}@media(min-width:700px){.image-gallery{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.image-gallery{grid-template-columns:repeat(4,1fr)}}.home{width:100%;display:flex;justify-content:center}.connect-page{display:flex;flex-direction:column;align-items:center}.connect-title{text-align:center;font-size:1.5rem;font-weight:700}.connect-title .work{width:100px;margin-bottom:-2em}.connect-title h1{margin-bottom:0}.connect-title .threedot{width:50px;margin-top:-2em}.connect-title #connect-description{font-size:1rem;padding-inline:10em}.contact{margin-top:3em;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact .contact-graph{width:100px;margin-bottom:-2.5em}.contact h1{font-size:3em;margin-bottom:1em;font-weight:700}.contact .threedot{width:50px;margin-top:-2em;margin-bottom:2em}form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}form input,form textarea{width:100%;padding:.5rem;border:1px solid #00003b;border-radius:5px}form .sendbutton{margin-top:2em;margin-bottom:2em;display:flex;flex-direction:row;border:none;background-color:#f8f8f8;border-radius:40px;padding:1em 3em;font-weight:700;color:#00003b;gap:1em;align-items:center;justify-content:center}form .sendbutton:hover{border:2px solid #00003b;scale:1.1;transition:.2s;font-weight:bolder}.contact-tel{display:flex;align-items:center;justify-content:center;padding-right:1.5em;font-weight:bolder;margin-top:2em}.contact-tel .contact-whats{width:5.5em}@media screen and (max-width:900px){.connect-title #connect-description{padding-inline:4em}.connect-container{grid-template-columns:1fr 1fr}.card-connect{width:250px;height:235px}.card-connect h2{top:70px}}@media screen and (max-width:500px){.connect-title{text-align:center;font-size:1.5rem;font-weight:700}.connect-title .work{width:70px;margin-bottom:-2em}.connect-title .threedot{width:50px}.connect-title #connect-description{font-size:medium;padding-inline:1em}.connect-container{grid-template-columns:1fr 1fr}.card-connect{width:150px;height:135px}.card-connect h2{top:30px;font-size:larger}.connect-title,#connect-description{padding-inline:1em}}@media screen and (max-width:310px){.connect-container{grid-template-columns:1fr}}.design-page{display:flex;flex-direction:column;align-items:center}.design-title{text-align:center;font-size:1.5em;font-weight:700}.design-title .work{width:100px;margin-bottom:-2em}.design-title h1{margin-bottom:0}.design-title .threedot{width:50px;margin-top:-2em}.design-filter-bar{display:flex;gap:10px;margin:20px auto 30px;justify-content:center;flex-wrap:wrap}.design-filter-bar button{padding:8px 16px;border:1px solid #000;background:#fff;cursor:pointer;transition:.2s;font-weight:600}.design-filter-bar button.active,.design-filter-bar button:hover{background:#000;color:#fff}@media screen and (max-width:500px){.design-title{font-size:1.3rem}.design-title .work{width:70px}.design-title .threedot{width:40px}}.paint-page{width:100%;display:flex;flex-direction:column;align-items:center}.paint-title{text-align:center;font-size:1.5em;font-weight:700}.paint-title .work{width:100px;margin-bottom:-2em}.paint-title h1{margin-bottom:0}.paint-title .threedot{width:50px;margin-top:-2em}#paint-description{font-size:1rem;padding-inline:10em}.paint-filter-bar{display:flex;gap:10px;margin:20px auto 30px;justify-content:center;flex-wrap:wrap}.paint-filter-bar button{padding:8px 16px;border:1px solid #000;background:#fff;cursor:pointer;transition:.2s;font-weight:600}.paint-filter-bar button.active,.paint-filter-bar button:hover{background:#000;color:#fff}*{font-family:Akzidenz-Grotesk,sans-serif;background-color:var(--main-color-1);color:#00003b}body{margin:0;padding:0;box-sizing:border-box;color:#00003b;font-weight:700}body a{text-decoration:none;color:#00003b}var{--main-color-1: #f5f4ee;--text-color: ;--main-color-2: #fb728c}
