.works-page{background:#fff;min-height:100vh;padding-top:110px;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(2,minmax(0,1fr));gap:24px;padding:0 120px;display:grid}.pg-work-card{background-color:#ebebeb;border:4px solid #0000;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.pg-work-card:hover{border-color:#1a1a1a;transform:translateY(-4px)}.pg-work-media{width:100%;padding-bottom:75%;display:block;position:relative}.pg-work-footer{background-color:#0000;justify-content:space-between;align-items:flex-end;min-height:20px;padding:16px 20px;transition:background-color .3s;display:flex}.pg-work-info{flex-direction:column;gap:2px;display:flex}.pg-work-title{color:#111;letter-spacing:.01em;font-size:14px;font-weight:600;transition:color .3s}.pg-work-category{color:#666;font-size:13px;font-weight:400;transition:color .3s}.pg-work-year{color:#111;font-size:13px;font-weight:600;transition:color .3s}.pg-work-card:hover .pg-work-footer{background-color:#1a1a1a}.pg-work-card:hover .pg-work-title{color:#fff}.pg-work-card:hover .pg-work-category{color:#fff9}.pg-work-card:hover .pg-work-year{color:#fffc}@media (max-width:1024px){.works-filters,.pg-works-grid{padding:0 40px}}@media (max-width:768px){.works-page{padding-top:80px;padding-bottom:80px}.works-hero{margin-bottom:48px;padding:0 20px}.works-hero-top{flex-direction:column;align-items:flex-start;gap:16px}.works-hero-subtitle{text-align:left;max-width:100%;margin-bottom:0}.works-hero-title{font-size:18vw}.works-filters{gap:8px;padding:0 20px}.pg-works-grid{grid-template-columns:1fr;gap:20px;padding:0 20px}.pg-work-media{padding-bottom:75%}}