.ClientProjectGrid_filterBarContainer__u0DEp{position:sticky;top:0;z-index:10;padding:1.5rem}.ClientProjectGrid_dark__Q9OQu .ClientProjectGrid_filterBarContainer__u0DEp{background-color:#0f172a}.ClientProjectGrid_filterBar__Ei91r{display:flex;justify-content:center}.ClientProjectGrid_filterButtons__gu8vT{display:inline-flex;background-color:#f3f4f6;padding:.5rem 1rem;border-radius:9999px;box-shadow:0 2px 8px rgba(0,0,0,.05);gap:.5rem}.ClientProjectGrid_dark__Q9OQu .ClientProjectGrid_filterButtons__gu8vT{background-color:#1e293b}.ClientProjectGrid_filterButton__HEXGf{padding:.5rem 1rem;border-radius:9999px;font-weight:500;transition:background .3s,color .3s;background:white;color:#374151}.ClientProjectGrid_dark__Q9OQu .ClientProjectGrid_filterButton__HEXGf{background:#0f172a;color:white}.ClientProjectGrid_filterButton__HEXGf:hover{background-color:#dbeafe}.ClientProjectGrid_dark__Q9OQu .ClientProjectGrid_filterButton__HEXGf:hover{background-color:#334155}.ClientProjectGrid_filterButtonActive__jSd4Y{background-color:#2563eb;color:white}.ClientProjectGrid_projectGrid__lzJWD{display:grid;gap:2rem;margin-top:2.5rem;grid-template-columns:1fr}.ClientProjectGrid_projectCard__baNf0{position:relative;background-color:white;border-radius:1rem;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:box-shadow .3s ease;cursor:pointer;transition:all .3s ease-in-out}.ClientProjectGrid_projectCard__baNf0:hover{box-shadow:0 10px 25px rgba(0,0,0,.2);scale:1.02}.ClientProjectGrid_dark__Q9OQu .ClientProjectGrid_projectCard__baNf0{background-color:#1e293b}.ClientProjectGrid_imageWrapper__EpjNt{position:relative;height:500px;width:100%}.ClientProjectGrid_image__IIuBJ{width:100%;height:100%;object-fit:cover}.ClientProjectGrid_cardOverlay__zK0JM{position:absolute;inset:0;color:white;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;transition:all .3s ease-in-out;background-color:rgba(0,0,0,0);opacity:1;pointer-events:auto}.ClientProjectGrid_cardTitle__jKjK0{font-weight:700;background-color:rgba(0,0,0,.8);backdrop-filter:blur(14px);padding:.25rem .75rem;border-radius:.75rem;font-size:1rem}.ClientProjectGrid_cardDescription__jEszF{margin-top:1rem;font-size:.875rem;color:#d1d5db;display:none}.ClientProjectGrid_cardFooter__2pHfF{display:flex;justify-content:space-between;background-color:rgba(0,0,0,.8);backdrop-filter:blur(14px);padding:.5rem;border-radius:.5rem;align-items:center;font-size:.75rem;margin-top:1rem;flex-wrap:wrap;gap:.5rem}.ClientProjectGrid_cardLiveLink__Ivp81,.ClientProjectGrid_cardTool__0rpjs{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;backdrop-filter:blur(4px);background-color:rgb(232,250,188);position:relative}.ClientProjectGrid_cardLiveLink__Ivp81{background-color:#fad6d650;color:#93c5fd}.ClientProjectGrid_cardLiveLink__Ivp81:hover{background-color:#a6ff00;color:#000000}.ClientProjectGrid_toolList__9Ddzc{display:flex;flex-wrap:wrap;gap:.5rem}.ClientProjectGrid_toolLabel__SLi3y{display:none}@media (min-width:640px) and (max-width:1023px){.ClientProjectGrid_projectGrid__lzJWD{grid-template-columns:repeat(2,1fr)}.ClientProjectGrid_cardOverlay__zK0JM{background-color:rgba(0,0,0,0);opacity:1;pointer-events:auto}.ClientProjectGrid_cardDescription__jEszF{display:none}.ClientProjectGrid_toolList__9Ddzc.ClientProjectGrid_fewToolsTablet__2HcnF .ClientProjectGrid_toolLabel__SLi3y{display:inline}.ClientProjectGrid_toolList__9Ddzc.ClientProjectGrid_manyToolsTablet__DSuES .ClientProjectGrid_toolLabel__SLi3y{display:none}.ClientProjectGrid_cardFooter__2pHfF{display:flex;justify-content:space-between;background-color:rgba(0,0,0,.8);backdrop-filter:blur(14px);padding:.5rem;border-radius:.5rem;align-items:center;font-size:.75rem;margin-top:1rem;flex-wrap:wrap;gap:.5rem}.ClientProjectGrid_cardLiveLink__Ivp81,.ClientProjectGrid_cardTool__0rpjs{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;backdrop-filter:blur(4px);background-color:rgb(232,250,188)}.ClientProjectGrid_cardLiveLink__Ivp81{background-color:#fad6d650;color:#93c5fd}.ClientProjectGrid_cardLiveLink__Ivp81:hover{background-color:#a6ff00;color:#000000}}@media (min-width:1024px){.ClientProjectGrid_imageWrapper__EpjNt{position:relative;height:580px;width:100%}.ClientProjectGrid_projectGrid__lzJWD{grid-template-columns:repeat(3,1fr)}.ClientProjectGrid_cardOverlay__zK0JM{background-color:transparent;opacity:0;pointer-events:none}.ClientProjectGrid_cardOverlay__zK0JM.ClientProjectGrid_hovering__xUCXl{background-color:rgba(0,0,0,.8);opacity:1;pointer-events:auto}.ClientProjectGrid_cardDescription__jEszF{display:block;text-align:center}.ClientProjectGrid_cardTitle__jKjK0{background-color:transparent;backdrop-filter:blur(0);padding:.25rem .75rem;border-radius:.75rem;font-size:1rem}.ClientProjectGrid_toolList__9Ddzc.ClientProjectGrid_fewToolsDesktop__KJ_mB .ClientProjectGrid_toolLabel__SLi3y{display:inline}.ClientProjectGrid_toolList__9Ddzc.ClientProjectGrid_manyToolsDesktop__fyfPg .ClientProjectGrid_toolLabel__SLi3y{display:none}.ClientProjectGrid_cardFooter__2pHfF{padding:.5rem;border-radius:.5rem;align-items:center;font-size:.75rem;margin-top:1rem;flex-wrap:wrap;gap:.5rem}}.ClientProjectGrid_tooltip__hnxpf{position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background-color:lightgray;color:#000050!important;padding:6px 10px;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20}.ClientProjectGrid_tooltipArrow__y1DUg{position:absolute;top:100%;left:50%;margin-left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid lightgray}.ClientProjectGrid_cardTool__0rpjs:hover .ClientProjectGrid_tooltip__hnxpf{opacity:1}