@import"https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--color-bg: #0d0d0d;--color-surface: #161616;--color-surface-2: #1f1f1f;--color-surface-3: #272727;--color-accent: #c8392b;--color-accent-hover: #e0402f;--color-accent-dim: rgba(200, 57, 43, .12);--color-accent-o: rgba(200, 57, 43, .7);--color-text: #f0ede8;--color-text-muted: #888888;--color-text-dark: #0d0d0d;--color-border: rgba(255, 255, 255, .07);--color-border-strong: rgba(255, 255, 255, .14);--color-border-accent: var(--color-accent);--text-color-primary: var(--color-text);--text-color-secondary: var(--color-accent);--text-color-navbar: var(--color-text);--text-color-black: #000;--text-color-gray: var(--color-text-muted);--bck-navbar: var(--color-surface);--bck-red: var(--color-accent);--bck-red-o: var(--color-accent-o);--bck-card-red: linear-gradient(135deg, rgba(200,57,43,.1) 0%, rgba(200,57,43,.22) 100%);--bck-black: #000;--bck-white: #ffffff;--bck-primary: var(--color-surface);--bck-page: var(--color-bg);--bck-loader: rgba(0, 0, 0, .95);--card-gradient: linear-gradient(135deg, var(--color-surface-2) 0%, var(--color-surface-3) 100%);--border-primary: var(--color-border);--border-white: var(--color-border-strong);--border-red: var(--color-accent);--btn-bck-primary: var(--color-surface-2);--btn-color-primary: var(--color-text);--btn-border-primary: var(--color-border-strong);--btn-bck-primary-h: var(--color-surface-3);--btn-bck-secondary: var(--color-accent);--btn-color-secondary: #fff;--btn-border-secondary: transparent;--btn-bck-secondary-h: var(--color-accent-hover);--shadow: rgba(0, 0, 0, .55);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--transition: .25s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Overpass,sans-serif;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}.page{margin-top:70px;transition:filter .4s ease}.title{font-family:Saira Condensed,sans-serif}.highlight{color:var(--color-accent)}.color-primary{color:var(--color-text)}.color-secondary{color:var(--color-accent)}.text{font-size:calc(10px + .5vw);line-height:1.7;color:var(--color-text-muted)}.section{box-sizing:border-box;min-height:500px;padding:0 100px;border-bottom:1px solid var(--color-border)}.section:not(.full){padding:60px 100px}.section.full{height:calc(100vh - 70px)}.section.colored{background-color:var(--color-surface)}@media screen and (max-width: 610px){.section{padding:40px 20px!important}}.cols{display:flex;flex-direction:row;height:100%}.cols.v-center{align-items:center}.column{flex-grow:1}.shadow{box-shadow:0 8px 32px var(--shadow)}.c-icon-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;max-width:380px;border:1px solid var(--color-border-strong);background:var(--color-surface-2);border-radius:var(--radius-lg);padding:36px 30px;transition:border-color var(--transition),transform var(--transition);overflow:hidden}.c-icon-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-accent-dim) 0%,transparent 60%);opacity:0;transition:opacity var(--transition);border-radius:inherit}.c-icon-card:hover{border-color:var(--color-border-accent);transform:translateY(-4px)}.c-icon-card:hover:before{opacity:1}.c-icon-card header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.c-icon-card header h2{font-family:Saira Condensed,sans-serif;text-align:center;color:var(--color-text);font-size:calc(18px + 1.4vw);margin:0;letter-spacing:.04em}.c-icon-card header .icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent-dim);border:1px solid rgba(200,57,43,.3);border-radius:var(--radius-md);margin-bottom:18px}.c-icon-card header svg{width:28px;height:28px;color:var(--color-accent);stroke:var(--color-accent)}.c-icon-card .body{text-align:left;font-size:calc(14px + .2vw);line-height:1.7;color:var(--color-text-muted)}.hero{position:relative;width:100%;height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero video{position:absolute;z-index:-2;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.hero .blur{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0d0d0d73,#0d0d0db3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.hero .title{margin:0;font-family:Saira Condensed,sans-serif;font-size:clamp(52px,10vw,130px);font-weight:900;text-transform:uppercase;letter-spacing:.04em;text-align:center;line-height:1}.hero .title>p{margin:0!important}.hero .sub{text-align:center;margin:12px 0 0;font-family:Overpass,sans-serif;font-size:clamp(16px,2vw,24px);color:#f0ede8bf;letter-spacing:.06em;text-transform:uppercase}.hero .sub>p{margin:0}.section .title{font-size:clamp(32px,5vw,64px);margin:0 0 8px;letter-spacing:.02em;text-transform:uppercase}.section-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:10px}.s-01{background-color:var(--color-surface)}.s-01 img{width:100%;border-radius:var(--radius-lg);object-fit:cover;aspect-ratio:4 / 3}.s-01 .cols{gap:60px}.s-01 .col{flex:1}.s-01 .col .title{margin-bottom:16px}.s-01 .col .text{max-width:560px;font-size:clamp(15px,1.1vw,17px)}.s-01 .col .accent-bar{display:block;width:48px;height:4px;background-color:var(--color-accent);border-radius:2px;margin-bottom:16px}.s-02{background-color:var(--color-bg)}.s-02 .title{color:var(--color-text);margin-bottom:40px}.card-wrapper{display:flex;width:100%;gap:28px;flex-wrap:wrap;justify-content:center}.s-03{background-color:var(--color-surface)}.s-03 .title{color:var(--color-text);margin-bottom:40px}.s-03 .card-wrapper.projects{display:flex;flex-direction:row;gap:40px;align-items:stretch}.s-03 .projects-column{width:100%}.s-03 .projects-column.projects-column--featured{display:flex;flex-direction:column;gap:20px;flex:1.2;align-items:flex-start;justify-content:center}.s-03 .projects-column.projects-column--featured .project-card{max-width:100%}.s-03 .projects-column.projects-column--others{display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(180px,auto);gap:20px;align-content:center}.s-03 .projects-column .project-card{width:100%}.s-03 .projects-column--featured .project-card{min-height:240px}@media screen and (max-width: 1580px){.s-03 .card-wrapper.projects{flex-direction:column}.s-03 .projects-column.projects-column--others{display:flex!important;flex-direction:column;align-items:center}.s-03 .projects-column.projects-column--featured{align-items:center}}.s-04 .title{color:var(--color-accent)}.s-05{display:flex;align-items:stretch;justify-content:center;gap:50px;min-height:700px;background-color:var(--color-bg);flex-wrap:wrap;padding:60px 80px!important}.s-05 .contacts-side{display:flex;flex-direction:column;justify-content:stretch;gap:24px;flex:1;min-width:280px;max-width:560px}.s-05 .contacts-side .title{font-size:clamp(28px,4vw,52px);margin-bottom:0}.s-05 .contacts-side .subtitle{color:var(--color-text-muted);font-size:clamp(14px,1vw,16px);margin:0;line-height:1.6}.s-05 .contacts{display:flex;flex-direction:column;gap:14px}.s-05 .contacts .info{display:flex;align-items:center;gap:12px;color:var(--color-text-muted);font-size:clamp(14px,1vw,16px)}.s-05 .contacts .info svg{width:20px;height:20px;color:var(--color-accent);flex-shrink:0}.s-05 .contacts .info p{margin:0;font-weight:600;color:var(--color-text-muted)}.s-05 .map{position:relative;width:100%;height:auto;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-strong);flex:2}.s-05 .map>div{width:100%!important}.s-05 .contact{display:flex;flex-direction:column;gap:18px;padding:36px;background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);flex:1;min-width:280px;max-width:560px;box-shadow:0 20px 60px #00000073}.s-05 .contact .form-title{font-family:Saira Condensed,sans-serif;font-size:clamp(20px,2.4vw,28px);font-weight:700;margin:0 0 4px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text)}.s-05 .contact .input{display:flex;flex-direction:column;gap:6px}.s-05 .contact .input label{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.s-05 .contact .input input,.s-05 .contact .input textarea{background-color:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text);font-family:Overpass,sans-serif;font-size:15px;border-radius:var(--radius-sm);padding:10px 14px;transition:border-color var(--transition);outline:none;resize:none}.s-05 .contact .input input:focus,.s-05 .contact .input textarea:focus{border-color:var(--color-accent)}.s-05 textarea{font-size:14px!important;line-height:1.6}@media screen and (max-width: 1300px){.s-01{padding:60px 100px!important;height:min-content!important}}@media screen and (max-width: 1100px){.s-01 .col img{aspect-ratio:auto;width:100%}.s-05{flex-direction:column;align-items:stretch}.s-05 .contacts-side,.s-05 .contact{max-width:100%}}@media screen and (max-width: 900px){.s-01 .cols{align-items:start;flex-direction:column!important}}@media screen and (max-width: 610px){.s-01 .cols{max-width:100%}.s-05{padding:40px 20px!important}.s-05 .contact{padding:24px 20px}}.project-card{outline:0 solid transparent;position:relative;padding:0;max-width:500px;min-width:300px;border-radius:20px;overflow:hidden;transition:.1s linear;cursor:pointer;aspect-ratio:1.7}.project-card:hover{outline:4px solid var(--border-red)}.project-card img{width:100%;height:100%;aspect-ratio:16 / 10;object-fit:cover}.project-card .highlighted{display:flex;gap:8px;color:var(--text-color-primary);background-color:var(--bck-red-o);box-shadow:-2px 3px 10px #000000b3;position:absolute;right:0;top:0;padding:8px 10px;border-bottom-left-radius:20px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1;font-size:clamp(.7rem,1.2vw,.9rem);max-width:120px;transition:.7s ease;overflow:hidden;text-wrap:nowrap}.project-card:hover .highlighted{max-width:19px}.project-card .highlighted svg{scale:1.3;min-width:20px}.project-card .top-wrapper{position:absolute;display:flex;flex-direction:column;justify-content:center;padding-top:30%;width:100%;height:150%;background-image:linear-gradient(to top,#000c 35%,#0006 60%,#0000004d);transition:.3s ease-in-out}.project-card:hover .top-wrapper{transform:translateY(-65px);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.project-card .top-wrapper .project-title{color:var(--text-color-primary);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:800;text-shadow:2px 2px 5px black;bottom:125px;margin:0 0 0 10px;transition:.3s ease .1s;transform-origin:0 0}.project-card:hover .top-wrapper .project-title{scale:.85;color:var(--text-color-primary);transition-delay:0s}.project-card .top-wrapper .project-desc{color:var(--text-color-primary);margin:0 0 0 10px;opacity:0;transition:.3s ease;font-size:clamp(.8rem,2vw,1rem);max-width:90%}.project-card:hover .top-wrapper .project-desc{opacity:1;transition-delay:.1s}.project-card .top-wrapper .project-desc span{color:var(--text-color-secondary)}@media (max-width: 1200px){.project-card{width:45%}}@media (max-width: 900px){.project-card{width:80%;max-width:400px}}@media (max-width: 600px){.project-card{width:100%;max-width:100%;border-radius:15px}}.c-button{font-family:Saira Condensed,sans-serif;font-size:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:12px 28px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition)}.c-button.rnd{border-radius:50px;aspect-ratio:1;padding:10px}.c-button.image-primary,.c-button.image-transparent{display:flex;justify-content:center;align-items:center}.c-button.image-transparent{background-color:transparent;border:none;padding:8px}.c-button.image-primary img,.c-button.image-transparent img{width:24px;height:24px}.c-button.primary{background-color:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text)}.c-button.primary:hover{background-color:var(--color-surface-3)}.c-button.back{background-color:transparent;border:none;color:var(--color-accent);font-weight:700;font-size:calc(15px + .5vw);padding:0}.c-button.back:hover{transform:none;text-decoration:underline}.c-button.secondary,.c-button.image-primary{background-color:var(--color-accent);color:#fff;box-shadow:0 4px 16px #c8392b59}.c-button.secondary:hover,.c-button.image-primary:hover{background-color:var(--color-accent-hover);box-shadow:0 6px 20px #c8392b80}.review{box-sizing:border-box;display:flex;flex-direction:column;max-width:480px;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-surface-2);transition:border-color var(--transition),transform var(--transition)}.review:hover{border-color:var(--color-border-accent);transform:translateY(-3px)}.review .header{display:flex;flex-direction:column;align-items:center;padding:20px 20px 0}.review .header img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border-strong)}.review .body{color:var(--color-text-muted);background-color:transparent;text-align:left;padding:16px 20px;font-size:14px;line-height:1.6}.review .footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 20px 18px;background-color:var(--color-surface-3);border-top:1px solid var(--color-border)}.review .footer .person{color:var(--color-text);font-weight:700;font-size:clamp(14px,1.2vw,16px);margin:0}.c-link{display:flex;align-items:center;font-family:Saira Condensed,sans-serif;background:none;border:none;font-size:18px;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:color var(--transition);padding:8px 14px;border-radius:var(--radius-sm);text-transform:uppercase}.c-link p{margin:0}.c-link.primary{color:var(--color-text-muted)}.c-link.primary:hover{color:var(--color-text);background-color:#ffffff0f}.c-link.light{color:var(--color-text)}.c-link.light:hover,.c-link.secondary{color:var(--color-accent)}.c-link.pill{background-color:var(--color-accent);color:#fff;padding:8px 18px;border-radius:50px;font-weight:700;transition:background-color var(--transition),transform var(--transition)}.c-link.pill p{color:#fff}.c-link.pill:hover{background-color:var(--color-accent-hover)}.navbar{box-sizing:border-box;position:fixed;top:0;left:0;width:100%;height:70px;color:var(--color-text);background-color:#0d0d0dd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--color-border);z-index:1000;transition:background-color .3s ease}.navbar .logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;letter-spacing:.02em;text-decoration:none}.navbar .logo img{width:38px;height:38px;object-fit:contain}.navbar .logo p{margin:0;color:var(--color-text);font-family:Saira Condensed,sans-serif;font-size:24px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.navbar .links{display:flex;align-items:center;gap:8px;transition:.4s ease;z-index:10}.navbar .links .obscurer{display:none}.navbar .links-mobile{display:none;align-items:center}.navbar .links a{text-decoration:none;color:var(--color-text)}@media screen and (max-width: 1000px){.navbar{padding:0 20px}.navbar .links{position:fixed;top:0;right:0;height:100vh;width:280px;padding:80px 30px 40px;flex-direction:column;align-items:flex-start;gap:6px;background-color:var(--color-surface);border-left:1px solid var(--color-border-strong);box-shadow:-20px 0 70px #000000e6}.navbar .links.closed{transform:translate(100%);box-shadow:none}.navbar .links .obscurer{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;opacity:0;pointer-events:none;z-index:-1}.navbar .links:not(.closed) .obscurer{pointer-events:all}.navbar:has(.links:not(.closed))+.page{filter:brightness(.5) blur(5px)}.navbar .links-mobile{display:flex}.navbar .c-link.primary,.navbar .c-link.light{color:var(--color-text);width:100%}.navbar .c-link.pill{color:#fff;background-color:var(--color-accent);width:100%;border-radius:var(--radius-sm)}}footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:16px 24px;display:flex;align-items:center;justify-content:flex-start}footer p{margin:0;font-size:13px;color:var(--color-text-muted)}footer a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}footer a:hover{color:var(--color-accent-hover);text-decoration:underline}.shiny-text{color:#ffffff38;background:linear-gradient(120deg,#fff0 20%,#fff,#fff0 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.loader{box-sizing:border-box;position:fixed;opacity:1;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;background-color:var(--bck-loader);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);z-index:1000;transition:.2s ease}.loader.hidden{opacity:0;pointer-events:none}.loader-element{width:90px;height:14px;box-shadow:0 3px #fff;position:relative;clip-path:inset(-40px 0 -5px)}.loader-element:before{content:"";position:absolute;inset:auto calc(50% - 17px) 0;height:50px;--g:no-repeat linear-gradient(#fff 0 0);background:var(--g),var(--g),var(--g),var(--g);background-size:16px 14px;animation:l7-1 2s infinite linear,l7-2 2s infinite linear}@keyframes l7-1{0%,to{background-position:0 -50px,100% -50px}17.5%{background-position:0 100%,100% -50px,0 -50px,100% -50px}35%{background-position:0 100%,100% 100%,0 -50px,100% -50px}52.5%{background-position:0 100%,100% 100%,0 calc(100% - 16px),100% -50px}70%,98%{background-position:0 100%,100% 100%,0 calc(100% - 16px),100% calc(100% - 16px)}}@keyframes l7-2{0%,70%{transform:translate(0)}to{transform:translate(200%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{background-color:var(--color-bg)}.page-prj{margin-top:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px}.page-prj .card{align-items:center;justify-content:stretch;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:80%;height:min-content;padding:50px;background-color:var(--color-surface)}.page-prj .gallery{margin-top:50px}.page-prj .gallery h2{margin-bottom:0;color:var(--color-text)}.page-prj .gallery p{margin-top:0;color:var(--color-text-muted)!important}.page-prj .gallery>div>div{display:flex!important;flex-wrap:wrap!important;gap:4px}.page-prj .gallery button figure img{aspect-ratio:1!important;border-radius:var(--radius-sm);width:120px!important;margin-right:8px!important;object-fit:cover;box-shadow:0 4px 12px #0006;border:1px solid var(--color-border)}.page-prj .gallery div>div dialog figure{display:flex;justify-content:center;align-items:center}.reviews-prj{width:100%;display:flex;flex-direction:column;padding-bottom:25px}.reviews-prj .content{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;padding:20px}.reviews-prj h1{text-align:center;color:var(--color-text)}.reviews-prj h3{color:var(--color-text-muted)}.project{display:flex;margin:auto;align-items:center;gap:80px;flex-direction:row}.project>*{flex:1}.project .images{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.page-prj .images>div{display:flex;width:100%!important}.page-prj .images button figure img{border-radius:var(--radius-sm);box-shadow:0 4px 12px #0006;border:1px solid var(--color-border)}.project .images img{box-sizing:border-box}.project .images img.main{width:90%;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);box-shadow:0 8px 32px var(--shadow)}.project .content h1{margin:0;display:flex;gap:20px;color:var(--color-text);font-family:Saira Condensed,sans-serif;text-transform:uppercase}.project .content h1 svg{scale:2;color:var(--color-accent)}.project .content p{color:var(--color-text-muted);text-align:justify;line-height:1.7}@media screen and (max-width: 1210px){.page-prj .card{box-sizing:border-box;width:100%;padding:20px;margin:0 0 20px;border-radius:0;border-left:none;border-right:none}.project{flex-direction:column;gap:20px;align-items:center}.project .images{align-items:center}.project img{width:70%!important;min-width:300px!important}.page-prj .gallery>div>div{display:flex!important;justify-content:center!important}.page-prj .gallery button figure img{border-radius:var(--radius-md)}}.configurator{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - 66px);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background-color:var(--color-bg)}.configurator img{width:calc(200px + 10vw)}.configurator h1{font-size:clamp(30px,4vw,52px);font-family:Saira Condensed,sans-serif;text-transform:uppercase;color:var(--color-text)}.configurator p{color:var(--color-accent)}.page-404{display:flex;justify-content:center;width:100vw;height:100vh;background-image:url(/images/logo/logo.png);background-size:calc(200px + 30vw);background-repeat:no-repeat;background-position:center;background-color:var(--color-bg)}.page-404 .wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#0d0d0da6;width:100%}.page-404 canvas{width:calc(200px + 20vw)}
