.works-page .works-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;min-height:0;padding-top:140px;padding-bottom:24px;display:flex}.works-page .works-hero h1{letter-spacing:-.03em;font-size:4rem;font-weight:700;line-height:1.1}.works-page .works-hero p{color:var(--text-secondary);max-width:640px;font-size:1.25rem}.works-page .works-list{flex-direction:column;gap:100px;padding-top:32px;padding-bottom:120px;display:flex}.works-page .work-row{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;display:grid}.works-page .work-row.reverse>.work-visual,.works-page .work-row.reverse>.work-visual-link{order:2}.works-page .work-visual-link{text-decoration:none;display:block}.works-page .work-visual{aspect-ratio:16/10;padding:0;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;overflow:hidden}.works-page .work-visual:hover{transform:translateY(-6px);box-shadow:0 30px 60px #0d1b2a1f}.works-page .work-visual img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.works-page .work-index{color:var(--accent);letter-spacing:.05em;margin-bottom:20px;font-size:1rem;font-weight:600}.works-page .work-category{color:var(--text-tertiary);margin-bottom:8px;font-size:.95rem;font-weight:600;display:inline-block}.works-page .work-name{letter-spacing:-.02em;margin-bottom:20px;font-size:2.5rem;font-weight:700;line-height:1.15}.works-page .work-desc{color:var(--text-secondary);margin-bottom:28px;font-size:1.125rem;line-height:1.6}.works-page .work-tags{flex-wrap:wrap;gap:10px;display:flex}.works-page .work-tag{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-secondary);padding:8px 16px;font-size:.875rem;font-weight:500}.works-page .work-visit{border-radius:var(--radius-pill);background:var(--dark-surface);color:var(--text-inverse);align-items:center;gap:8px;margin-top:28px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.works-page .work-visit:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0d1b2a33}.works-page .works-cta-wrap{padding-bottom:140px}.works-page .works-cta{text-align:center;background:var(--dark-surface);flex-direction:column;align-items:center;gap:20px;padding:80px 48px;display:flex}.works-page .works-cta h2{letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.2}.works-page .works-cta p{color:var(--text-inverse-sec);max-width:520px;font-size:1.125rem}.works-page .works-cta .btn{margin-top:12px}@media (max-width:1024px){.works-page .works-hero h1{font-size:3rem}.works-page .work-row{gap:40px}.works-page .work-name{font-size:2rem}}@media (max-width:768px){.works-page .works-hero{padding-top:104px;padding-bottom:16px}.works-page .works-hero h1{font-size:2.25rem}.works-page .works-hero p{font-size:1.05rem}.works-page .works-list{gap:64px;padding-top:24px;padding-bottom:80px}.works-page .work-row{grid-template-columns:1fr;gap:28px}.works-page .work-row.reverse .work-visual{order:0}.works-page .work-name{font-size:1.75rem}.works-page .work-desc{font-size:1rem}.works-page .works-cta{padding:56px 24px}.works-page .works-cta h2{font-size:1.75rem}.works-page .works-cta p{font-size:1rem}}
