.projects-section{padding:80px max(6%,calc((100% - 1200px)/2));background:#eeeae0}.projects-section>p{color:#687266}.project-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.project-card{background:#faf9f5;display:block}.project-card img{width:100%;height:340px;object-fit:cover;object-position:center}.project-card>div{padding:25px}.project-card span{font-size:12px;color:#797761}.project-card h3{font-size:24px;font-weight:400;line-height:1.5;margin:13px 0}.project-card p{font-size:13px;color:#5a685e}.project-card b{display:block;margin-top:25px;font-size:13px;font-weight:400;color:#80663f}.project-card:hover b{text-decoration:underline}.project-heading{padding:65px max(6%,calc((100% - 1200px)/2)) 40px}.project-heading>a{display:block;font-size:13px;margin-bottom:30px}.project-heading h1{font-size:clamp(32px,4vw,58px);margin:15px 0}.project-heading p{color:#5c695e}.project-cover{margin:0 auto;max-width:1200px;background:#e8e5dc}.project-cover img{display:block;width:100%;height:650px;object-fit:contain}.project-description,.project-gallery{max-width:1200px;margin:auto;padding:50px 30px}.project-description{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;border-bottom:1px solid #d7d1c4}.project-description h2,.project-gallery h2{font-size:30px}.project-description p{color:#59695d}.project-gallery>div{columns:3;column-gap:20px}.project-gallery button{display:block;width:100%;padding:0;border:0;background:none;margin-bottom:20px;break-inside:avoid;cursor:zoom-in}.project-gallery img{display:block;width:100%;height:auto}.project-cta{padding:45px 6%;background:#20362c;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.project-cta h2{font-size:30px}.project-cta .button{margin:0}header nav{gap:22px}
@media(max-width:700px){.projects-section{padding:45px 6%}.projects-section h2{font-size:28px}.project-cards{grid-template-columns:1fr;gap:25px}.project-card img{height:330px}.project-card>div{padding:22px}.project-heading{padding:40px 6% 25px}.project-cover img{height:480px}.project-description{grid-template-columns:1fr;gap:5px;padding:30px 6%}.project-gallery{padding:35px 6%}.project-gallery>div{columns:2;column-gap:12px}.project-gallery button{margin-bottom:12px}.project-cta{flex-direction:column;align-items:start;padding:35px 6%}.project-cta h2{font-size:26px}header nav{gap:10px;overflow-x:auto}header nav a{font-size:10px;flex-shrink:0}}