.hk-site:not(.jp-site) .hk-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.hk-site:not(.jp-site) .hk-subpage-project-grid{max-width:none}.hk-site:not(.jp-site) .hk-project-card{min-width:0}.hk-site:not(.jp-site) .hk-project-screen{aspect-ratio:16/10;background:#f2f5f9;border:1px solid #d7e0ec;border-radius:10px;width:100%;max-width:none;padding:0;transition:border-color .18s,box-shadow .18s;display:grid;overflow:hidden;box-shadow:0 6px 18px #09284f0d}.hk-site:not(.jp-site) .hk-project-screen>:is(img,video,iframe){aspect-ratio:auto;object-fit:cover;object-position:top center;border:0;border-radius:0;width:100%;height:100%;min-height:0;display:block}.hk-site:not(.jp-site) .hk-project-card:hover .hk-project-screen,.hk-site:not(.jp-site) .hk-project-card:focus-visible .hk-project-screen{border-color:#8ea7c8;box-shadow:0 10px 24px #09284f1a}.hk-site:not(.jp-site) .hk-project-card:focus-visible{outline-offset:6px;border-radius:10px;outline:2px solid #234b80}.hk-site:not(.jp-site) .hk-project-tag{color:#785c2d;margin-top:14px;font-size:.66rem;line-height:1.5}.hk-site:not(.jp-site) .hk-project-card h3{margin:6px 0 8px;font-size:1.15rem;line-height:1.3}.hk-site:not(.jp-site) .hk-project-card p{font-size:.8rem;line-height:1.65}@media (max-width:640px){.hk-site:not(.jp-site) .hk-project-grid{grid-template-columns:minmax(0,1fr);gap:30px}}@media (prefers-reduced-motion:reduce){.hk-site:not(.jp-site) .hk-project-screen{transition:none}}.hk-project-detail{color:inherit;display:block}.hk-project-detail-label,.hk-project-demo{color:#234b80;overflow-wrap:anywhere;align-items:center;gap:10px;min-height:44px;font-size:.8rem;font-weight:650;line-height:1.6;display:inline-flex}.hk-project-demo{text-underline-offset:4px;text-decoration:underline}.hk-project-detail:focus-visible,.hk-project-demo:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #234b80}.hk-project-detail:hover .hk-project-detail-label{text-underline-offset:4px;text-decoration:underline}