.hub-page{background:var(--black)}.hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:var(--black);padding:60px var(--section-px)}.hub-card{position:relative;display:flex;flex-direction:column;text-decoration:none;background:var(--grey-mid);overflow:hidden;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s}.hub-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000080}.hub-card-img{aspect-ratio:3/2;overflow:hidden;position:relative}.hub-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.23,1,.32,1),filter .4s}.hub-card:hover .hub-card-img img{transform:scale(1.07);filter:brightness(1.08) saturate(1.1)}.hub-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 55%);transition:opacity .3s}.hub-card:hover .hub-card-overlay{opacity:.6}.hub-card-placeholder{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--grey-mid) 0,var(--grey-mid) 1px,transparent 1px,transparent 14px);color:var(--grey-border);font-family:var(--font-cond);font-size:13px;letter-spacing:.15em;text-transform:uppercase}.hub-card-info{padding:20px 22px;display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--grey-border);background:var(--grey-dark);transition:background .25s;flex:1}.hub-card:hover .hub-card-info{background:var(--grey-mid)}.hub-card-eyebrow{font-family:var(--font-cond);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--grey-muted);display:block;margin-bottom:5px}.hub-card-title{font-family:var(--font-head);font-size:24px;letter-spacing:.04em;color:var(--white-pure);display:block;line-height:1}.hub-card-sub{font-family:var(--font-cond);font-size:11px;letter-spacing:.1em;color:var(--grey-muted);text-transform:uppercase;display:block;margin-top:5px}.hub-card-arrow{font-size:22px;color:var(--grey-muted);transition:color .2s,transform .25s;flex-shrink:0;margin-left:12px}.hub-card:hover .hub-card-arrow{color:var(--white-pure);transform:translate(5px)}@media(max-width:1100px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hub-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/hub.css.map */