.hk-directory__hero{background:var(--color-green);color:#fff;padding:clamp(3rem,6vw,5rem) 0}
.hk-directory__hero .eyebrow{color:var(--color-tan)}
.hk-directory__hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;max-width:52rem;margin:.65rem 0 1rem}
.hk-directory__hero p{max-width:48rem;color:rgba(255,255,255,.8)}
.hk-directory__hero form{max-width:44rem;margin-top:2rem}
.hk-directory__hero label,.hk-directory__filters label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.4rem}
.hk-directory__search{display:flex;gap:.65rem}
.hk-directory__search input{flex:1;min-width:0;padding:.8rem 1rem;border:1px solid var(--color-border);font:inherit}
.hk-directory__layout,.hk-directory__profile{display:grid;gap:clamp(2rem,4vw,4rem);padding-block:3rem}
.hk-directory__layout{grid-template-columns:minmax(0,15rem) minmax(0,1fr)}
.hk-directory__profile{grid-template-columns:minmax(0,2fr) minmax(15rem,1fr)}
.hk-directory__filters,.hk-directory__sidebar{align-self:start}
.hk-directory__filters form,.hk-directory__sidebar section{padding:1.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);margin-bottom:1rem}
.hk-directory__filters select{display:block;width:100%;padding:.75rem;margin:0 0 1.25rem;border:1px solid var(--color-border);background:#fff;font:inherit}
.hk-directory__filters .btn{width:100%;margin-bottom:.8rem}
.hk-directory__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1rem 0 2rem}
.hk-directory__card{border:1px solid var(--color-border);background:var(--color-bg-card)}
.hk-directory__card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.hk-directory__card>div{padding:1.5rem}
.hk-directory__card h2{font-size:1.5rem;margin:.4rem 0}
.hk-directory__card p+p{margin-top:.65rem}
.hk-directory__link{display:inline-block;margin-top:1.25rem;color:var(--color-green);font-weight:600}
.hk-directory__breadcrumb{margin-bottom:1.3rem}
.hk-directory__breadcrumb a{text-decoration:underline}
.hk-directory__intro{margin-top:1rem}
.hk-directory__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}
.hk-directory__body>figure{margin:0}
.hk-directory__body>figure img{width:100%;max-height:30rem;object-fit:cover}
.hk-directory__body section{border-top:1px solid var(--color-border);padding-top:2rem;margin-top:2rem}
.hk-directory__body h2,.hk-directory__sidebar h2{font-size:1.5rem;margin-bottom:1rem}
.hk-directory__sidebar p+p{margin-top:1rem}
.hk-directory__tags{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.hk-directory__tags li{border:1px solid var(--color-border);padding:.6rem .9rem;background:var(--color-bg-card)}
@media(max-width:1000px){.hk-directory__profile{grid-template-columns:1fr}} 
@media(max-width:800px){.hk-directory__layout{grid-template-columns:1fr}.hk-directory__cards{grid-template-columns:1fr}.hk-directory__search{flex-wrap:wrap}.hk-directory__search .btn{width:100%}.hk-directory__hero{padding-block:2.5rem}.hk-directory__layout,.hk-directory__profile{padding-block:2rem}}

.hk-directory__hero--business{position:relative;isolation:isolate;min-height:22rem;display:flex;align-items:center;overflow:hidden}
.hk-directory__hero--business>.container{position:relative;z-index:2;width:100%}
.hk-directory__hero-image,.hk-directory__hero-shade{position:absolute;inset:0}
.hk-directory__hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.hk-directory__hero-shade{background:linear-gradient(90deg,rgba(12,35,24,.94),rgba(12,35,24,.68) 58%,rgba(12,35,24,.45))}
.hk-directory__logo{display:inline-flex;align-items:center;justify-content:center;max-width:11rem;max-height:6rem;padding:.5rem;margin-bottom:1.25rem;background:#fff}
.hk-directory__logo img{max-width:100%;max-height:5rem;object-fit:contain}
.hk-directory__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;border:0!important;padding-top:0!important;margin-top:0!important}
.hk-directory__gallery figure{margin:0}
.hk-directory__gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hk-directory__map-frame{aspect-ratio:4/3;margin-bottom:.75rem;background:var(--color-bg)}
.hk-directory__map-frame iframe{width:100%;height:100%;border:0}
.hk-directory__custom{min-width:0;overflow:hidden}
.hk-directory__custom:empty{display:none}
@media(max-width:600px){.hk-directory__hero--business{min-height:0}.hk-directory__hero-shade{background:linear-gradient(90deg,rgba(12,35,24,.92),rgba(12,35,24,.65))}.hk-directory__gallery{grid-template-columns:1fr}}

.hk-directory__layout--unfiltered{display:block}
.hk-directory__hero .hk-directory__search .btn{background:#fff;border-color:#fff;color:var(--color-green);font-weight:700}
.hk-directory__hero .hk-directory__search .btn:hover,.hk-directory__hero .hk-directory__search .btn:focus-visible{background:var(--color-bg);color:var(--color-green-dark)}

.hk-directory__card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.hk-directory__card-tags li{padding:.25rem .55rem;border:1px solid var(--color-border);font-size:.8rem}
.hk-directory__card-services{margin-top:.8rem;color:var(--color-text-muted);font-size:.85rem}
.hk-directory__confirmed{margin-top:.7rem;color:var(--color-green);font-size:.8rem;font-weight:600}

.hk-directory__map-frame{aspect-ratio:16/9;max-height:220px;margin-top:.75rem}
.hk-directory__map>a{display:inline-block;color:var(--color-green);font-weight:600}