.khpg{--khpg-columns:3;--khpg-gap:24px;--khpg-ratio:4/5;--khpg-radius:10px;--khpg-padding:24px;--khpg-duration:350ms;--khpg-overlay-color:#000;--khpg-hover-overlay:#000;--khpg-opacity:.8;--khpg-hover-opacity:.95;--khpg-card-bg:#151515;--khpg-filter-color:#222;--khpg-filter-active:#222;--khpg-filter-active-text:#fff;font-family:inherit}.khpg-heading{font-size:clamp(26px,4vw,44px);margin:0 0 28px}.khpg-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:26px}.khpg-filters{display:flex;flex-wrap:wrap;gap:8px}.khpg .khpg-filters button,.khpg .khpg-more{font:inherit;border:1px solid #8885;background:transparent;color:var(--khpg-filter-color);padding:9px 18px;border-radius:30px;cursor:pointer;line-height:1.4}.khpg .khpg-filters button[aria-pressed=true]{background:var(--khpg-filter-active);color:var(--khpg-filter-active-text);border-color:var(--khpg-filter-active)}.khpg-grid{display:grid;grid-template-columns:repeat(var(--khpg-columns),minmax(0,1fr));gap:var(--khpg-gap)}.khpg .khpg-card{display:block;position:relative;min-width:0;border-radius:var(--khpg-radius);overflow:hidden;text-decoration:none!important;background:var(--khpg-card-bg);color:#fff;isolation:isolate}.khpg-image{aspect-ratio:var(--khpg-ratio);position:relative;overflow:hidden;background:#252525}.khpg-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--khpg-duration) ease,filter var(--khpg-duration) ease}.khpg-placeholder{display:grid;place-items:center;position:absolute;inset:0;color:#bbb;font-size:14px;letter-spacing:.15em;text-transform:uppercase}.khpg-shade{position:absolute;inset:0;background:linear-gradient(transparent 25%,var(--khpg-overlay-color));opacity:var(--khpg-opacity);transition:opacity var(--khpg-duration),background var(--khpg-duration)}.khpg-card:hover .khpg-shade,.khpg-card:focus-visible .khpg-shade{opacity:var(--khpg-hover-opacity);background:linear-gradient(transparent 25%,var(--khpg-hover-overlay))}.khpg-copy{padding:var(--khpg-padding);overflow-wrap:anywhere}.khpg[data-placement=overlay] .khpg-copy{position:absolute;bottom:0;left:0;right:0;z-index:1}.khpg-title{font-family:inherit;font-size:24px;font-weight:600;line-height:1.2;color:inherit;margin:8px 0 12px}.khpg-category{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:inherit}.khpg-excerpt{font-size:14px;line-height:1.6;margin:0 0 16px;color:inherit}.khpg-link{font-size:12px;letter-spacing:.03em;color:inherit}.khpg[data-placement=below] .khpg-shade{display:none}.khpg[data-hover=zoom] .khpg-card:hover img,.khpg[data-hover=zoom] .khpg-card:focus-visible img{transform:scale(1.06)}.khpg[data-hover=out] img{transform:scale(1.06)}.khpg[data-hover=out] .khpg-card:hover img,.khpg[data-hover=out] .khpg-card:focus-visible img{transform:scale(1)}.khpg[data-hover=gray] img{filter:grayscale(1)}.khpg[data-hover=gray] .khpg-card:hover img,.khpg[data-hover=gray] .khpg-card:focus-visible img{filter:grayscale(0)}.khpg-search{font-size:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.khpg-search input{font:inherit;font-size:14px;border:1px solid #8885;border-radius:6px;padding:9px 12px;max-width:100%}.khpg .khpg-more{display:block;margin:28px auto 0}.khpg [hidden]{display:none!important}.khpg-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.khpg a:focus-visible,.khpg button:focus-visible,.khpg input:focus-visible{outline:3px solid #b69561;outline-offset:3px}@media(hover:hover) and (pointer:fine){.khpg[data-placement=overlay][data-visibility=hover] .khpg-copy{opacity:0;transform:translateY(12px);transition:opacity var(--khpg-duration),transform var(--khpg-duration)}.khpg[data-placement=overlay][data-visibility=hover] .khpg-card:hover .khpg-copy,.khpg[data-placement=overlay][data-visibility=hover] .khpg-card:focus-visible .khpg-copy{opacity:1;transform:none}}@media(max-width:1024px){.khpg{--khpg-columns:2}}@media(max-width:767px){.khpg{--khpg-columns:1}.khpg-title{font-size:21px}}@media(prefers-reduced-motion:reduce){.khpg *{transition:none!important}.khpg .khpg-card img{transform:none!important}}

.khpg-filters{flex:1 1 100%;width:100%}.khpg-filters button{transition:color .2s,background-color .2s,border-color .2s}