.work{background-color:var(--bg-primary);padding:120px 24px}.work-container{max-width:1200px;margin:0 auto}.work-header{max-width:640px;margin-bottom:48px}.work-title{letter-spacing:-.03em;margin-bottom:12px;font-size:3rem}.work-intro{color:var(--text-secondary);font-size:1.05rem}.work-filters{flex-wrap:wrap;gap:12px;margin-bottom:64px;display:flex}.filter-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:1px solid #0000001f;border-radius:999px;padding:8px 18px;font-size:.9rem}.filter-btn.active{background-color:var(--blue-primary);color:#fff;border-color:#0000}.work-group{margin-bottom:96px}.work-group-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.work-group-header h3{font-size:1.6rem}.work-group-header p{max-width:520px;color:var(--text-secondary)}.mute-btn{background:var(--bg-soft);cursor:pointer;border:none;border-radius:999px;padding:8px 14px;font-size:.85rem}.work-row{scroll-snap-type:x mandatory;scroll-behavior:smooth;touch-action:pan-x;gap:24px;padding-bottom:16px;display:flex;overflow:auto hidden}.work-row::-webkit-scrollbar{display:none}.work-card{border-radius:var(--radius-lg);cursor:pointer;scroll-snap-align:start;touch-action:pan-x;background-color:#000;flex:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.work-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0006}.work-card iframe,.work-card video{object-fit:cover;pointer-events:none;border:none;width:100%;height:100%}.work-row.reels .work-card{aspect-ratio:9/16;width:calc(25% - 18px)}.work-row.videos .work-card{aspect-ratio:16/9;width:calc(33.3333% - 16px)}.work-modal{z-index:200;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.work-modal-content{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;width:90%;max-width:900px;position:relative;overflow:hidden}.work-modal iframe,.work-modal video{object-fit:contain;width:100%;height:100%}.modal-close{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:36px;height:36px;font-size:1.4rem;position:absolute;top:12px;right:12px}@media (max-width:1024px){.work-row.reels .work-card{width:calc(33.3333% - 16px)}.work-row.videos .work-card{width:calc(50% - 12px)}}@media (max-width:768px){.work-row.reels .work-card,.work-row.videos .work-card{width:80%}}@media (max-width:480px){.work-row.reels .work-card,.work-row.videos .work-card{width:88%}}