.work-hero{padding:6rem 0 3rem;text-align:center}.hero-content{max-width:800px;margin:0 auto}.page-title{font-size:clamp(3rem,8vw,5rem);font-weight:800;letter-spacing:-2px;margin-bottom:1rem;animation:fadeInUp .8s ease-out}.page-subtitle{font-size:1.25rem;color:#fff9;line-height:1.8;animation:fadeInUp .8s ease-out .2s both}.projects-section{padding:3rem 0 5rem;border-top:1px solid rgba(255,255,255,.08);margin-top:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2rem}.project-card{background:#0b0b0b;border:1px solid rgba(255,255,255,.08);transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out forwards;cursor:pointer}.project-card:nth-child(1){animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}.project-card:hover{border-color:#ffffff4d;transform:translateY(-8px);background:#ffffff0a}.project-image{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#ffffff0d}.project-image img,.project-image video{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image img,.project-card:hover .project-image video{transform:scale(1.1)}.project-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.9) 100%);opacity:0;transition:opacity .4s ease;display:flex;align-items:flex-end;padding:1.5rem}.project-card:hover .project-overlay{opacity:1}.overlay-content{width:100%}.overlay-content h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#fff}.overlay-content p{font-size:.95rem;color:#fffc;line-height:1.6;margin-bottom:1rem}.project-tools{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.tool-badge{padding:.4rem .8rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-size:.75rem;font-weight:600;letter-spacing:.5px}.project-link{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;transition:gap .3s ease}.project-link:hover{gap:.75rem}.project-link svg{transition:transform .3s ease}.project-link:hover svg{transform:translate(4px)}.project-info{padding:1.25rem 1.5rem 1.5rem;opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.16,1,.3,1)}.project-header{margin-bottom:1rem}.project-meta{display:flex;gap:1rem;margin-bottom:1rem}.project-category{font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff80}.project-year{font-size:.75rem;font-weight:600;color:#fff6}.project-title{font-size:1.4rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.5px;color:#fff}.project-client{font-size:.95rem;line-height:1.6;color:#fff9}.empty-state{display:none;text-align:center;padding:6rem 2rem}.empty-state.show{display:block}.empty-icon{width:64px;height:64px;margin:0 auto 2rem;color:#fff3}.empty-state h3{font-size:2rem;font-weight:700;margin-bottom:.75rem;color:#fffc}.empty-state p{font-size:1rem;color:#ffffff80}.work-cta{padding:6rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.work-cta .cta-content{max-width:600px;margin:0 auto}.work-cta h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem;letter-spacing:-1px}.work-cta p{font-size:1.1rem;color:#fff9;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .4s cubic-bezier(.16,1,.3,1)}.btn:hover:before{left:100%}.btn-primary{background:#fff;color:#000;border-color:#fff}.btn-primary:hover{background:transparent;color:#fff;transform:translateY(-2px)}.btn svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.btn:hover svg{transform:translate(5px)}.modal{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-backdrop{position:absolute;inset:0;background:#000000f2;backdrop-filter:blur(10px)}.modal-container{position:relative;max-width:1400px;width:90%;max-height:90vh;overflow-y:auto;z-index:10001}.modal-content{background:#0a0a0a;border:1px solid rgba(255,255,255,.1);position:relative}.modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.modal-close:hover{background:#fff;color:#000}.modal-main{display:flex}.modal-media-section{width:60%;background:#000}.modal-media-container{width:100%;min-height:500px;display:flex;align-items:center;justify-content:center;background:#000}.modal-media-container img,.modal-media-container video{width:100%;height:auto;max-height:600px;object-fit:contain}.modal-gallery{display:none;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.modal-gallery.show{display:grid}.modal-gallery-item{aspect-ratio:16/10;background:#000;border:1px solid rgba(255,255,255,.1);cursor:pointer;overflow:hidden;transition:all .3s ease}.modal-gallery-item:hover{border-color:#fff6}.modal-gallery-item.active{border-color:#fff;border-width:2px}.modal-gallery-item img,.modal-gallery-item video{width:100%;height:100%;object-fit:cover}.modal-info-section{width:40%;padding:3rem;display:flex;flex-direction:column;justify-content:center}.modal-category{display:inline-block;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fff9;margin-bottom:2rem;align-self:flex-start}.modal-title{font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:1.5rem;line-height:1.2}.modal-description{font-size:1rem;color:#ffffffb3;line-height:1.8;margin-bottom:3rem}.modal-details{display:flex;flex-direction:column;gap:2rem}.modal-detail{display:flex;flex-direction:column;gap:.5rem}.modal-detail-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fff6}.modal-detail-value{font-size:1.1rem;font-weight:600;color:#fff}.modal-tech-tags{display:flex;gap:.5rem;flex-wrap:wrap}.modal-tech-tag{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:.85rem;font-weight:500;color:#fffc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2.5rem}.modal-main{flex-direction:column}.modal-media-section,.modal-info-section{width:100%}.modal-info-section{padding:2rem}}@media(max-width:768px){.work-hero{padding:6rem 0 3rem}.projects-grid{grid-template-columns:1fr;gap:2rem}.project-info{padding:1.5rem}.work-cta{padding:4rem 0}.modal-title{font-size:2rem}.modal-gallery{grid-template-columns:repeat(3,1fr)}}