.projects-section{background-color:var(--gray-50);color:var(--gray-900);padding:100px 0}.portfolio-header{text-align:center;margin-bottom:50px}.portfolio-title{color:var(--gray-900);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:15px;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.1}.portfolio-subtitle{color:var(--gray-800);opacity:.75;max-width:650px;margin:0 auto;font-size:1.15rem;line-height:1.6}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:50px;display:flex}.portfolio-filter-btn{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-800);cursor:pointer;background-color:#0000;border:2px solid #0000001a;border-radius:100px;padding:10px 24px;font-size:.9rem;font-weight:700;transition:all .3s}.portfolio-filter-btn:hover{border-color:var(--gray-900);color:var(--gray-900)}.portfolio-filter-btn.active{background-color:var(--yellow);color:var(--black);border-color:var(--yellow)}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.portfolio-card{background-color:var(--white);cursor:pointer;border-radius:12px;transition:transform .4s,box-shadow .4s;overflow:hidden;box-shadow:0 4px 15px #0000000a}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.portfolio-card__image-container{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.portfolio-card__image{object-fit:cover;transition:transform .6s,filter .4s}.portfolio-card:hover .portfolio-card__image{transform:scale(1.05)}.portfolio-card__overlay{color:#fff;pointer-events:none;background:linear-gradient(#0003 0%,#0000 40%,#0006 60%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:30px;display:flex;position:absolute;inset:0}.portfolio-card__content{z-index:2;margin-bottom:0;transition:transform .4s;position:relative;transform:translateY(10px)}.portfolio-card:hover .portfolio-card__content{transform:translateY(0)}.portfolio-card__category{text-transform:uppercase;letter-spacing:.15em;color:var(--yellow);background:#ffcb0526;border-radius:4px;margin-bottom:10px;padding:3px 10px;font-size:.75rem;font-weight:800;display:inline-block}.portfolio-card__title{color:#fff;margin:0;font-size:1.4rem;font-weight:800;line-height:1.2}.portfolio-card__count{-webkit-backdrop-filter:blur(8px);z-index:2;color:#fff;background:#00000080;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:20px;right:20px}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:640px){.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-title{font-size:2.2rem}.portfolio-card__content{transform:translateY(0)}}