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