.works-page{font-family:Zen Maru Gothic,Quicksand,sans-serif;min-height:100vh;background:linear-gradient(135deg,#fafbfc,#f0f7fa,#fff8e7);color:#4a5568}.works-page.dark{background:linear-gradient(135deg,#0f1419,#1a1f2e,#1e2433);color:#e2e8f0}.works-header{padding:160px 40px 60px;text-align:center}.works-title{font-family:Quicksand,sans-serif;font-size:48px;font-weight:300;color:#7dd3e8;letter-spacing:8px;margin-bottom:16px}.works-subtitle{font-size:16px;color:#94a3b8;letter-spacing:4px}.works-grid{max-width:1200px;margin:0 auto;padding:0 40px 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}.work-card{text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;background:#fffc;box-shadow:0 4px 24px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.works-page.dark .work-card{background:#1e2433cc}.work-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #7dd3e826}.work-card-image{position:relative;aspect-ratio:16 / 9;overflow:hidden}.work-card-image img,.work-card-image .progressive-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card-image .progressive-image-container{position:absolute;top:0;left:0;width:100%;height:100%}.work-card:hover .work-card-image img{transform:scale(1.05)}.work-card-status{position:absolute;top:12px;right:12px;padding:6px 12px;background:#7dd3e8e6;color:#fff;font-size:11px;font-weight:600;border-radius:20px;letter-spacing:1px}.work-card-info{padding:24px}.work-card-type{font-size:12px;color:#94a3b8;letter-spacing:2px;text-transform:uppercase}.work-card-title{font-family:Quicksand,sans-serif;font-size:24px;font-weight:600;margin-top:8px;color:#2d3748}.works-page.dark .work-card-title{color:#e2e8f0}.works-back{text-align:center;padding:40px}.back-link{font-size:14px;color:#7dd3e8;text-decoration:none;transition:opacity .3s ease}.back-link:hover{opacity:.7}.works-footer{padding:60px 40px 40px;background:#fafbfc;border-top:1px solid rgba(125,211,232,.1)}.works-page.dark .works-footer{background:#0a0d10}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 32px}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo img{width:32px;height:32px;object-fit:contain}.footer-logo span{font-family:Quicksand,sans-serif;font-weight:600;font-size:16px;color:#7dd3e8}.footer-links{display:flex;gap:20px}.footer-links a{color:#94a3b8;transition:color .3s ease}.footer-links a:hover{color:#7dd3e8}.footer-copyright{text-align:center;font-size:12px;color:#94a3b8}@media (max-width: 1024px){.works-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:0 24px 60px}}@media (max-width: 768px){.works-nav{padding:16px}.nav-links{display:none}.works-header{padding:100px 16px 32px;text-align:center}.works-title{font-size:28px;letter-spacing:3px}.works-subtitle{font-size:13px}.works-grid{padding:0 16px 40px;grid-template-columns:1fr;gap:20px}.work-card-image{aspect-ratio:16 / 10}.work-card-image img,.work-card-image .progressive-image-container img{width:100%;height:100%;object-fit:cover}.work-card-info{padding:16px}.work-card-type{font-size:12px}.work-card-title{font-size:20px}.work-card:hover{transform:translateY(-4px)}.works-back{padding:20px 16px 40px;text-align:center}.back-link{font-size:13px}.works-footer{padding:32px 16px}.footer-content{flex-direction:column;gap:20px;text-align:center}.footer-logo,.footer-links{justify-content:center}.footer-copyright{font-size:11px}}@media (max-width: 480px){.works-header{padding:90px 12px 24px}.works-title{font-size:24px;letter-spacing:2px}.works-subtitle{font-size:12px}.works-grid{padding:0 12px 32px;gap:16px}.work-card-image{aspect-ratio:16 / 9}.work-card-info{padding:12px}.work-card-title{font-size:18px}.work-card-status{top:8px;right:8px;padding:4px 10px;font-size:10px}}