.work-filter-section{position:sticky;top:0;z-index:30;background-color:#fff;border-bottom:1px solid #e5e7eb;padding:24px 0;box-shadow:0 4px 6px -1px #0000000d}.work-filter-container{overflow-x:auto;padding:0 24px}.work-filter-list{display:flex;gap:8px;min-width:max-content}@media (min-width: 768px){.work-filter-list{justify-content:center}}.work-filter-btn{padding:8px 24px;border-radius:999px;font-size:14px;font-weight:700;transition:all .3s;cursor:pointer;border:none}.filter-btn-active{background-color:var(--cf-color-primary);color:#fff!important}.filter-btn-inactive{background-color:var(--cf-color-bg-surface);color:var(--cf-color-secondary)}.filter-btn-inactive:hover{background-color:#e5e7eb}.work-card-wrapper{display:block;text-decoration:none;color:inherit}.work-card{background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 4px 20px #0000000a;border:1px solid white;transition:all .5s}.work-card:hover{box-shadow:0 20px 50px #0000001f}.work-card-img-wrap{height:300px;position:relative;overflow:hidden}@media (min-width: 768px){.work-card-img-wrap{height:400px}}.work-card-img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.work-card:hover .work-card-img{transform:scale(1.05)}.work-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000;transition:background-color .5s}.work-card:hover .work-card-overlay{background-color:#0000001a}.work-view-badge{position:absolute;top:24px;right:24px;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 16px;border-radius:999px;font-size:12px;font-weight:700;color:var(--cf-color-primary);box-shadow:0 2px 4px #0000000d}.work-card-content{padding:32px}@media (min-width: 768px){.work-card-content{padding:40px}}.work-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.work-card-tag-navy{padding:4px 12px;border-radius:999px;border:1px solid #e5e7eb;font-size:12px;font-weight:700;background-color:#fff;color:var(--cf-color-brand-navy)}.work-card-tag-gray{padding:4px 12px;border-radius:999px;border:1px solid #e5e7eb;font-size:12px;font-weight:700;background-color:#fff;color:var(--cf-color-secondary)}.work-card-title{font-size:24px;font-weight:700;color:var(--cf-color-primary);margin-bottom:16px;transition:color .3s}@media (min-width: 768px){.work-card-title{font-size:30px}}.work-card:hover .work-card-title{color:var(--cf-color-brand-navy)}.work-card-desc{color:var(--cf-color-secondary);line-height:1.8;margin-bottom:24px;font-size:16px}.work-card-link{display:flex;align-items:center;font-size:14px;font-weight:700;color:var(--cf-color-primary)}.work-card:hover .work-card-link{text-decoration:underline;text-decoration-color:var(--cf-color-brand-orange);text-underline-offset:4px}.work-card-arrow{margin-left:8px;color:var(--cf-color-brand-orange)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/main-page-work.css.map */