.work-page-wrapper{background-color:#fff;width:100%;min-height:100vh;padding-bottom:6rem;overflow:hidden}@keyframes rotate-skew{0%{opacity:.8;transform:scale(1)rotate(0)skew(5deg)}50%{opacity:.9;transform:scale(1.05)rotate(5deg)skew(-5deg)}to{opacity:.8;transform:scale(1)rotate(0)skew(5deg)}}@keyframes pulse-move{0%{opacity:.7;transform:scale(.9)translate(0)}50%{opacity:.85;transform:scale(1.1)translate(20px)}to{opacity:.7;transform:scale(.9)translate(0)}}.work-hero:before,.work-hero:after{content:"";filter:blur(80px);z-index:0;border-radius:60%;transition:all .5s;position:absolute}.work-hero:before{background-color:#d1d8ef;width:500px;height:500px;animation:60s ease-in-out infinite alternate rotate-skew;top:-100px;left:-100px}.work-hero:after{background-color:#c9e0f5;width:400px;height:400px;animation:45s linear infinite alternate-reverse pulse-move;bottom:-50px;right:-50px}@media (max-width:1024px){.work-hero:after,.work-hero:before{width:300px;height:300px}}.work-hero{text-align:center;background-color:#fff;width:100%;padding:10rem 1.5rem 6rem;position:relative}@media (max-width:1024px){.work-hero{padding:7rem 1.5rem 4rem}}@media (max-width:767px){.work-hero{padding:6rem 1.5rem 4rem}}.work-hero-inner{z-index:1;max-width:740px;margin:0 auto;position:relative}.work-hero>*{z-index:1;position:relative}.eyebrow{font-family:var(--font-inter);text-transform:uppercase;letter-spacing:.08em;color:#0175e4;margin-bottom:1rem;font-size:.8rem;font-weight:700}.work-title{font-family:var(--font-sora);color:#111;margin-bottom:1rem;font-size:3rem;font-weight:600;line-height:1.25}.work-title .italic{font-family:var(--font-lora);font-style:italic}.work-sub{font-family:var(--font-inter);color:#4b5563;font-size:1.05rem;line-height:1.65}.button-30{appearance:none;box-sizing:border-box;color:#36395a;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;background-color:#fcfcfd;border-width:0;border-radius:4px;justify-content:center;align-items:center;height:48px;margin-top:2rem;padding-left:24px;padding-right:24px;font-family:JetBrains Mono,monospace;font-size:18px;line-height:1;text-decoration:none;list-style:none;transition:box-shadow .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px #d6d6e7}.button-30:focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px #d6d6e7}.button-30:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px #d6d6e7}.button-30:active{transform:translateY(2px);box-shadow:inset 0 3px 7px #d6d6e7}@media (max-width:767px){.button-30{height:40px;padding-left:20px;padding-right:20px;font-size:.775rem}}.work-controls{max-width:1280px;margin:0 auto;padding:2.5rem 1.5rem 1rem}.category-switch{gap:.75rem;margin-bottom:1.5rem;display:flex}.cat-btn{cursor:pointer;font-family:var(--font-inter);color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:.55rem 1.1rem;font-size:.95rem;font-weight:500;transition:all .35s}.cat-btn:hover{background:#e5e7eb}.cat-btn.active{cursor:auto;color:#fff;background:#111827;border-color:#111}.search-clear{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.work-search{color:#111827;font-family:var(--font-inter);background:#fff;border:1px solid #d1d5db;border-radius:10px;flex:1;padding:.7rem 1rem;font-size:.95rem;transition:border .25s}.work-search:focus{border-color:#111827;outline:none}.clear-btn{font-family:var(--font-inter);color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:.55rem 1rem;font-size:.85rem;transition:background .2s}.clear-btn:hover{background:#e5e7eb}.tag-filters{margin-bottom:1.5rem}.tag-list{flex-wrap:wrap;gap:.65rem;display:flex}.tag{font-family:var(--font-inter);white-space:nowrap;cursor:pointer;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50px;padding:.4rem .9rem;font-size:.85rem;transition:all .25s}.tag:hover{background:#e5e7eb}.tag.active{color:#fff;cursor:auto;background:#111827;border-color:#111827}@media (max-width:767px){.cat-btn,.work-search,.clear-btn{border-radius:6px;padding:.5rem .8rem;font-size:.75rem}.search-clear{gap:.4rem}.category-switch,.search-clear{margin-bottom:.875rem}}.projects-grid-section{max-width:1280px;margin:0 auto;padding:1rem 0 3rem}.grid-meta{margin-bottom:1rem}.results{font-family:var(--font-inter);color:#6b7280;margin-bottom:1.4rem;font-size:.9rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.8rem;display:grid}.project-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;height:100%;transition:box-shadow .3s;display:flex;overflow:hidden}.project-card:hover{box-shadow:0 10px 30px #00000014}.thumb-wrap{aspect-ratio:16/9;background:#e5e7eb;border-radius:14px;width:100%;position:relative;overflow:hidden}.thumb-inner{width:100%;height:100%;position:relative}.card-thumb{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94),filter .5s}.project-card:hover .card-thumb{filter:brightness(.9)blur(1px);transform:scale(1.02)}.hover-arrow{opacity:0;pointer-events:none;z-index:5;will-change:transform;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:opacity .45s,transform .45s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 6px 18px #00000029}.hover-arrow-icon{color:#000;transition:transform .45s;transform:rotate(0)}.project-card:hover .hover-arrow{opacity:1;transform:translate(-50%,-50%)}.thumb-wrap:hover .hover-arrow-icon{transform:rotate(-45deg)}.thumb-wrap:hover .hover-arrow{transform:translate(-50%,-50%)scale(1.1)}.card-body{flex-direction:column;flex:auto;padding:1.1rem 1.2rem 1.4rem;display:flex}.card-meta{margin-bottom:.6rem}.card-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag-pill{font-size:.75rem;font-family:var(--font-inter);color:#4b5563;background:#f3f4f6;border-radius:6px;padding:.3rem .65rem;display:inline-block}.card-tags-wrapper{align-items:center;margin-bottom:.6rem;display:flex;position:relative}.card-tags-scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex-wrap:nowrap;gap:.4rem;padding:0 1.8rem;display:flex;overflow-x:auto}.card-tags-scroll::-webkit-scrollbar{display:none}.tag-filters{grid-template-columns:40px 1fr 40px;align-items:center;width:100%;margin:1.2rem 0;display:grid}.tag-arrow{color:#4b5563;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.tag-arrow.right{margin-left:auto}.tag-arrow:hover{background:#e5e7eb}.tag-scroll{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:.5rem;display:flex;overflow-x:auto}.tag-scroll::-webkit-scrollbar{display:none}.tag-filters{position:relative}.tag-fade-left{pointer-events:none;z-index:5;background:linear-gradient(90deg,#fafafa 60%,#0000);width:40px;height:100%;position:absolute;top:0;left:40px}.tag-fade-right{pointer-events:none;z-index:5;background:linear-gradient(270deg,#fafafa 60%,#0000);width:40px;height:100%;position:absolute;top:0;right:40px}@media (max-width:767px){.tag-arrow{width:28px;height:28px}.tag-scroll{gap:.3rem}.tag-pill{padding:.2rem .5rem;font-size:.7rem}.results{font-size:.7rem}}.card-title{font-family:var(--font-sora);color:#111;margin-bottom:.4rem;font-size:1.15rem;font-weight:600}.card-desc{font-family:var(--font-inter);color:#4b5563;margin-bottom:1rem;font-size:.92rem;line-height:1.55}.card-cta{font-size:1rem;font-family:var(--font-inter);color:#111827;font-weight:500;display:inline-block}.cta-wrapper{flex-direction:row;justify-content:start;align-items:center;gap:.3rem;margin-top:auto;transition:gap .5s ease-in-out;display:flex}.cta-arrow{opacity:.5;margin-top:2px;font-size:.9rem;transition:all .4s;display:inline-block;transform:translate(0)}.project-card:hover .cta-arrow{opacity:1;transform:translate(4px)}@media (max-width:767px){.card-desc{font-size:1rem}.card-cta{font-size:.875rem}}.empty-state{text-align:center;padding:3rem 1rem}.empty-state p{font-family:var(--font-inter);color:#6b7280;margin-bottom:1rem;font-size:1rem}@media (max-width:768px){.work-title{font-size:2.1rem}.projects-grid{grid-template-columns:1fr}}