.contact-page{background-color:#b03728;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.contact-container{background:#f5f3f0;border-radius:20px;width:100%;max-width:600px;padding:40px;box-shadow:0 10px 30px #00000026}.contact-container h2{text-align:center;color:#fff;margin-bottom:30px;font-size:2.5rem}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#333;margin-bottom:5px;font-family:bebas-neue,sans-serif;font-style:normal;font-weight:400}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:8px;padding:12px;font-family:NeueHelvena,sans-serif;font-size:1rem;transition:border .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#b03728;outline:none;box-shadow:0 0 0 2px #b0372833}.submit-btn{color:#fff;cursor:pointer;background-color:#b03728;border:none;border-radius:10px;margin-top:10px;padding:14px;font-size:1.2rem;transition:background .2s,transform .1s}.submit-btn:hover{background-color:#9c3123}.submit-btn:active{transform:scale(.97)}@media (width<=768px){.contact-container{padding:25px}.contact-container h2{font-size:1.8rem}.submit-btn{font-size:1rem}}@font-face{font-family:NeueHelvena;src:url(/assets/neuehelvena-light-HuPXaPhC.otf)format("opentype");font-weight:300}@font-face{font-family:NeueHelvena;src:url(/assets/neuehelvena-regular-Bfnpo1U7.otf)format("opentype");font-weight:400}@font-face{font-family:NeueHelvena;src:url(/assets/neuehelvena-blackcondensed-8kTLE9gm.otf)format("opentype");font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{color:#000;background-color:#f5f3f0;line-height:1.6}h1,h2,h3,h4{margin-bottom:10px;font-family:bebas-neue,sans-serif;font-style:normal;font-weight:400}h1{font-size:3.5rem}h2{color:#fff;background-color:#b03728;border-radius:10px;padding:6px 12px;font-size:2.8rem;display:inline-block}h3{font-size:2rem}h4{font-size:1.5rem}p,.services li{letter-spacing:.4px;font-family:NeueHelvena,sans-serif;font-size:1.1rem;font-weight:300;line-height:1.6}a{cursor:pointer;font-family:bebas-neue,sans-serif;font-style:normal;font-weight:400}.container{margin:0 auto}section{background-color:#fff;border-radius:20px;margin:60px 180px;padding:60px}.divider{background:#b03728;height:75px}.header{flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.logo{width:400px;margin-bottom:30px}.nav{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.nav a{color:#000;padding:6px 12px;font-size:2rem;text-decoration:none}.nav a:hover{-webkit-text-decoration:underline #b03728;text-decoration:underline #b03728}.projects-gallery{scroll-snap-type:x mandatory;gap:20px;padding:20px 0;display:flex;overflow-x:auto}.project-card{flex:none;width:400px;height:500px;position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s,filter .3s}.project-overlay{text-align:center;color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.project-card:hover img{filter:brightness(50%);transform:scale(1.05)}.project-card:hover .project-overlay{opacity:1}.services ul{margin-top:10px;padding-left:0;list-style:none}.services li{border-bottom:1px solid #0000000f;margin-bottom:10px;padding-bottom:6px}.service ul{letter-spacing:.5px;padding-left:0;font-family:NeueHelvena,sans-serif;font-size:1.125rem;font-weight:300;list-style:none}.service{border-top:1px solid #00000014;border-left:4px solid #0000;padding:10px 0;transition:border .2s}.service-header{cursor:pointer;border-radius:10px;align-items:center;gap:40px;padding:10px;transition:background .2s,transform .1s;display:flex}.service:hover{border-left:4px solid #b03728}.service-header:hover{background:#0000000d}.service-header:active{transform:scale(.98)}.service-header h4{flex:1;margin:0}.service-header svg{font-size:2rem}.service-content{background:#00000005;border-radius:10px;margin-top:10px;padding:12px;animation:.25s fadeIn}.service-content p,.service-list{margin-top:10px}.service-item{align-items:center;margin-bottom:8px;display:flex}.service-item svg{color:#000;flex-shrink:0;font-size:1.2rem}.service-item span{letter-spacing:.5px;font-family:NeueHelvena,sans-serif;font-size:1.125rem;font-weight:300}.rotate{transition:transform .25s;transform:rotate(180deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.about-section .about-content{flex-direction:column;align-items:center;gap:50px;margin-top:30px;display:flex}.about-image-wrapper{flex-shrink:0;width:400px;height:400px;overflow:hidden}.about-image{object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:transform .3s;transform:scale(1.4)}.about-highlights-wrapper{flex-direction:row;gap:20px;display:flex}.about-highlight{color:#b03728;background-color:#f5f3f0;border-radius:10px;padding:20px}.about-highlight h4{color:#b03728;font-size:3rem}.about-highlight p{color:#606060}.footer{color:#fff;background-color:#222;padding:10px 200px}.footer p{margin-bottom:10px}.footer .social-icons{gap:20px;margin-top:15px;display:flex}.footer .social-icons a{color:#fff;font-size:3rem;transition:color .2s}.contact .social-icons a:hover{color:#0077b5}@media (width<=768px){h1{font-size:2.5rem}h2{font-size:2rem}h3,h4{font-size:1.5rem}p,.services li{font-size:1rem}.service-content p{font-size:1rem;line-height:1.4}.service-item span{font-size:1rem}section{margin:30px 20px;padding:20px}.logo{width:200px;margin-bottom:20px}.nav{gap:10px;font-size:2rem}.nav a{font-size:1.5rem}.project-card{width:auto;height:auto}.projects-gallery{gap:12px;padding:10px 0}.projects-gallery img{width:250px;height:350px}.about-section .about-content{text-align:center;flex-direction:column;align-items:center;gap:20px}.about-image-wrapper{width:250px;height:300px;margin-bottom:15px}.about-highlights-wrapper{flex-direction:column}.about-highlight h4{font-size:1.5rem}.footer .social-icons{gap:10px}.footer .social-icons a{font-size:3rem}.footer{padding:20px}.divider{background:#b03728;height:30px}}
