.filter-list{display:none}.filter-select-box{margin-bottom:25px;position:relative}.filter-select{background:var(--glass-bg-strong);color:var(--light-gray);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);width:100%;font-size:var(--fs-6);font-weight:var(--fw-300);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.filter-select.active .select-icon{transform:rotate(.5turn)}.select-list{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);width:100%;box-shadow:var(--shadow-2), var(--glass-highlight);z-index:2;opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;padding:6px;transition:all .15s ease-in-out;position:absolute;top:calc(100% + 6px)}.filter-select.active+.select-list{opacity:1;visibility:visible;pointer-events:all}.select-item button{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);text-transform:capitalize;width:100%;transition:background var(--transition-1);background:0 0;border-radius:8px;padding:8px 10px}.select-item button:hover{background:#ffffff0f}.project-list{grid-template-columns:1fr;gap:30px;margin-bottom:10px;display:grid}.project-item{display:none}.project-item.active{animation:.25s forwards scaleUp;display:block}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}.project-card{width:100%;transition:border-color var(--transition-1), box-shadow var(--transition-1);border:1px solid #ffdb7073;border-radius:20px;padding:10px}.project-card:hover{border-color:var(--orange-yellow-crayola);box-shadow:0 0 20px #ffdb7024}.project-img{border-radius:16px;width:100%;height:200px;margin-bottom:15px;position:relative;overflow:hidden}.project-img:before{content:"";z-index:1;width:100%;height:100%;transition:var(--transition-1);pointer-events:none;background:0 0;position:absolute;inset:0}.project-img:hover:before{background:#00000080}.project-img-link{width:100%;height:100%;display:block}.project-img-placeholder{background:linear-gradient(135deg, #ffdb701a, transparent 55%), var(--glass-bg-strong);color:var(--light-gray-70);font-size:var(--fs-7);font-weight:var(--fw-400);letter-spacing:.2px;place-items:center;display:grid}.project-live-link{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-item-icon-box{--scale:.8;background:var(--jet);color:var(--orange-yellow-crayola);transform:scale(var(--scale));opacity:0;transition:var(--transition-1);border-radius:12px;padding:18px;font-size:20px}.project-img:hover .project-item-icon-box{--scale:1;opacity:1}.project-live-link:hover .project-item-icon-box{background:var(--orange-yellow-crayola);color:var(--smoky-black)}.project-img img{object-fit:cover;width:100%;height:100%;transition:var(--transition-1)}.project-img:hover img{transform:scale(1.1)}.project-title-row{align-items:flex-start;gap:8px;margin-left:10px;display:flex}.project-info-link{flex:1;order:1;min-width:0;display:block}.project-title,.project-category{margin-left:0}.project-title{color:var(--white-2);font-size:var(--fs-5);font-weight:var(--fw-400);text-transform:capitalize;transition:var(--transition-1);line-height:1.3}.project-info-link:hover .project-title{color:var(--orange-yellow-crayola)}.project-category{color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}.project-tech{flex-wrap:wrap;gap:8px;margin:12px 0 0 10px;display:flex}.project-tech-tag{background:var(--glass-bg-strong);color:var(--light-gray);-webkit-backdrop-filter:var(--glass-blur);font-size:var(--fs-8);font-weight:var(--fw-300);border:1px solid var(--glass-border);border-radius:999px;padding:5px 12px}.project-github-link{color:var(--light-gray-70);font-size:var(--fs-8);font-weight:var(--fw-400);transition:color var(--transition-1);flex:none;order:2;align-items:center;gap:5px;margin-left:auto;line-height:1.7;display:inline-flex}.project-github-link ion-icon{font-size:17px}.project-github-link:hover,.project-github-link:focus-visible{color:var(--orange-yellow-crayola)}@media (max-width:579px){.filter-select-box{margin-bottom:20px}.filter-select{border-radius:16px;min-height:48px}.project-list{gap:24px}.project-card{padding:8px}.project-img{border-radius:18px;margin-bottom:12px}.project-title-row,.project-tech{margin-left:4px}}@media (min-width:450px){.project-img{aspect-ratio:5/4;height:auto}}@media (min-width:580px){.project-img{border-radius:16px}}@media (min-width:768px){.filter-select-box{display:none}.filter-list{justify-content:flex-start;align-items:center;gap:25px;margin-top:10px;margin-bottom:30px;padding-left:5px;display:flex}.filter-item button{color:var(--light-gray);font-size:var(--fs-5);font-weight:var(--fw-500);transition:color var(--transition-1);background:0 0;padding-bottom:6px;position:relative}.filter-item button:hover{color:var(--light-gray-70)}.filter-item button.active{color:var(--orange-yellow-crayola);text-shadow:0 0 12px #ffdb7059}.filter-item button:after{content:"";background:var(--text-gradient-yellow);width:0;height:2px;transition:width var(--transition-1);border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.filter-item button:hover:after{width:40%}.filter-item button.active:after{width:70%}.project-list{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.project-list{grid-template-columns:repeat(3,1fr)}}