.modern-my-works{position:relative;padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--white-color) 0%,var(--accent-light) 50%,var(--gray-50) 100%);overflow:hidden}.works-header{text-align:center;margin-bottom:var(--spacing-xl);position:relative;z-index:2}.works-title{font-family:var(--font-family-secondary);font-size:var(--font-size-responsive-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);color:var(--dark-color)}.works-title-main{color:var(--dark-color)}.works-title-highlight{color:var(--secondary-color);position:relative}.works-title-highlight::after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--gradient-secondary);border-radius:1px}.works-subtitle{font-size:var(--font-size-responsive-md);color:var(--accent-dark-color);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}.works-toolbar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.works-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--white-color);color:var(--accent-dark-color);border:1px solid var(--accent-color);border-radius:var(--border-radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all 0.2s ease;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;min-height:38px;white-space:nowrap}.filter-btn:hover,.filter-btn.active{color:var(--white-color);background:var(--secondary-color);border-color:var(--secondary-color)}.filter-btn i{font-size:11px}.toolbar-divider{width:1px;height:24px;background:var(--accent-color);margin:0 var(--spacing-sm)}.works-view-all-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-secondary);color:var(--white-color);text-decoration:none;border-radius:var(--border-radius-pill);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:all 0.2s ease;text-transform:uppercase;letter-spacing:.5px;min-height:38px;white-space:nowrap}.works-view-all-btn:hover{background:var(--gradient-primary);color:var(--white-color);transform:translateY(-1px)}.works-view-all-btn i{font-size:11px;transition:transform 0.2s ease}.works-view-all-btn:hover i{transform:translateX(2px)}.works-gallery{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);position:relative;z-index:2}.works-gallery.cols-2{grid-template-columns:repeat(2,1fr)}.works-gallery.cols-3{grid-template-columns:repeat(3,1fr)}.works-gallery.cols-4{grid-template-columns:repeat(4,1fr)}.gallery-item{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;background:var(--white-color);box-shadow:var(--shadow-md);transition:transform 0.2s ease,box-shadow 0.2s ease}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.gallery-style-modern .gallery-item{border-radius:var(--border-radius-xl)}.gallery-style-elegant .gallery-item{border-radius:var(--border-radius-lg);border:1px solid var(--accent-color)}.gallery-style-minimal .gallery-item{border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm)}.gallery-style-playful .gallery-item{border-radius:var(--border-radius-xxl)}.gallery-image-container{position:relative;width:100%;overflow:hidden}.gallery-work-link{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:inherit}.gallery-work-link:focus{outline:2px solid var(--secondary-color);outline-offset:-2px}.aspect-square{aspect-ratio:1 / 1}.aspect-portrait{aspect-ratio:3 / 4}.aspect-landscape{aspect-ratio:4 / 3}.aspect-original{height:auto}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}.category-badges{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;flex-wrap:wrap;gap:4px;z-index:4;max-width:calc(100% - var(--spacing-md))}.category-badge{background:rgb(255 255 255 / .95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--secondary-color);padding:6px 10px;border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:4px;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.category-badge i{font-size:9px}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);opacity:0;transition:opacity 0.2s ease;display:flex;align-items:center;justify-content:center;z-index:3}.gallery-item:hover .gallery-overlay{opacity:1}.overlay-text{color:var(--white-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1px;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--white-color);border-radius:var(--border-radius-pill);transition:background 0.2s ease}.gallery-work-link:hover .overlay-text{background:var(--white-color);color:var(--dark-color)}.gallery-placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent-dark-color);min-height:200px}.placeholder-content{text-align:center;opacity:.6}.placeholder-content i{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);display:block}.works-bg-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.decoration-shape{position:absolute;border-radius:50%;background:var(--gradient-brand);opacity:.03}.decoration-shape-1{width:400px;height:400px;top:10%;right:-200px}.decoration-shape-2{width:300px;height:300px;bottom:20%;left:-150px}.decoration-shape-3{width:200px;height:200px;top:60%;right:20%}.decor-image{position:absolute;top:5%;left:5%;width:150px;height:150px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.06;z-index:1}.works-empty-state{text-align:center;padding:var(--spacing-xxl);color:var(--accent-dark-color)}.empty-state-icon{font-size:var(--font-size-5xl);color:var(--accent-color);margin-bottom:var(--spacing-lg)}.works-empty-state h3{font-size:var(--font-size-xl);color:var(--dark-color);margin-bottom:var(--spacing-md)}@media (max-width:1199.98px){.works-gallery.cols-4{grid-template-columns:repeat(3,1fr)}.works-gallery.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:991.98px){.works-title{font-size:var(--font-size-2xl)}.works-subtitle{font-size:var(--font-size-md)}.works-gallery.cols-4,.works-gallery.cols-3{grid-template-columns:repeat(2,1fr)}.works-toolbar{flex-direction:column;gap:var(--spacing-md)}.toolbar-divider{display:none}}@media (max-width:767.98px){.modern-my-works{padding:var(--spacing-xl) 0}.works-title{font-size:var(--font-size-xl)}.works-gallery{grid-template-columns:1fr!important;gap:var(--spacing-sm)}.works-filter{flex-direction:column;align-items:center}.filter-btn{width:180px;justify-content:center}.gallery-item:hover{transform:translateY(-2px)}.decoration-shape{display:none}.decor-image{width:100px;height:100px;opacity:.04}}@media (max-width:575.98px){.category-badge{font-size:10px;padding:5px 8px}.overlay-text{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media (prefers-reduced-motion:reduce){.gallery-item,.gallery-image,.gallery-overlay{transition:none!important}.gallery-item:hover{transform:none!important}.gallery-item:hover .gallery-image{transform:none!important}}@media (prefers-contrast:high){.gallery-item{border:2px solid var(--dark-color)}.filter-btn{border-width:2px}.category-badge{background:var(--white-color);border:1px solid var(--secondary-color)}}@media print{.modern-my-works{background:none!important}.works-toolbar,.works-bg-decoration,.gallery-overlay{display:none!important}.gallery-item{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc}.works-gallery{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-sm)!important}}