.hb-story-card{display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;border:1px solid #352c1c;background:#11100e;color:var(--hb-on-ink, #f4eddd);text-decoration:none;transition:border-color .18s ease,transform .18s ease}.hb-story-card:hover{border-color:var(--hb-gold, #e5b64b);color:var(--hb-on-ink, #f4eddd);transform:translateY(-3px)}.hb-story-card:focus-visible{outline:2px solid var(--hb-gold, #e5b64b);outline-offset:4px}.hb-story-card__art{aspect-ratio:16 / 9;overflow:hidden;background:#050505;border-bottom:1px solid #352c1c}.hb-story-card__art img{display:block;width:100%;height:100%;object-fit:contain}.hb-story-card__body{display:flex;flex:1;flex-direction:column;gap:14px;padding:22px}.hb-story-card__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;color:#c1ab7c;font:500 11px/1.5 var(--hb-font-ui, sans-serif);letter-spacing:.07em;text-transform:uppercase}.hb-story-card__title{margin:0;color:var(--hb-on-ink, #f4eddd);font-family:var(--hb-font-title, sans-serif);font-size:clamp(24px,2.1vw,30px);font-weight:var(--hb-title-weight, 400);line-height:1.14;letter-spacing:.015em;text-transform:uppercase;overflow-wrap:anywhere}.hb-story-card__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#b8b2a6;font:400 14px/1.6 var(--hb-font-ui, sans-serif)}.hb-story-card__foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:16px;border-top:1px solid #30281b;color:var(--hb-gold, #e5b64b);font:600 11px/1.5 var(--hb-font-ui, sans-serif);letter-spacing:.1em;text-transform:uppercase}.hb-story-card__foot svg{width:15px;height:15px;flex-shrink:0}.hb-stories-grid{display:grid;grid-template-columns:repeat(var(--hb-stories-cols, 3),minmax(0,1fr));gap:24px}@media(max-width:1000px){.hb-stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.hb-stories-grid{grid-template-columns:minmax(0,1fr);gap:20px}.hb-story-card__body{padding:18px}}@media(prefers-reduced-motion:reduce){.hb-story-card{transition:none}.hb-story-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/hb-story-card.css.map */