.works-hero{position:fixed;top:0;left:0;width:100%;height:100vh;background-image:url(/images/works/hero.jpg);background-size:cover;background-position:center;color:#fbfeff;display:flex;justify-content:flex-start;align-items:flex-end;z-index:-1}.works-hero_inner{text-align:left;padding:0 0 70px 120px}.works-hero_title{font-size:40px;font-weight:800;letter-spacing:.12em;margin-bottom:12px;text-shadow:2px 2px 16px rgba(0,0,0,.9);font-family:Noto Sans JP,sans-serif}.works-hero_subtitle{font-size:120px;letter-spacing:0em;opacity:.85;text-shadow:2px 2px 16px rgba(0,0,0,.9)}.works-filter{margin-top:100vh;padding:40px 0;background:#fbfeff;text-align:center}.filter-form-card{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;align-items:center;background:#fff;padding:30px 40px;border-radius:16px;box-shadow:0 8px 20px #0000001f;max-width:1500px;margin:0 auto}.filter-group{display:flex;flex-direction:column;min-width:220px;max-width:300px;flex:1}.filter-group label{font-weight:600;margin-bottom:6px;color:#30343a;text-align:center}.filter-group select{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:16px;box-sizing:border-box}.filter-group select:focus{border-color:#4176bf;box-shadow:0 0 0 3px #4176bf33;outline:none}.filter-actions{display:flex;gap:40px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;margin-top:10px}.filter-button{background-color:#4176bf;color:#fbfeff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:.3s;min-width:200px;max-width:280px}.filter-button:hover{opacity:.85}.filter-clear{color:#4176bf;text-decoration:underline;font-weight:500;cursor:pointer}.works-posts{background:#fbfeff;text-align:center}.works-posts .container{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));justify-content:center;gap:2rem;margin:0;padding-left:150px;padding-right:150px;box-sizing:border-box;align-items:stretch}.work-link{display:flex;text-decoration:none;color:inherit}.work-link:hover .work-item{transform:translateY(-5px)}.work-item{flex:1;background:#fff;border-radius:.75rem;box-shadow:0 4px 12px #00000014;padding:1.2rem;display:flex;flex-direction:column;transition:transform .2s;min-width:0}.work-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:.8rem;font-size:14px;color:#30343a}.work-meta-left span,.work-meta-right span{font-weight:600}.work-meta-left{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.work-meta-left span+span:before{content:"|";margin:0 8px;color:#999}.work-meta-right{white-space:nowrap;flex-shrink:0;color:#4176bf}.work-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin-bottom:16px}.work-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.work-tags{margin-bottom:1rem}.work-tag{display:inline-block;margin-right:.5rem;padding:.2rem .5rem;background:#e5f0ff;color:#4176bf;border-radius:.3rem;font-size:12px}.work-title{font-size:18px;margin-bottom:.5rem;color:#30343a}.work-excerpt{font-size:14px;color:#606060;line-height:1.6}.no-works{grid-column:1 / -1;text-align:center;font-size:18px;color:#999;padding-top:2rem}.pagination{grid-column:1 / -1;margin-top:2rem;text-align:center}@media (max-width: 1680px) and (min-width: 1025px){.works-hero_inner{padding:0 0 50px 100px}.works-hero_title{font-size:28px}.works-hero_subtitle{font-size:80px}.works-filter{padding:20px 0}.filter-form-card{gap:20px;max-width:1100px}.filter-group select{font-size:15px}.filter-actions{gap:60px;margin-top:5px}.works-posts .container{gap:1.2rem;padding-left:50px;padding-right:50px}.work-item{padding:1.2rem}.work-meta{margin-bottom:.4rem;font-size:12px}.work-meta-left{gap:2px}.work-tags{margin-bottom:.6rem}.work-tag{margin-right:.4rem;padding:.2rem .4rem;font-size:12px}.work-title{font-size:15px}.work-excerpt{font-size:12px}.no-works{font-size:15px;padding-top:2rem}.pagination{grid-column:1 / -1;margin-top:2rem;text-align:center}}@media screen and (max-width: 1024px){.works-hero{height:90vh;padding:0}.works-hero_inner{padding:0 0 48px 60px}.works-hero_title{font-size:20px;margin-bottom:6px}.works-hero_subtitle{font-size:48px;line-height:1.1}.works-filter{margin-top:90vh;padding:40px 10px}.works-posts .container{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding-left:32px;padding-right:32px}.work-title{font-size:16px}.work-excerpt,.work-meta{font-size:13px}}@media screen and (max-width: 768px){.works-hero{height:40vh;padding:0}.works-hero_inner{padding:0 0 32px 16px}.works-hero_title{font-size:14px;margin-bottom:6px}.works-hero_subtitle{font-size:30px;line-height:1.1}.works-filter{margin-top:40vh;padding:40px 10px}.filter-form-card{flex-direction:column;align-items:center;padding:20px}.filter-group{width:100%;max-width:300px;margin-bottom:10px}.filter-actions{flex-direction:column;gap:8px}.works-posts .container{grid-template-columns:1fr;gap:1rem;padding-left:12px;padding-right:12px}.work-title{font-size:16px}.work-excerpt{font-size:14px}.work-meta{flex-direction:column;align-items:flex-start;gap:.3rem}.work-meta-right{color:#4176bf}.work-image img{max-width:100%}.work-tags a{font-size:11px;margin-right:.3rem;margin-bottom:.3rem;display:inline-block}}