.hk-case{--hk-navy:#0F2A47;--hk-gold:#B98A2E;--hk-gold-l:#DDB65F;--hk-gold-t:#8A641A;--hk-sand:#F1EDE3;--hk-line:#E2DCCD;font-family:inherit}
.hk-barra{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}
.hk-zone{display:flex;flex-wrap:wrap;gap:10px;flex:1 1 520px}
.hk-zone button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--hk-line);background:#fff;color:var(--hk-navy);font:600 14px/1 inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .25s,color .25s,border-color .25s}
.hk-zone button i{font-style:normal;font-size:12px;opacity:.7}
.hk-zone button:hover{border-color:var(--hk-gold)}
.hk-zone button.hk-on{background:var(--hk-navy);color:#fff;border-color:var(--hk-navy)}
.hk-cerca{display:flex;flex-direction:column;gap:6px;width:300px;max-width:100%}
.hk-cerca span{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--hk-navy)}
.hk-cerca input{min-height:48px;border:1px solid var(--hk-line);border-radius:12px;padding:10px 16px;font:inherit;color:var(--hk-navy);background:#fff}
.hk-cerca input:focus{outline:0;border-color:var(--hk-gold);box-shadow:0 0 0 4px rgba(221,182,95,.25)}
.hk-griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hk-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(15,42,71,.08);text-decoration:none;transition:transform .35s,box-shadow .35s}
.hk-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(15,42,71,.16)}
.hk-card[hidden]{display:none}
.hk-foto{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--hk-sand)}
.hk-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease}
.hk-card:hover .hk-foto img{transform:scale(1.08)}
.hk-testo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px}
.hk-meta{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hk-gold-t);margin-bottom:4px}
.hk-nome{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--hk-navy)}
.hk-vai{flex:none;width:42px;height:42px;border-radius:50%;background:var(--hk-sand);display:flex;align-items:center;justify-content:center;color:var(--hk-navy);font-weight:700;transition:background .3s}
.hk-card:hover .hk-vai{background:var(--hk-gold-l)}
.hk-nessuna,.hk-vuoto{padding:40px 0;text-align:center;font-weight:600;color:var(--hk-navy)}
@media (max-width:1024px){.hk-griglia{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.hk-griglia{grid-template-columns:minmax(0,1fr)}.hk-cerca{width:100%}}
@media (prefers-reduced-motion:reduce){.hk-card,.hk-foto img,.hk-vai,.hk-zone button{transition:none}}