.works-module__bOkQvG__worksPage{padding-top:100px;padding-bottom:var(--spacing-xl);background-color:var(--color-surface);min-height:100vh;position:relative}.works-module__bOkQvG__watercolorBg{filter:blur(80px);z-index:1;pointer-events:none;background:radial-gradient(circle,#b8e9e34d 0%,#abe8e926 50%,#f8fafa00 100%);width:50%;height:60%;position:absolute;top:10%;left:-5%}.works-module__bOkQvG__headerSection{z-index:2;margin-bottom:var(--spacing-xl);position:relative}.works-module__bOkQvG__badge{color:var(--color-secondary);margin-bottom:var(--spacing-xs);display:inline-block}.works-module__bOkQvG__title{margin-bottom:var(--spacing-sm)}.works-module__bOkQvG__subtitle{max-width:700px;color:var(--color-on-surface-variant);margin-bottom:var(--spacing-lg)}.works-module__bOkQvG__tabsContainer{gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid #38666126;flex-wrap:wrap;display:flex}.works-module__bOkQvG__tabBtn{font-family:var(--font-body);color:var(--color-on-surface-variant);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:8px 18px;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.works-module__bOkQvG__tabBtn:hover{color:var(--color-primary);background-color:#38666114}.works-module__bOkQvG__activeTabBtn{color:var(--color-primary);background-color:var(--color-secondary-container);box-shadow:0 4px 10px #3866611a}.works-module__bOkQvG__gallerySection{z-index:2;position:relative}.works-module__bOkQvG__galleryGrid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));align-items:start;display:grid}@media (max-width:768px){.works-module__bOkQvG__galleryGrid{grid-template-columns:1fr}}.works-module__bOkQvG__projectCard{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;border:1px solid #38666114;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.6s cubic-bezier(.16,1,.3,1) forwards works-module__bOkQvG__fadeInUpCard;display:flex;overflow:hidden}.works-module__bOkQvG__projectCard:hover{box-shadow:var(--shadow-lg);border-color:#38666140;transform:translateY(-8px)}@keyframes works-module__bOkQvG__fadeInUpCard{to{opacity:1;transform:translateY(0)}}.works-module__bOkQvG__reelCard .works-module__bOkQvG__mediaWrapper{aspect-ratio:9/12}.works-module__bOkQvG__mediaWrapper{aspect-ratio:16/10;cursor:pointer;background-color:var(--color-surface-container);width:100%;position:relative;overflow:hidden}.works-module__bOkQvG__cardImage{object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.works-module__bOkQvG__projectCard:hover .works-module__bOkQvG__cardImage{transform:scale(1.05)}.works-module__bOkQvG__mediaOverlay{opacity:0;z-index:5;background-color:#0c525466;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.works-module__bOkQvG__mediaWrapper:hover .works-module__bOkQvG__mediaOverlay{opacity:1}.works-module__bOkQvG__playIcon,.works-module__bOkQvG__reelIcon,.works-module__bOkQvG__zoomIcon{color:var(--color-on-primary);background-color:var(--color-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;display:flex;box-shadow:0 8px 24px #0003}.works-module__bOkQvG__mediaWrapper:hover .works-module__bOkQvG__playIcon,.works-module__bOkQvG__mediaWrapper:hover .works-module__bOkQvG__reelIcon,.works-module__bOkQvG__mediaWrapper:hover .works-module__bOkQvG__zoomIcon{transform:scale(1.1)}.works-module__bOkQvG__cardBadge{color:var(--color-primary);background-color:var(--color-surface);border-radius:var(--radius-full);z-index:10;padding:4px 12px;font-size:.65rem;position:absolute;top:16px;left:16px;box-shadow:0 2px 10px #0000000d}.works-module__bOkQvG__cardBadge.works-module__bOkQvG__youtube{color:var(--color-error);background-color:var(--color-error-container)}.works-module__bOkQvG__cardBadge.works-module__bOkQvG__reels{color:var(--color-secondary-container);background-color:var(--color-primary)}.works-module__bOkQvG__cardBadge.works-module__bOkQvG__graphic{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.works-module__bOkQvG__cardBadge.works-module__bOkQvG__web-dev{color:var(--color-primary);background-color:var(--color-primary-fixed)}.works-module__bOkQvG__cardMeta{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.works-module__bOkQvG__cardTitle{color:var(--color-primary);font-size:1.15rem;line-height:1.4}.works-module__bOkQvG__cardDesc{color:var(--color-on-surface-variant);font-size:.925rem;line-height:1.5}.works-module__bOkQvG__tagsContainer{padding-top:var(--spacing-xs);flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.works-module__bOkQvG__tag{color:var(--color-on-surface-variant);background-color:var(--color-surface-container);border-radius:var(--radius-full);padding:4px 10px;font-size:.65rem}.works-module__bOkQvG__modalOverlay{-webkit-backdrop-filter:blur(15px);z-index:2000;background-color:#191c1dd9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.works-module__bOkQvG__modalContent{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-md);border:1px solid #ffffff1a;width:100%;max-width:900px;animation:.4s cubic-bezier(.16,1,.3,1) works-module__bOkQvG__modalScaleUp;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006}@keyframes works-module__bOkQvG__modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.works-module__bOkQvG__videoPlayerWrapper{width:100%;padding-top:56.25%;position:relative}.works-module__bOkQvG__videoIframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.works-module__bOkQvG__modalCloseBtn{color:var(--color-on-primary);border-radius:var(--radius-full);cursor:pointer;z-index:10;background-color:#0009;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.works-module__bOkQvG__modalCloseBtn:hover{background-color:var(--color-primary);color:var(--color-on-primary);transform:rotate(90deg)}.works-module__bOkQvG__lightboxContent{justify-content:center;align-items:center;max-width:90vw;max-height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) works-module__bOkQvG__modalScaleUp;display:flex;position:relative}.works-module__bOkQvG__lightboxImageWrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.works-module__bOkQvG__lightboxImage{border-radius:var(--radius-sm);border:1px solid #ffffff1a;box-shadow:0 10px 40px #00000080}.works-module__bOkQvG__projectLink{font-family:var(--font-body);color:var(--color-primary);align-self:flex-start;align-items:center;gap:4px;margin-top:8px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.works-module__bOkQvG__projectLink:hover{color:var(--color-secondary)}.works-module__bOkQvG__projectLink svg{transition:transform .3s}.works-module__bOkQvG__projectLink:hover svg{transform:translate(2px,-2px)}.works-module__bOkQvG__reelModalContent{border-radius:var(--radius-md);max-width:400px;box-shadow:none;background:0 0;border:none}.works-module__bOkQvG__reelPlayerWrapper{justify-content:center;align-items:center;width:100%;height:520px;display:flex}.works-module__bOkQvG__reelIframe{border-radius:var(--radius-md);background:#fff;border:none;width:100%;height:100%}