.projectShowcase{padding:60px 0;background-color:#f9f9f9}.sectionHeader{text-align:center;margin-bottom:40px}.sectionHeader h2{font-size:36px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.sectionHeader h3{font-size:18px;color:#888}.categoryFilter{display:grid;grid-template-columns:repeat(7,1fr);gap:15px;padding:20px;max-width:1400px;margin:0 auto 30px}@media (min-width:1025px){.categoryFilter{grid-template-columns:repeat(7,1fr)}.categoryFilter .btn{width:100%;height:60px;font-size:13px}}@media (min-width:769px) and (max-width:1024px){.categoryFilter{grid-template-columns:repeat(4,1fr)}.categoryFilter .btn:first-child{grid-column:span 4}.categoryFilter .btn{width:100%;height:50px;font-size:12px}}@media (max-width:768px){.categoryFilter{grid-template-columns:1fr;gap:10px;padding:10px}.categoryFilter .btn{width:100%;height:45px;font-size:11px}}.btn{width:100%;margin:0;padding:0 10px;transition:all .3s ease;border-radius:4px;position:relative}.btn,.btn strong{text-align:center}.btn strong{font-size:13px;letter-spacing:1px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;padding:5px}.active{color:#371102}.active:after{background-color:red}@keyframes gradientChase{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.projectsGrid{margin-top:20px}.card.project-card{margin-bottom:20px;position:relative;border-radius:6px;overflow:hidden;background:white;box-shadow:0 6px 15px rgba(0,0,0,.05);background-image:linear-gradient(white,white),linear-gradient(90deg,#fbd097,#72cceb,#508de2,#4d8fce);background-origin:border-box;background-clip:padding-box,border-box;background-size:100%,200%;border:1px solid transparent;transition:all .3s ease;animation:borderGradient 6s linear infinite}.cardImageWrapper{position:relative;width:100%;height:300px;overflow:hidden}.cardImageWrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.projectContent{position:relative;background-color:#ebecee;z-index:1}.project__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:transparent;background:linear-gradient(90deg,#cb7e01,#0a6994,#024867,#08365e);background-size:200%;-webkit-background-clip:text;background-clip:text}.btn{display:flex;justify-content:center;align-items:center;width:13rem;height:4rem;background-size:300% 300%;cursor:pointer;border-radius:.2rem;animation:gradient_301 5s ease infinite;border:4px double rgb(4,93,132);background-image:linear-gradient(#fefefe,#fefefe),linear-gradient(137.48deg,#c6ebef 10%,#acdff6 90%);background-origin:border-box;background-clip:content-box,border-box}#container-stars,.btn{overflow:hidden;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);transition:.5s}#container-stars{position:absolute;z-index:-1;width:100%;height:100%;border-radius:.4rem}strong{z-index:2;font-size:14px;letter-spacing:5px;text-shadow:0 0 4px rgba(0,0,0,.3);font-weight:700}#glow{position:absolute;display:flex;width:12rem}.circle{width:100%;height:30px;filter:blur(2rem);animation:pulse_3011 4s infinite;z-index:-1}.circle:first-of-type{background:rgba(238,192,136,.6)}.circle:nth-of-type(2){background:rgba(26,172,175,.6)}.btn:hover #container-stars{z-index:1;background-color:#fefefe,#9deaf8}.btn:hover{transform:scale(1.1)}.btn:active{border:6px double #03303c;background-image:linear-gradient(#fefefe,#fefefe),linear-gradient(137.48deg,#f7b462 10%,#1ab0f5 90%);background-origin:border-box;background-clip:content-box,border-box;animation:none}.btn:active .circle{background:#fff6de}#stars{position:relative;background:transparent;width:200rem;height:200rem}#stars:after{top:-10rem;left:-100rem;width:100%;height:100%;animation:animStarRotate 240s linear infinite;background-image:radial-gradient(#b8ad91 2px,transparent 1%)}#stars:after,#stars:before{content:"";position:absolute;background-size:50px 50px}#stars:before{top:0;left:-50%;width:170%;height:500%;animation:animStar 60s linear infinite;background-image:radial-gradient(#ffffff 1px,transparent 1%);opacity:.5}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-135rem)}}@keyframes animStarRotate{0%{transform:rotate(1turn)}to{transform:rotate(0)}}@keyframes gradient_301{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse_3011{0%{transform:scale(.75);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0,0,0,0)}to{transform:scale(.75);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.typeBtn{transition:all .4s cubic-bezier(.4,0,.2,1)!important}.typeBtn:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px rgba(199,163,85,.2)!important}.typeBtn:active{transform:translateY(1px)!important}.categoryBtn{transition:all .4s cubic-bezier(.4,0,.2,1)!important}.categoryBtn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 15px rgba(142,123,94,.15)!important}.categoryBtn:active{transform:translateY(1px)!important}.projectTag{transition:all .3s ease!important;animation:fadeIn .5s ease-out}.projectTag:hover{transform:translateY(-1px) scale(1.02)!important;box-shadow:0 4px 8px rgba(0,0,0,.2)!important}.shimmerEffect{position:absolute;bottom:0;left:-100%;width:200%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));animation:shimmer 2s linear infinite;transform:translateX(50%)}.gradient-border-btn{position:relative!important;z-index:1!important;background:linear-gradient(90deg,#fbd097,#72cceb,#508de2,#4d8fce)!important;background-size:200%!important;animation:borderGradient 5s linear infinite!important;display:inline-block!important;box-shadow:0 3px 8px rgba(0,0,0,.06)!important;transition:all .3s ease!important}.gradient-border-btn:hover{animation:borderGradient 3s linear infinite!important;box-shadow:0 5px 15px rgba(80,141,226,.2)!important;transform:translateY(-2px)!important}.gradient-border-btn.active{background:none!important;padding:0!important}.gradient-border-btn-content{background:white!important;border-radius:6px!important;padding:12px 28px!important;display:block!important;height:100%!important;width:100%!important}.gradient-border-category{position:relative!important;z-index:1!important;background:linear-gradient(90deg,#fbd097,#72cceb,#508de2,#4d8fce)!important;background-size:200%!important;animation:borderGradient 5s linear infinite!important;display:inline-block!important;box-shadow:0 2px 6px rgba(0,0,0,.05)!important;transition:all .3s ease!important}.gradient-border-category:hover{animation:borderGradient 3s linear infinite!important;box-shadow:0 4px 12px rgba(80,141,226,.15)!important;transform:translateY(-2px)!important}.gradient-border-category.active{background:none!important;padding:0!important}.gradient-border-category-content{background:white!important;border-radius:4px!important;padding:8px 20px!important;display:block!important;height:100%!important;width:100%!important}.type-btn-active{padding:12px 28px;border-radius:6px;background:linear-gradient(135deg,#c7a355,#e2c275);color:#fff;font-weight:600;box-shadow:0 4px 15px rgba(199,163,85,.25);transform:translateY(-2px);animation:softPulse 2s ease-in-out infinite}.type-btn-active,.type-btn-content{position:relative;overflow:hidden;cursor:pointer;letter-spacing:1px;border:none}.type-btn-content{color:#8e7b5e;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04)}.category-btn-active{padding:8px 20px;border-radius:4px;background:linear-gradient(135deg,#8e7b5e,#a69377);color:#fff;font-weight:500;box-shadow:0 4px 12px rgba(142,123,94,.2);transform:translateY(-2px);animation:softPulse 2s ease-in-out infinite}.category-btn-active,.category-btn-content{position:relative;overflow:hidden;cursor:pointer;letter-spacing:.5px;border:none}.category-btn-content{color:#8e7b5e;font-weight:400;box-shadow:0 2px 6px rgba(0,0,0,.03)}@keyframes softPulse{0%,to{box-shadow:0 4px 15px rgba(199,163,85,.25)}50%{box-shadow:0 4px 20px rgba(199,163,85,.4)}}.project-card{position:relative;border-radius:6px;overflow:hidden;background:white;box-shadow:0 6px 15px rgba(0,0,0,.05);background-image:linear-gradient(white,white),linear-gradient(90deg,#fbd097,#72cceb,#508de2,#4d8fce);background-origin:border-box;background-clip:padding-box,border-box;background-size:100%,200%;border:1px solid transparent;transition:all .3s ease;animation:borderGradient 6s linear infinite}.project-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.12);transform:translateY(-5px);animation:borderGradient 3s linear infinite}.gradient-border-btn,.gradient-border-category{position:relative!important;z-index:1!important;padding:2px!important;background:linear-gradient(90deg,#fbd097,#72cceb,#508de2,#4d8fce)!important;background-size:200%!important;animation:borderGradient 5s linear infinite!important;display:inline-block!important}.gradient-border-btn{padding:2px!important;border-radius:8px!important}.gradient-border-category{padding:2px!important;border-radius:6px!important}@keyframes borderGlowEffect{0%,to{box-shadow:0 0 5px rgba(251,208,151,.5)}25%{box-shadow:0 0 8px rgba(114,204,235,.5)}50%{box-shadow:0 0 10px rgba(80,141,226,.5)}75%{box-shadow:0 0 8px rgba(77,143,206,.5)}}.gradient-border-btn:hover,.gradient-border-category:hover{animation:borderGradient 3s linear infinite,borderGlowEffect 2s infinite!important}.card:hover .cardImageWrapper img{transform:scale(1.05)}.card-image-wrapper{border-radius:5px 5px 0 0}.tags-container{position:absolute;top:8px;left:8px;display:flex;gap:4px;flex-wrap:wrap;max-width:calc(100% - 16px);z-index:2}.tag-type-design{background:linear-gradient(135deg,#cba253,#e3c882)}.tag-type-construction,.tag-type-design{padding:3px 10px;border-radius:3px;font-size:9px;letter-spacing:.6px;font-weight:600;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 1px rgba(0,0,0,.1);transition:all .3s ease;animation:fadeIn .5s ease-out;display:inline-flex;align-items:center;justify-content:center;margin-right:4px}.tag-type-construction{background:linear-gradient(135deg,#957c62,#a8967f)}.tag-category{padding:3px 10px;border-radius:3px;font-size:9px;letter-spacing:.6px;font-weight:500;background:rgba(255,255,255,.92);color:#7a6a50;box-shadow:0 1px 4px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(232,213,183,.4);transition:all .3s ease;animation:fadeIn .5s ease-out;display:inline-flex;align-items:center;justify-content:center}.tag-icon,.tag-icon-category{font-size:8px;margin-right:3px}.tag-icon-category{color:#c7a355}.image-overlay{position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0));z-index:1}.view-all-btn-content{color:#8e7b5e;font-weight:600;letter-spacing:1.5px;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;cursor:pointer;text-decoration:none;padding:15px 40px;font-size:15px;display:inline-block;text-transform:uppercase;transition:all .3s ease}.view-all-btn-content:hover{color:#6b5c45;transform:translateY(-2px);box-shadow:0 5px 15px rgba(80,141,226,.15)}.view-all-shimmer{position:absolute;bottom:0;left:-100px;width:200px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s linear infinite;transform:skewX(-20deg)}