.hbs{--c:var(--col,3);--fg:inherit;--mt:inherit;position:relative;box-sizing:border-box;color:var(--fg)}
.hbs *,.hbs *::before,.hbs *::after{box-sizing:border-box}
.hbs--t-dark{--fg:#f1effa;--mt:#a7a4cc}.hbs--t-light{--fg:#14122b;--mt:#5d5a7d}
@media(max-width:1024px){.hbs{--c:var(--col-t,2)}}
@media(max-width:600px){.hbs{--c:var(--col-m,1)}}
.hbs a.hbs-card{position:relative;display:block;color:inherit;text-decoration:none;border-radius:var(--r);overflow:visible}
.hbs-img{display:block;position:relative;aspect-ratio:var(--ar);overflow:hidden;border-radius:var(--r);background:#1b1e3a}
.hbs-img img{display:block;width:100%;height:100%;object-fit:cover;margin:0;max-width:none;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hbs a.hbs-card:hover img,.hbs a.hbs-card:focus-visible img{transform:scale(1.07)}
.hbs a.hbs-card:focus-visible{outline:3px solid var(--ac);outline-offset:3px}
.hbs-cap{display:block;padding:10px 2px 0}
.hbs-t{display:block;font-size:1.05em;line-height:1.25;font-weight:700}
.hbs-m{display:block;font-size:.82em;opacity:.7;margin-top:2px;color:var(--mt)}
/* overlay, glow, minimal: caption sits on the image */
.hbs--s-overlay .hbs-cap,.hbs--s-glow .hbs-cap,.hbs--s-minimal .hbs-cap{position:absolute;left:0;right:0;bottom:0;padding:56px 16px 14px;color:#fff;background:linear-gradient(transparent,rgba(3,3,12,.88));border-radius:0 0 var(--r) var(--r)}
.hbs--s-overlay .hbs-m,.hbs--s-glow .hbs-m,.hbs--s-minimal .hbs-m{color:#d4d2f0}
.hbs--s-minimal .hbs-cap{opacity:0;transform:translateY(8px);transition:.35s}
.hbs--s-minimal a.hbs-card:hover .hbs-cap,.hbs--s-minimal a.hbs-card:focus-visible .hbs-cap{opacity:1;transform:none}
.hbs--s-glow a.hbs-card{transition:box-shadow .4s}
.hbs--s-glow a.hbs-card:hover{box-shadow:0 0 0 2px var(--ac),0 14px 50px -10px var(--ac)}
/* layouts */
.hbs--grid .hbs-items{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:var(--g)}
.hbs--masonry .hbs-items{column-count:var(--c);column-gap:var(--g)}
.hbs--masonry a.hbs-card{break-inside:avoid;margin-bottom:var(--g)}
.hbs--mosaic .hbs-items{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:var(--g);grid-auto-flow:dense}
.hbs--mosaic a.hbs-card{aspect-ratio:1}
.hbs--mosaic .hbs-img{position:absolute;inset:0;aspect-ratio:auto}
.hbs--mosaic a.hbs-feat{grid-column:span 2;grid-row:span 2}
.hbs--mosaic .hbs-cap{position:absolute;left:0;right:0;bottom:0;color:#fff;background:linear-gradient(transparent,rgba(3,3,12,.88));border-radius:0 0 var(--r) var(--r);padding:48px 14px 12px}
.hbs--list .hbs-items{display:grid;gap:var(--g)}
.hbs--list a.hbs-card{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:20px;align-items:center}
.hbs--list .hbs-cap{position:static;background:none;color:var(--fg);padding:0}
.hbs--list .hbs-t{font-size:1.5em}
.hbs--list .hbs-m{color:var(--mt)}
.hbs-track{display:flex;gap:var(--g);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}
.hbs-track::-webkit-scrollbar{display:none}
.hbs--slider a.hbs-card{flex:0 0 calc((100% - (var(--c) - 1)*var(--g))/var(--c));scroll-snap-align:start}
.hbs--cards a.hbs-card{flex:0 0 min(78vw,330px);scroll-snap-align:center}
.hbs--cards .hbs-img{aspect-ratio:var(--ar)}
.hbs--cards a.hbs-card{border:1px solid rgba(127,127,160,.25)}
.hbs--cards .hbs-cap,.hbs--cards.hbs--s-below .hbs-cap{position:absolute;left:0;right:0;bottom:0;padding:56px 18px 18px;color:#fff;background:linear-gradient(transparent,rgba(3,3,12,.92));border-radius:0 0 var(--r) var(--r)}
.hbs--cards .hbs-t{font-size:1.35em}.hbs--cards .hbs-m{color:#d4d2f0}
.hbs-wrap{position:relative}
.hbs-nav{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:rgba(10,10,30,.72);color:#fff;cursor:pointer;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:2;transition:background .2s}
.hbs-nav:hover,.hbs-nav:focus-visible{background:var(--ac);color:#06231f}
.hbs-nav::before{content:"";width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(135deg);margin-left:4px}
.hbs-next::before{transform:rotate(-45deg);margin:0 4px 0 0}
.hbs-prev{left:8px}.hbs-next{right:8px}
[dir=rtl] .hbs-prev{left:auto;right:8px}[dir=rtl] .hbs-next{right:auto;left:8px}
[dir=rtl] .hbs-prev::before{transform:rotate(-45deg);margin:0 4px 0 0}[dir=rtl] .hbs-next::before{transform:rotate(135deg);margin:0 0 0 4px}
.hbs-f{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.hbs-f button,.hbs-more button{font:inherit;cursor:pointer;border:1.5px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:7px 16px;opacity:.8;transition:.2s}
.hbs-f button:hover,.hbs-more button:hover{opacity:1}
.hbs-f button[aria-pressed=true]{background:var(--ac);border-color:var(--ac);color:#06231f;opacity:1}
.hbs-more{text-align:center;margin-top:22px}
.hbs-hidden{display:none!important}.hbs-off{display:none!important}.hbs-filtering .hbs-hidden{display:block!important}
.hbs-filtering .hbs-hidden.hbs-off{display:none!important}
.hbs-empty{padding:14px 18px;border:1px dashed #c3c4c7;border-radius:8px;font-size:14px}
@media(max-width:600px){.hbs--list a.hbs-card{grid-template-columns:1fr}.hbs-nav{display:none}.hbs--mosaic a.hbs-feat{grid-column:span 1;grid-row:span 1}}
@media(prefers-reduced-motion:reduce){.hbs *{transition:none!important}}