/* Project library: retain the site's navy, blue/violet and mint identity. */
.hk-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hk-project-card{min-width:0;overflow:hidden;position:relative;border:1px solid rgba(147,165,204,.13);border-radius:22px;background:linear-gradient(145deg,rgba(18,28,47,.9),rgba(7,12,24,.95));transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.hk-project-card:hover,.hk-project-card:focus-within{transform:translateY(-4px);border-color:rgba(118,104,255,.5);box-shadow:0 16px 42px rgba(31,28,99,.2)}.hk-project-browser{display:flex;align-items:center;gap:5px;height:37px;border-bottom:1px solid rgba(147,165,204,.08);padding:0 16px;background:rgba(3,8,18,.5);color:#7c8aa5;font:10px Inter,sans-serif;letter-spacing:.05em}.hk-project-browser i{width:5px;height:5px;border-radius:50%;background:#35405a}.hk-project-browser i:first-child{background:#7767cf}.hk-project-browser i:nth-child(2){background:#3e7bab}.hk-project-browser i:nth-child(3){background:#398873}.hk-project-browser span{margin-left:8px}.hk-project-browser b{margin-left:auto;font-size:15px;font-weight:400}.hk-project-art{height:162px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:20px;text-align:center;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(147,165,204,.1)}.hk-project-art:before,.hk-project-art:after{content:"";position:absolute;z-index:-1;pointer-events:none}.hk-project-art:before{inset:0;background:linear-gradient(30deg,transparent 49.5%,rgba(114,143,242,.08) 50%,transparent 50.5%),linear-gradient(150deg,transparent 49.5%,rgba(114,143,242,.06) 50%,transparent 50.5%);background-size:46px 46px;opacity:.5}.hk-project-art:after{width:130px;height:130px;border:1px solid rgba(147,165,255,.12);border-radius:50%;right:-45px;top:-45px;box-shadow:0 0 0 28px rgba(114,102,255,.025),0 0 0 55px rgba(114,102,255,.02)}.hk-project-tone-0{background:radial-gradient(ellipse at 50% 10%,rgba(66,109,247,.24),transparent 75%),#091225}.hk-project-tone-1{background:radial-gradient(ellipse at 50% 0,rgba(132,65,231,.25),transparent 75%),#0e1025}.hk-project-tone-2{background:radial-gradient(ellipse at 50% 0,rgba(41,167,145,.18),transparent 75%),#081923}.hk-project-tone-3{background:radial-gradient(ellipse at 50% 0,rgba(76,102,204,.22),transparent 75%),#0b1425}.hk-project-art>span{color:#a0a9ff}.hk-project-art strong{font-family:Outfit,Inter,sans-serif;font-size:21px;line-height:1.15;font-weight:600;color:#e8edff;max-width:100%;overflow-wrap:anywhere}.hk-project-art small{color:#8b9bb7;font-size:10px;letter-spacing:.05em}.hk-project-copy{padding:21px 22px 23px}.hk-project-tag{color:#96a6c4!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px!important}.hk-project-copy h3{font-family:Outfit,Inter,sans-serif;font-size:18px;line-height:1.3;margin:0!important;color:#f3f5fc;overflow-wrap:anywhere}.hk-project-copy h3 a{color:inherit!important;text-decoration:none!important}.hk-project-domain{font-size:12px!important;line-height:1.7;color:#8997b2!important;overflow-wrap:anywhere;margin:8px 0 17px!important}.hk-project-visit{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(147,165,204,.09);padding-top:14px;color:#aebcff!important;font-size:12px;font-weight:600;text-decoration:none!important}.hk-project-visit span{font-size:18px;color:#939eff}.hk-project-all{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-top:32px}.hk-project-all>a:last-child{font-size:14px;color:#9eacc6}.hk-project-tools{margin-bottom:28px;padding:24px;background:rgba(14,23,42,.7);border:1px solid rgba(147,165,204,.12);border-radius:20px}.hk-project-tools label{font-size:13px;color:#c2cce1;display:block;margin-bottom:8px}.hk-project-tools input{max-width:500px;background:#080f20}.hk-project-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hk-project-filters button{font:500 12px Inter,sans-serif;border-radius:999px;border:1px solid rgba(147,165,204,.16);background:rgba(21,30,51,.6);color:#9baac5;padding:9px 13px;cursor:pointer;transition:background .2s,border-color .2s}.hk-project-filters button:hover{border-color:#7572bf;color:#e2e6ff}.hk-project-filters button.is-active{background:linear-gradient(110deg,rgba(65,104,244,.24),rgba(130,63,229,.25));border-color:#7167b4;color:#f3f4ff}.hk-project-filters button:focus-visible,.hk-project-visit:focus-visible,.hk-project-copy h3 a:focus-visible{outline:2px solid #74e3c2;outline-offset:4px}#hk-project-count{font-size:12px;color:#8ca0bb;margin:16px 0 0}.hk-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#hk-real-projects .hk-project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}#hk-real-projects .hk-project-art{height:145px}#hk-real-projects .hk-project-art strong{font-size:18px}#hk-real-projects .hk-project-copy{padding:18px}#hk-real-projects .hk-project-copy h3{font-size:16px}.hk-project-card[hidden]{display:none!important}
@media(max-width:1100px){#hk-real-projects .hk-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.hk-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.hk-project-grid,#hk-real-projects .hk-project-grid{grid-template-columns:minmax(0,1fr)}.hk-project-tools{padding:18px}.hk-project-filters{gap:7px}.hk-project-filters button{font-size:11px;padding:9px 11px}.hk-project-all{align-items:flex-start;flex-direction:column}.hk-project-art,#hk-real-projects .hk-project-art{height:156px}.hk-project-art strong,#hk-real-projects .hk-project-art strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.hk-project-card,.hk-project-filters button{transition:none}.hk-project-card:hover,.hk-project-card:focus-within{transform:none}}
@media(min-width:960px){.hk-grid-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}}