@charset "UTF-8";.projects-page{padding-top:22px;padding-bottom:80px}.projects-page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ebebeb}.projects-page-head h1{font-size:26px;font-weight:700;color:#111111;margin:0;letter-spacing:-0.3px}.projects-page-head h1 span{color:#aaaaaa;font-size:0.65em;font-weight:500;margin-left:6px}.projects-page-info{font-size:13px;color:#888888;white-space:nowrap}.projects-archive-nav{margin:0 0 28px}.projects-archive-label{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#aaaaaa}.projects-archive-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.archive-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border:1px solid #e0e0e0;border-radius:20px;background:#ffffff;color:#444444;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color 0.15s,background 0.15s,color 0.15s}.archive-chip span{font-size:11px;font-weight:700;color:#999999;transition:color 0.15s}.archive-chip:hover{border-color:#cccccc;background:#f8f8f8;color:#111111}.archive-chip:hover span{color:#666666}.archive-chip.active{border-color:#111111;background:#111111;color:#ffffff}.archive-chip.active span{color:rgba(255,255,255,0.65)}.archive-chip--all.active{border-color:#e8a50f;background:#e8a50f;color:#ffffff}.archive-chip-sep{display:inline-block;width:1px;height:20px;background:#e0e0e0;margin:0 2px;align-self:center;flex-shrink:0}.projects-seo-intro{margin:0 0 24px;max-width:820px}.projects-seo-intro p{margin:0;color:#555555;font-size:15px;line-height:1.7}.project-card-link{display:block;color:inherit;text-decoration:none;height:100%}.project-card-link:hover{color:inherit}.project-card{height:100%;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;background:#ffffff;display:flex;flex-direction:column;transition:box-shadow 0.18s,border-color 0.18s}.project-card-link:hover .project-card{border-color:#cccccc;box-shadow:0 4px 24px rgba(0,0,0,0.09)}.project-card-img{aspect-ratio:3 / 2;overflow:hidden;background:#f0f0f0;flex-shrink:0}.project-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.32s ease}.project-card-link:hover .project-card-img img{transform:scale(1.05)}.project-card-body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1;gap:8px}.project-card-meta{display:flex;flex-wrap:wrap;gap:6px}.project-card-tag{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:6px;background:#f5f5f5;color:#555555;font-size:12px;font-weight:500}.project-card-tag i{color:#e8a50f;font-size:12px}.project-card-title{font-size:15px;font-weight:700;color:#111111;line-height:1.35;margin:0;flex:1}.project-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#888888;margin-top:4px;transition:color 0.15s}.project-card-link:hover .project-card-cta{color:#e8a50f}.project-card-cta i{font-size:14px}.projects-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:40px}.projects-pagination a,.projects-pagination span{min-width:40px;height:40px;padding:0 12px;border:1px solid #e0e0e0;border-radius:8px;background:#ffffff;color:#333333;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;text-decoration:none;transition:0.15s}.projects-pagination span{color:#aaaaaa;border-color:transparent;background:transparent}.projects-pagination a.active,.projects-pagination a:hover{border-color:#111111;background:#111111;color:#ffffff}.projects-page-empty{padding:60px 32px;text-align:center;border:1px dashed #dddddd;border-radius:12px}.projects-page-empty h2{font-size:22px;font-weight:700;color:#111111;margin:0 0 10px}.projects-page-empty p{margin:0;color:#666666;font-size:15px}.projects-seo-content{margin-top:56px;padding-top:28px;border-top:1px solid #ebebeb}.projects-seo-content h2{margin:0 0 14px;color:#111111;font-size:22px;font-weight:800;line-height:1.3}.projects-seo-content p{margin:0 0 14px;color:#555555;font-size:15px;line-height:1.8}.projects-seo-content p:last-child{margin-bottom:0}@media (max-width:575px){.projects-page{padding-top:14px;padding-bottom:52px}.projects-page-head{flex-direction:column;gap:4px}.projects-page-head h1{font-size:22px}.projects-archive-chips{gap:5px}}