.container-works{background:#d8d2b8;min-height:100%;padding:60px 80px;font-family:Georgia,serif}html{scroll-behavior:smooth}.title{text-align:center;color:#5f6b4f;border:1px solid #5f6b4f;justify-content:center;margin:0 auto 40px;padding:10px 25px;font-size:48px;display:flex}.filterSection{text-align:center;margin-bottom:50px}.filterLabel{color:#5f6b4f;margin-bottom:15px;font-size:20px}.buttons{justify-content:center;gap:20px;display:flex}.buttons button{color:#eae6d6;cursor:pointer;background:#9aa57f;border:2px solid #5f6b4f;padding:10px 20px;font-size:16px;box-shadow:4px 4px 6px #0000004d}.projects{flex-direction:column;gap:40px;display:flex}.projectCard{background:#b8c48d;border:2px solid #5f6b4f;gap:40px;padding:30px;display:flex;box-shadow:6px 6px 10px #0000004d}.image{background:#b8c48d;justify-content:center;align-items:center;width:300px;min-width:300px;height:180px;display:flex;position:relative;overflow:visible}.image img{object-fit:contain;background-color:#b8c48d;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.content{overflow-wrap:break-word;word-wrap:break-word;flex:1;min-width:0}.content h3{color:#f4f1e6;font-size:35px}.line{background:#5f6b4f;width:60%;height:2px;margin:8px 0 15px}.content p{color:#5f6b4f;font-size:25px;line-height:1.6}.buttons button.active{color:#eae6d6;background:#5f6b4f;border-color:#3a442a;box-shadow:inset 2px 2px 4px #0003}.category{color:#eae6d6;background:#5f6b4f;border-radius:4px;margin-top:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.noResults{text-align:center;color:#5f6b4f;padding:60px 20px;font-size:18px;font-style:italic}.projectCard{transition:transform .3s,box-shadow .3s}.projectCard:hover{transform:translateY(-4px);box-shadow:8px 8px 12px #0000004d}.buttons button{transition:all .2s}.buttons button:hover{transform:translateY(-2px);box-shadow:6px 6px 8px #0000004d}.projectCardLink{text-decoration:none;transition:transform .3s,box-shadow .3s;display:block}.projectCardLink:hover{transform:translateY(-4px)}.projectCardLink:hover .projectCard{box-shadow:8px 8px 12px #0000004d}.projectLink{color:#eae6d6;background:#5f6b4f;border:1px solid #3a442a;margin-top:15px;padding:8px 20px;font-size:14px;text-decoration:none;transition:all .2s;display:inline-block}.projectLink:hover{background:#3a442a;transform:translate(5px)}@media (min-width:1200px){.container-works{padding:80px 100px}.title{margin-bottom:50px;padding:12px 30px;font-size:56px}.projects{gap:50px}.projectCard{gap:50px;padding:35px}.image{width:350px;min-width:350px;height:210px}.content h3{font-size:40px}.content p{font-size:28px}}@media (min-width:992px) and (max-width:1199px){.container-works{padding:60px 80px}.title{font-size:48px}.projectCard{gap:35px;padding:30px}.image{width:280px;min-width:280px;height:170px}.content h3{font-size:32px}.content p{font-size:22px}}@media (min-width:768px) and (max-width:991px){.container-works{padding:50px 60px}.title{margin-bottom:35px;padding:8px 20px;font-size:40px}.filterSection{margin-bottom:40px}.filterLabel{font-size:18px}.buttons{gap:15px}.buttons button{padding:8px 18px;font-size:15px}.projectCard{flex-direction:column;gap:25px;padding:25px}.image{width:100%;min-width:auto;height:auto;max-height:250px}.image img{width:auto;max-width:100%;height:auto;max-height:250px}.content h3{font-size:28px}.line{width:40%}.content p{font-size:20px}}@media (min-width:576px) and (max-width:767px){.container-works{padding:40px 30px}.title{margin-bottom:30px;padding:8px 16px;font-size:32px}.filterSection{margin-bottom:35px}.filterLabel{margin-bottom:12px;font-size:16px}.buttons{gap:12px}.buttons button{padding:8px 16px;font-size:14px}.projects{gap:30px}.projectCard{flex-direction:column;gap:20px;padding:20px}.image{width:100%;min-width:auto;height:auto;max-height:220px}.image img{width:auto;max-width:100%;height:auto;max-height:220px}.content h3{font-size:24px}.line{width:50%;margin:6px 0 12px}.content p{font-size:18px;line-height:1.5}.category{margin-top:10px;font-size:11px}.projectLink{padding:6px 16px;font-size:13px}}@media (min-width:481px) and (max-width:575px){.container-works{padding:30px 20px}.title{margin-bottom:25px;padding:6px 14px;font-size:28px}.filterSection{margin-bottom:30px}.filterLabel{margin-bottom:10px;font-size:15px}.buttons{gap:10px}.buttons button{padding:6px 14px;font-size:13px}.projects{gap:25px}.projectCard{flex-direction:column;gap:18px;padding:18px}.image{width:100%;min-width:auto;height:auto;max-height:200px}.image img{width:auto;max-width:100%;height:auto;max-height:200px}.content h3{font-size:22px}.line{width:60%;margin:5px 0 10px}.content p{font-size:16px;line-height:1.5}.category{margin-top:8px;padding:3px 10px;font-size:10px}.projectLink{margin-top:12px;padding:5px 14px;font-size:12px}.noResults{padding:40px 15px;font-size:16px}}@media (max-width:480px){.container-works{padding:20px 15px}.title{width:auto;margin-bottom:25px;padding:6px 12px;font-size:24px}.filterSection{margin-bottom:25px}.filterLabel{margin-bottom:10px;font-size:14px}.buttons{flex-flow:wrap;gap:8px}.buttons button{min-width:80px;padding:6px 12px;font-size:12px}.projects{gap:20px}.projectCard{flex-direction:column;gap:15px;padding:15px}.image{width:100%;min-width:auto;height:auto;max-height:180px}.image img{width:auto;max-width:100%;height:auto;max-height:180px}.content h3{font-size:20px}.line{width:70%;margin:5px 0 10px}.content p{font-size:15px;line-height:1.5}.category{margin-top:8px;padding:3px 8px;font-size:10px}.projectLink{margin-top:10px;padding:5px 12px;font-size:12px}.noResults{padding:30px 15px;font-size:14px}.buttons button:hover{transform:translateY(-1px)}.projectCard:hover{transform:translateY(-2px)}}@media (max-width:320px){.container-works{padding:15px 10px}.title{margin-bottom:20px;padding:5px 10px;font-size:20px}.filterLabel{font-size:13px}.buttons button{min-width:70px;padding:5px 10px;font-size:11px}.projects{gap:18px}.projectCard{gap:12px;padding:12px}.image,.image img{max-height:150px}.content h3{font-size:18px}.content p{font-size:13px}.line{margin:4px 0 8px}.category{padding:2px 6px;font-size:9px}.projectLink{padding:4px 10px;font-size:11px}.noResults{padding:25px 10px;font-size:13px}}