*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}:root{--color-main: #FFD057;--color-sec: #24449A;--color-dark: #14243A;--color-light: #6390D1;--text-color: #f5f5f5;font-size:18px;font-family:Open Sans,Roboto,sans-serif;font-weight:400;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{max-width:100dvw}ul{list-style:none}a{text-decoration:none;color:inherit}.section{display:flex;flex-direction:column;align-items:center;gap:4rem;padding:6rem 1rem}.section-header{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;transform:translateY(4rem);opacity:0}.section-header__title{font-size:2.2rem}.section-header__desc{max-width:30rem;font-size:.9rem}.button{margin:auto;padding:.5rem 3rem;font-size:1rem;font-weight:600;border:none;border-radius:.5rem}.animate{animation:fade-in-bottom 1s ease both}.slide-animate{animation:slide-big linear both;animation-timeline:view(inline)}@keyframes fade-in-bottom{to{transform:translateY(0);opacity:1}}@keyframes slide-small{0%,to{transform:scaleY(.8);opacity:.7}50%{transform:scaleY(1);opacity:1}}@keyframes slide-big{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1);opacity:1}}.about{background-color:var(--text-color);color:var(--color-sec)}.about-list{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;width:100%;list-style:none;animation:fade-in-bottom ease both;animation-timeline:view();animation-range-end:contain 60%}.about-list__item{flex:1 0 min(18rem,100%);aspect-ratio:5/2;max-width:20rem;border:1px solid #0001;animation:fade-in-bottom ease both;animation-timeline:view();animation-range-end:contain 60%}.about-card{display:flex;gap:.5rem;width:100%;height:100%;overflow:clip;background-color:#eee;border-radius:.5rem;box-shadow:0 3px .5rem #0002}.about-list__item:nth-child(2n) .about-card{flex-direction:row-reverse;text-align:right}.about-card__img{height:100%;aspect-ratio:1}.about-card__text{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:1rem;text-align:inherit}.about-card__name{font-size:var(--font-dc);letter-spacing:.1rem;text-align:inherit}.about-card__desc{color:var(--color-light);font-size:var(--font-sm);letter-spacing:.1rem;text-wrap:balance}@media screen and (min-width: 1024px){.section{padding:6rem 15dvw}}.header{position:sticky;display:flex;justify-content:space-between;padding:.5rem 1rem;max-width:100dvw;color:var(--text-color);background-color:var(--color-sec);box-shadow:0 2px .5rem #0004;top:0;z-index:100;overflow:unset}.header-firm{display:flex;align-items:center;gap:1rem}.header__logo{width:1.5rem}.header__title{display:none;font-size:1rem;color:var(--color-main);font-weight:400}.header .nav{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.header .nav-list{display:flex;align-items:center;gap:1.5rem}.header .nav-list__link{font-size:.9rem;font-weight:600}.header__btn{margin:0;background-color:var(--color-main)}@media screen and (min-width: 600px){.header__title{display:block}}@media screen and (min-width: 1024px){.header{padding:.5rem 4rem}.header .nav{display:block}}.hero{justify-content:space-between;align-items:center;gap:6rem;min-height:90dvh;color:var(--text-color);text-align:center;background-image:linear-gradient(var(--color-sec) 10%,#0009,#0003),url(/assets/hero-bg-small-VsvQxkJc.webp);background-position:center;background-size:cover;overflow:clip;position:relative}.hero:after{content:"";font-family:"shape divider from ShapeDividers.com";position:absolute;z-index:3;pointer-events:none;background-repeat:no-repeat;inset:-.1vw;background-size:100% 87px;background-position:50% 100%;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='none'%20viewBox='0%200%20773.74%20154.98'%3e%3cg%20fill='%23f5f5f5'%3e%3cpath%20d='M773.74%20154.98H0L386.87%2077.5Z'/%3e%3cpath%20d='M773.74%20154.98%20386.87%200%200%20154.98Z'%20opacity='.66'/%3e%3c/g%3e%3c/svg%3e")}.hero-firm{display:flex;flex-direction:column;gap:3rem}.hero-slogan{font-size:3rem}.hero-slogan__2nd{display:block}.hero__text{max-width:30rem}.hero__button{margin:auto;background-color:var(--color-main)}.hero .contact-info{display:flex;gap:3rem}.contact-item{width:1.5rem;height:1.5rem}.hero .contact-item__link:hover{transform:scale(1.1)}.hero .contact-item__link{width:1.2rem}@media screen and (min-width: 1024px){.hero{flex-direction:row;align-items:center;text-align:left;background-image:linear-gradient(225deg,var(--color-sec) 10%,#0009,#0003),url(/assets/hero-bg-small-VsvQxkJc.webp);background-position:center;background-size:cover}.hero__button{margin:0 auto 0 0}.hero .contact-info{flex-direction:column;gap:4rem}}.local-banner{display:none;flex-wrap:wrap;align-items:center;padding:.5rem 15dvw;color:var(--text-color);font-size:.8rem;background-color:var(--color-dark)}.local-banner__item{flex:1 0 min(14rem,100%)}.local-banner__link{display:flex;flex-direction:column;align-items:center;text-align:center}@media screen and (min-width: 1024px){.local-banner{display:flex}}.services{text-align:center;background:var(--text-color);color:var(--color-sec)}.services-list{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.services-list__item{flex:0 0 min(15rem,100%);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;padding-top:0;aspect-ratio:1;background:linear-gradient(var(--color-dark) 30%,var(--color-sec));border-radius:.5rem;transform:translateY(4rem);opacity:0}.services-list__pict{padding:.5rem;height:4rem;width:4rem;background-color:var(--text-color);border-radius:0 0 .5rem .5rem;transform:translateY(-1px);position:relative;z-index:0}.services-list__img{max-width:100%;max-height:100%}.services-list__pict:after,.services-list__pict:before{content:"";display:block;width:20px;height:2rem;background-color:transparent;border:1px solid var(--color-dark);position:absolute;z-index:10}.services-list__pict:before{border-radius:0 .5rem 0 0;box-shadow:5px -5px 0 5px var(--text-color);right:100%;top:1px}.services-list__pict:after{border-radius:.5rem 0 0;box-shadow:-5px -5px 0 5px var(--text-color);left:100%;top:1px}.services-list__text{display:flex;flex-direction:column;gap:.5rem;color:var(--text-color)}.services-list__head{color:var(--color-main);font-size:1rem;font-weight:700;text-overflow:clip}.services-list__desc{color:#ddd;font-size:.9rem;font-weight:400}.steps{color:var(--text-color);background-color:var(--color-sec)}.steps-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.steps-list__item{flex:0 0 min(15rem,100%);display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding:1rem;background:linear-gradient(to right,#14243aaa,#14243a66);border-radius:.5rem;transform:translateY(4rem);opacity:0}.steps-list__img{width:2.5rem;height:2.5rem}.steps-list__text{display:flex;flex-direction:column;gap:.5rem;width:90%}.steps-list__title{font-size:1rem}.steps-list__title:first-letter{color:var(--color-main);font-size:1.2rem}.steps-list__desc{color:#ddd;font-size:.9rem}.projects{padding:4rem 0;color:var(--color-sec);text-align:center;background-color:var(--text-color);overflow-x:clip}.projects-list{display:flex;gap:1rem;padding:1rem 40vw;width:100%;overflow-y:clip;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;transform:translateY(4rem);opacity:0}.projects-list__item{flex:1 0 min(22rem,85vw);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1rem;padding:2.5rem;aspect-ratio:1;border-radius:.5rem;box-shadow:0 0 1rem #0004;scroll-snap-align:center;transition:transform .3s,background .3s}.projects-list__item:nth-child(1){background:linear-gradient(to bottom,#0004 30%,#14243a),url(/assets/bathroom-BhGzheSz.webp);background-position:center;background-size:cover}.projects-list__item:nth-child(2){background:linear-gradient(to bottom,#0004 30%,#14243a),url(/assets/kitchen-DgS83Rt8.webp);background-position:center;background-size:cover}.projects-list__item:nth-child(1):hover{background:linear-gradient(to bottom,#0002 70%,#14243a),url(/assets/bathroom-BhGzheSz.webp);background-position:center;background-size:cover}.projects-list__item:nth-child(2):hover{background:linear-gradient(to bottom,#0002 70%,#14243a),url(/assets/kitchen-DgS83Rt8.webp);background-position:center;background-size:cover}.projects-list__title{color:var(--color-main);transition:transform .3s}.projects-list__item:hover .projects-list__title{transform:translateY(5rem)}.projects-list-sublist{display:flex;flex-direction:column;text-align:left;gap:.4rem;transition:opacity .3s,transform .3s}.projects-list__item:hover .projects-list-sublist{opacity:0;transform:translateY(5rem)}.projects-list-sublist__item::marker{color:var(--color-main)}.projects-list-sublist__item{color:#eee;font-size:.9rem}.contact{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;color:var(--text-color);background-color:var(--color-sec)}.contact-text{flex:1 0 min(15rem,100%);display:flex;flex-direction:column;gap:3rem}.contact-list{display:flex;flex-wrap:wrap;gap:1rem}.contact-list__item{display:flex;align-items:center;gap:1rem;transform:translateY(4rem);opacity:0}.contact-list__img{padding:1rem;width:3.5rem;height:3.5rem;background-color:#14243a66;border-radius:.3rem}.contact-list__title{color:var(--color-main);font-size:1rem}.contact-list__text{color:#ddd;font-size:.9rem}.contact .form{flex:1 0 min(15rem,100%);display:flex;flex-wrap:wrap;gap:1rem;padding:2rem;background-color:#14243a33;border-radius:.5rem;transform:translateY(4rem);opacity:0}.contact .form-field{flex:1 0 min(10rem,100%);display:flex;flex-direction:column;gap:.5rem}.contact .form-field__text{color:#ccc;font-size:.9rem;font-weight:600;text-transform:capitalize}.contact .form-field__input{padding:.7rem 1rem;width:100%;color:var(--text-color);font-size:.9rem;font-family:inherit;background-color:#14243a55;border:none;border-radius:.3rem}.contact .form-field__input::placeholder{color:#aaa;transition:transform .2s}.contact .form-field__input:focus-visible{outline:none}.contact .form-field__input:focus-visible::placeholder{transform:translate(10px)}.contact .form-field:last-child .form-field__input{flex:1 0 100%;resize:none;overflow-y:auto;overflow-x:clip}.contact .form__btn{flex:1 0 100%;margin:auto;color:var(--color-dark);background-color:var(--color-main);transition:box-shadow .3s,transform .3s;animation:fade-in-bottom ease both;animation-timeline:view();animation-range-end:contain 60%}.contact .form__button:hover{box-shadow:0 0 1rem #1118;transform:translateY(-5px)}@media screen and (min-width: 1024px){.contact .section-header{align-items:flex-start;text-align:left}}.footer{background:var(--color-dark);color:#fff;text-align:center}.footer-info{display:flex;flex-wrap:wrap;justify-content:center;gap:4rem}.footer-part{flex:1 0 min(6rem,100%);display:flex;flex-direction:column;gap:1rem}.footer-info__list{display:flex;flex-direction:column;list-style:none}.footer-info__title{color:var(--color-main);font-size:1rem;text-transform:capitalize}.footer .nav-list__link{display:block;padding:.3rem 0;color:#ddd;font-size:.9rem}.footer-firm{flex:1 0 min(6rem,100%);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-slogan{font-size:1rem}.footer-firm__head{display:flex;align-items:center;gap:1.5rem}.footer-firm__logo{width:4rem}.footer-rights{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:1rem}.footer-rights__copyrights{text-transform:uppercase}.footer-rights__credits a{text-decoration:underline}
