.works-page{background:#fff;min-height:100vh;padding-top:0;padding-bottom:120px}.works-hero{margin-bottom:100px;padding:0 120px}.works-hero-top{justify-content:space-between;align-items:flex-end;display:flex}.works-hero-title{letter-spacing:-.05em;color:#111;margin:0;font-size:14vw;font-weight:500;line-height:.8}.works-hero-subtitle{color:#666;text-align:right;max-width:280px;margin:0 0 12px;font-size:15px;line-height:1.5}.works-filters{flex-wrap:wrap;gap:12px;margin-bottom:32px;padding:0 120px;display:flex}.work-filter-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;transition:color .2s}.work-filter-btn:hover{color:#111}.work-filter-btn.active{color:#111;font-weight:600}.pg-works-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:0;display:grid}.pg-work-card{text-decoration:none;display:block;position:relative;overflow:hidden}.pg-work-media{width:100%;padding-bottom:100%;display:block;position:relative}.pg-work-overlay{opacity:0;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background .3s,opacity .3s;display:flex;position:absolute;inset:0}.pg-work-card:hover .pg-work-overlay{opacity:1;background:#00000073}.pg-work-title{color:#fff;letter-spacing:.01em;text-align:center;padding:0 12px;font-size:15px;font-weight:600}.pg-work-category{color:#ffffffbf;text-align:center;font-size:13px;font-weight:400}@media (max-width:768px){.works-page{padding-top:0;padding-bottom:60px}.pg-works-grid{gap:0}.pg-work-title{font-size:13px}.pg-work-category{font-size:11px}}