.work-card{cursor:pointer;border-radius:10px;transition:all .3s cubic-bezier(.6,.6,0,1);position:relative}.work-card:after{content:"";pointer-events:none;z-index:-1;background:0 0;border:1px solid #0000;border-radius:10px;transition:all .35s cubic-bezier(.6,.6,0,1);position:absolute;inset:0}.work-card:hover:after{background:#333;border-color:#444;border-radius:14px;inset:-6px}.work-card-image{aspect-ratio:344/246;border-radius:8px;margin:14px 14px 0;position:relative;overflow:hidden}.work-card-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;z-index:1;background:#0000004d;border-radius:8px;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.6,.6,0,1);display:flex;position:absolute;inset:0}.work-card:hover .work-card-overlay{opacity:1}.work-card-view-btn{color:#ccc;font-size:14px;font-family:var(--font-geist-sans);background:#000;border:1px solid #1f1f1f;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:10px 14px;display:flex}.work-card-info{flex-direction:column;gap:4px;padding:20px 14px 14px;display:flex}.work-card-title{color:#fff;white-space:nowrap;font-size:20px;font-weight:500}.work-card-meta{color:#ccc;font-size:14px;font-family:var(--font-geist-sans);align-items:center;gap:0;display:flex}.work-card-dot{color:#ccc;margin:0 6px}
.work-page{max-width:1212px;margin:0 auto;padding:134px 24px 80px}.work-header{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.work-heading{color:#ccc;font-size:24px;font-weight:500}.work-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.work-grid{grid-template-columns:1fr}}