:root{--bg-color:#000000;--bg-dark:#000000;--bg-card:#1b1b1b;--text-color-rgb:255,255,255;--text-color:#ffffff;--accent-teal-rgb:0,255,213;--accent-teal:#00ffd5;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--accent-orange:#FFB800;--black-rgb:0,0,0}[data-theme=light]{--bg-color:#FFF8F0;--bg-dark:#FFF8F0;--bg-card:#ffffff;--text-color-rgb:22,22,22;--text-color:#161616;--accent-teal-rgb:0,168,139;--accent-teal:#00a88b;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--black-rgb:255,248,240;--black:#ffffff}.work-grid{padding:120px 20px;background:var(--bg-color)}.work-grid__container{max-width:1440px;margin:0 auto}.work-grid__header{text-align:center;margin-bottom:60px}.work-grid__title{font-size:48px;font-weight:800;margin-bottom:24px;color:var(--text-color)}@media(max-width:576px){.work-grid__title{font-size:32px}}.work-grid__subtitle{font-size:18px;line-height:1.6;color:rgba(var(--text-color-rgb),.7);max-width:600px;margin:0 auto}.work-grid__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:80px}@media(max-width:768px){.work-grid__filters{margin-bottom:24px;gap:6px}}.work-grid__filter-btn{background:rgba(0,0,0,0);border:1px solid rgba(var(--text-color-rgb),.2);color:var(--text-color);padding:10px 24px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}@media(max-width:768px){.work-grid__filter-btn{font-size:12px;padding:8px 16px}}[data-theme=light] .work-grid__filter-btn{border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.work-grid__filter-btn:hover{border-color:var(--accent-pink);color:var(--accent-pink)}.work-grid__filter-btn--active{background:#fff;color:#000;border-color:#fff}[data-theme=light] .work-grid__filter-btn--active{background:#000;color:#fff;border-color:#000}.work-grid__empty{text-align:center;padding:100px 0}.work-grid__empty h3{font-size:24px;color:var(--text-color);margin-bottom:12px}.work-grid__empty p{color:rgba(var(--text-color-rgb),.6)}.work-grid__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:80px}@media(max-width:1200px){.work-grid__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.work-grid__grid{grid-template-columns:1fr;gap:24px}}.work-grid__card{background:rgba(var(--text-color-rgb),.05);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(var(--text-color-rgb),.1);border-radius:32px;padding:32px;transition:transform .6s cubic-bezier(.19,1,.22,1),box-shadow .6s cubic-bezier(.19,1,.22,1),border-color .4s;cursor:pointer;position:relative;overflow:hidden;opacity:1!important}.work-grid__card,.work-grid__card-link{display:flex;flex-direction:column;justify-content:space-between;gap:24px}.work-grid__card-link{height:100%;text-decoration:none;color:inherit}[data-theme=light] .work-grid__card{background:#fff;border-color:rgba(0,0,0,.04);box-shadow:0 10px 40px rgba(0,0,0,.03)}@media(max-width:576px){.work-grid__card{padding:32px 24px;border-radius:24px}}.work-grid__card:before{content:"";position:absolute;inset:0;background:var(--card-glow,radial-gradient(circle at bottom left,rgba(var(--accent-orange),.3) 0,transparent 70%));opacity:0;transition:opacity .6s cubic-bezier(.19,1,.22,1);z-index:1}.work-grid__card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .6s}.work-grid__card:hover{transform:translateY(-16px) scale(1.02);border-color:hsla(0,0%,100%,.3);box-shadow:0 30px 60px rgba(0,0,0,.4)}[data-theme=light] .work-grid__card:hover{box-shadow:0 30px 60px rgba(0,0,0,.1);border-color:var(--card-glow-color,var(--accent-orange))}.work-grid__card:hover:after,.work-grid__card:hover:before{opacity:1}.work-grid__card:hover .work-grid__card-image-wrap{transform:translateY(-10px)}.work-grid__card:hover .work-grid__card-image-wrap img{transform:scale(1.1) rotate(-1deg);filter:drop-shadow(0 30px 50px rgba(0,0,0,.5))}.work-grid__card:hover .work-grid__card-title svg{transform:translateX(10px) rotate(-10deg)}.work-grid__card-content{display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}.work-grid__card-category{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--accent-pink);opacity:.8;margin-bottom:-8px}.work-grid__card-title{font-size:28px;font-weight:800;color:var(--text-color);display:flex;align-items:center;justify-content:space-between;gap:12px}.work-grid__card-title svg{color:var(--accent-pink);transition:transform .5s cubic-bezier(.19,1,.22,1)}@media(max-width:576px){.work-grid__card-title{font-size:24px}}.work-grid__card-desc{font-size:16px;line-height:1.6;color:rgba(var(--text-color-rgb),.7);max-width:420px}.work-grid__card-image-wrap{margin-top:20px;width:100%;aspect-ratio:16/10;border-radius:20px;overflow:visible;position:relative;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .6s cubic-bezier(.19,1,.22,1)}.work-grid__card-image-wrap img{width:100%;height:242px;object-fit:cover;padding:10px;transition:transform .8s cubic-bezier(.19,1,.22,1),filter .8s;filter:drop-shadow(0 15px 30px rgba(0,0,0,.3))}.work-grid__footer{text-align:center}.work-grid__more-btn{background:rgba(0,0,0,0);border:1px solid rgba(var(--text-color-rgb),.2);color:var(--text-color);padding:14px 40px;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}[data-theme=light] .work-grid__more-btn{border-color:rgba(0,0,0,.1)}.work-grid__more-btn:hover{background:var(--text-color);color:var(--bg-color)}