.workHero{padding:12em 0 5em;position:relative;overflow:hidden}.workHero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#f5e65e1a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.workHeroContent{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.workHeroTitle{color:var(--white-color);margin-bottom:1rem}.workHeroTitle .highlight{color:var(--main-color);font-style:italic}.workHeroDescription{color:var(--text-color);max-width:700px;margin:0 auto;font-size:clamp(1.1em,2vw,1.3em);line-height:1.6}.workHeroStats{border-top:var(--border);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(2em,4vw,3em);width:100%;max-width:800px;margin-top:2em;padding-top:2em;display:grid}.statItem{flex-direction:column;align-items:center;gap:.5em;display:flex}.statNumber{color:var(--main-color);font-size:clamp(2em,4vw,2.5em);font-weight:700;line-height:1}.statLabel{color:var(--gray-color);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.875em,1.2vw,1em);font-weight:500}@media screen and not (min-width:768px){.workHeroStats{grid-template-columns:repeat(2,1fr);gap:2em}}@media screen and not (min-width:540px){.workHero{padding:10em 0 3em}.workHeroDescription{font-size:1em}}
.filterBar{z-index:10;background:var(--dark-color);padding:2em 0;position:sticky;top:80px}.filterBarWrapper{background:var(--secondary-color);border:var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:1.5em;padding:1.5em;display:flex}.filterLabel{color:var(--white-color);white-space:nowrap;font-size:1em;font-weight:600}.filterButtons{flex-wrap:wrap;flex:1;gap:.75em;display:flex}.filterButton{color:var(--text-color);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;align-items:center;gap:.5em;padding:.6em 1.2em;font-size:.9em;font-weight:500;transition:all .3s cubic-bezier(.7,0,.3,1);display:flex}.filterButton:hover{border-color:var(--main-color);color:var(--white-color);background:#f5e65e1a;transform:translateY(-2px)}.filterButton.active{background:var(--main-color);border-color:var(--main-color);color:var(--dark-color);font-weight:600}.filterButton.active .filterIcon{filter:none}.filterIcon{opacity:.6;justify-content:center;align-items:center;font-size:1.1em;line-height:1;transition:all .3s;display:flex}.filterButton:hover .filterIcon,.filterButton.active .filterIcon{opacity:1}.filterIcon svg{transition:transform .3s}.filterButton:hover .filterIcon svg{transform:scale(1.1)}.filterText{line-height:1}@media screen and not (min-width:1024px){.filterBar{top:70px}.filterBarWrapper{flex-direction:column;align-items:stretch;gap:1em}.filterLabel{text-align:center}.filterButtons{justify-content:center}}@media screen and not (min-width:768px){.filterBar{padding:1.5em 0}.filterBarWrapper{padding:1.2em}.filterButtons{gap:.6em}.filterButton{padding:.5em 1em;font-size:.85em}}@media screen and not (min-width:540px){.filterBar{position:relative;top:0}.filterButtons{flex-direction:column;gap:.8em}.filterButton{justify-content:center;padding:.8em 1.2em}}
.projectCard{background:var(--secondary-color);border:var(--border);cursor:pointer;color:inherit;transform-style:preserve-3d;perspective:1000px;will-change:transform;border-radius:20px;flex-direction:column;width:100%;text-decoration:none;display:flex;overflow:hidden}.projectCard:hover{border-color:#f5e65e4d;box-shadow:0 20px 60px #0006}.projectCardImage{aspect-ratio:16/10;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);width:100%;position:relative;overflow:hidden}.projectImage{object-fit:cover;width:100%;height:100%;transition:transform .3s}.projectCard:hover .projectImage{transform:scale(1.05)}.projectImagePlaceholder{background:linear-gradient(135deg,#f5e65e1a 0%,#f5e65e0d 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.projectImagePlaceholder:before{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 20px,#ffffff05 20px 40px);position:absolute;inset:0}.projectIcon{opacity:.3;color:var(--main-color);justify-content:center;align-items:center;font-size:4em;transition:all .3s;display:flex}.projectCard:hover .projectIcon{opacity:.6;transform:scale(1.1)}.projectIcon svg{filter:drop-shadow(0 0 20px #f5e65e4d)}.projectStatus,.projectFeatured{text-transform:uppercase;border-radius:5px;align-items:center;gap:.5em;padding:.2em .6em;font-size:.7em;font-weight:600;display:flex;position:absolute;top:1em}.projectStatus{color:var(--dark-color);background:#ffa500e6;right:1em}.projectFeatured{color:var(--dark-color);background:#f5e65ee6;left:1em}.projectFeatured svg{flex-shrink:0}.projectCardContent{flex-direction:column;flex:1;gap:1em;padding:clamp(1.5em,3vw,2em);display:flex}.projectCardHeader{justify-content:space-between;align-items:flex-start;gap:1em;display:flex}.projectCardTitle{color:var(--white-color);flex:1;margin:0;font-size:clamp(1.3em,2vw,1.5em);font-weight:600;line-height:1.3;transition:color .3s}.projectCard:hover .projectCardTitle{color:var(--main-color)}.projectYear{color:var(--gray-color);white-space:nowrap;font-size:.85em;font-weight:500}.projectCardDescription{color:var(--text-color);flex:1;margin:0;font-size:clamp(.95em,1.2vw,1em);line-height:1.6}.projectCardTags{flex-wrap:wrap;gap:.5em;display:flex}.projectTag{color:var(--text-color);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.4em .8em;font-size:.8em;font-weight:500;transition:all .3s}.projectCard:hover .projectTag{color:var(--main-color);background:#f5e65e1a;border-color:#f5e65e4d}.projectCardFooter{border-top:var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1em;display:flex}.projectCategory{color:var(--gray-color);font-size:.85em;font-weight:500}.projectLink{color:var(--main-color);font-size:.9em;font-weight:600;transition:transform .3s;display:inline-block}.projectCard:hover .projectLink{transform:translate(5px)}@media screen and not (min-width:768px){.projectCardContent{padding:1.5em}.projectCardHeader{flex-direction:column;gap:.5em}.projectYear{align-self:flex-start}}@media screen and not (min-width:540px){.projectCard{border-radius:16px}.projectCardContent{padding:1.2em}.projectCardTitle{font-size:1.2em}.projectCardFooter{flex-direction:column;align-items:flex-start;gap:.8em}}
.projectGrid{padding:3em 0 var(--section-padding);position:relative}.projectsCount{color:var(--gray-color);text-align:center;margin-bottom:2em;font-size:1em}.projectsCount strong{color:var(--main-color);font-weight:600}.projectGridWrapper{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:clamp(2em,4vw,3em);animation:.5s ease-out fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.noProjects{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1em;min-height:400px;padding:6em 2em;display:flex}.noProjectsIcon{opacity:.3;color:var(--gray-color);justify-content:center;align-items:center;font-size:5em;display:flex}.noProjects h3{color:var(--white-color);margin:0;font-size:clamp(1.5em,3vw,2em)}.noProjects p{color:var(--gray-color);margin:0;font-size:1.1em}@media screen and not (min-width:1024px){.projectGridWrapper{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2em}}@media screen and not (min-width:768px){.projectGrid{padding:2em 0 4em}.projectGridWrapper{grid-template-columns:1fr;gap:2em}}@media screen and not (min-width:540px){.projectGrid{padding:1.5em 0 3em}.projectsCount{margin-bottom:1.5em;font-size:.95em}.projectGridWrapper{gap:1.5em}}