.hkp{--navy:#032f68;--green:#689746;--gray:#656565;font-family:Montserrat,Arial,sans-serif;width:100%;max-width:1240px;margin:0 auto;padding:48px 24px;color:var(--gray)}.hkp,.hkp *{box-sizing:border-box}.hkp a{text-decoration:none;color:inherit}.hkp a:focus-visible,.hkp button:focus-visible,.hkp-track:focus-visible{outline:3px solid var(--green);outline-offset:4px}.hkp .hkp-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:30px}.hkp .hkp-heading h2{font-family:inherit;font-size:clamp(27px,3vw,38px);font-weight:300;line-height:1.14;letter-spacing:-.8px;margin:0;color:#606060}.hkp .hkp-heading h2 strong{font-weight:750;color:var(--green)}.hkp .hkp-heading p{max-width:440px;font-size:13px;line-height:1.65;margin:0}.hkp-showcase-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.hkp-sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:35px;padding:15px 0}.hkp-sidebar nav{display:flex;flex-direction:column;gap:17px}.hkp-sidebar nav a{font-size:13px;font-weight:650;line-height:1.5}.hkp-sidebar nav a span{color:var(--navy)}.hkp-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.hkp-controls button{appearance:none;background:white;border:1px solid #bbc2c9;border-radius:4px;width:32px;height:32px;padding:0;display:grid;place-items:center;cursor:pointer;color:var(--navy);font:inherit}.hkp-controls button[hidden]{display:none}.hkp-controls button:disabled{opacity:.35;cursor:default}.hkp .hkp-all{font-size:11px;margin-left:5px}.hkp-track{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bccbb2 transparent;padding:0 0 14px;min-width:0}.hkp-card{min-width:0;flex:0 0 44%;scroll-snap-align:start;margin:0}.hkp-card>a{display:block;border-radius:19px}.hkp-image{position:relative;aspect-ratio:1.35;overflow:hidden;border-radius:19px;background:var(--navy)}.hkp-image img{width:100%;height:100%;display:block;object-fit:cover;margin:0;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.hkp-placeholder{display:grid;place-items:center;height:100%;color:#ffffff80;font-size:55px;font-weight:700;letter-spacing:-4px}.hkp-status{position:absolute;left:12px;top:12px;background:#ffffffed;color:var(--navy);border-radius:20px;padding:6px 10px;font-size:10px;line-height:1.4}.hkp .hkp-card-copy{padding:14px 2px}.hkp .hkp-card h3{font-family:inherit;font-size:17px;color:var(--navy);font-weight:650;line-height:1.35;margin:0}.hkp .hkp-card p{font-size:12px;color:#737373;margin:7px 0 0}.hkp-view{display:inline-flex;align-items:center;gap:18px;font-size:11px;margin-top:12px;color:var(--green)}.hkp-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.hkp-filters a{font-size:12px;border:1px solid #dce1d9;border-radius:25px;padding:10px 17px;line-height:1.5}.hkp-filters a[aria-current]{background:var(--green);color:white;border-color:var(--green)}.hkp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.hkp-empty{padding:25px;background:#f5f5f5;font-size:14px;width:100%;grid-column:1/-1}.hkp-pagination{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.hkp-pagination .page-numbers{padding:8px 13px;border:1px solid #dce1d9;border-radius:5px;font-size:13px}.hkp-pagination .current{background:var(--navy);color:white}.hkp-page{background:#fff;min-height:60vh}.hkp-detail{max-width:1080px}.hkp-back{display:inline-block;font-size:13px;margin-bottom:25px}.hkp-detail h1{font-family:inherit;font-size:clamp(30px,4vw,52px);line-height:1.15;color:var(--navy);margin:0 0 18px}.hkp-detail-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px;font-size:13px}.hkp-detail-meta span{background:#f2f5ee;border-radius:20px;padding:7px 14px}.hkp-cover img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:22px;margin:0 0 30px}.hkp-content{line-height:1.8;font-size:16px}.hkp-content img{max-width:100%;height:auto}.hkp-content a{text-decoration:underline;color:var(--green)}.hkp.hkp-motion{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.hkp.hkp-motion.hkp-visible{opacity:1;transform:none}@media(hover:hover){.hkp-card a:hover img{transform:scale(1.045)}.hkp-sidebar a:hover,.hkp-all:hover{color:var(--green)}}@media(max-width:1000px){.hkp-showcase-body{grid-template-columns:190px minmax(0,1fr);gap:20px}.hkp-card{flex-basis:65%}.hkp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.hkp{padding:32px 18px}.hkp .hkp-heading{display:block}.hkp .hkp-heading p{margin-top:17px}.hkp-showcase-body{grid-template-columns:1fr}.hkp-sidebar{gap:20px;padding:0}.hkp-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:10px 17px}.hkp-sidebar nav a{font-size:11px}.hkp-card{flex-basis:85%}.hkp-grid{grid-template-columns:1fr;gap:22px}.hkp-controls{margin-bottom:5px}.hkp-filters a{font-size:11px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.hkp,.hkp *{scroll-behavior:auto!important;transition:none!important}.hkp.hkp-motion{opacity:1;transform:none}}