.hv-stories{padding:var(--hv-sp-6) 0}.hv-stories--light{background:var(--hv-light);color:var(--hv-carbon)}.hv-stories--muted{background:var(--hv-white);color:var(--hv-carbon)}.hv-stories__head{margin-bottom:var(--hv-sp-5);display:flex;flex-direction:column;gap:8px;text-align:center}.hv-stories__title{font-family:var(--hv-font-display);font-weight:600;font-size:clamp(22px,2.8vw,30px);letter-spacing:-.01em;line-height:1.2;margin:0}.hv-stories__sub{font-family:var(--hv-font-body);font-size:14px;line-height:1.5;color:var(--hv-ink-60);margin:0}.hv-stories__row{display:flex;flex-wrap:wrap;gap:var(--hv-sp-3);justify-content:center}.hv-stories__row .hv-story-tile{flex:0 0 96px;max-width:96px}@media(max-width:720px){.hv-stories__row{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin-left:calc(-1 * var(--hv-sp-4));margin-right:calc(-1 * var(--hv-sp-4));padding-left:var(--hv-sp-4);padding-right:var(--hv-sp-4)}.hv-stories__row .hv-story-tile{flex:0 0 88px;max-width:88px;scroll-snap-align:start}}.hv-story-tile{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:8px;text-align:left;font-family:inherit;color:inherit}.hv-story-tile__thumb{position:relative;aspect-ratio:9 / 16;border-radius:4px;overflow:hidden;background:var(--hv-ink-10);border:1px solid var(--hv-ink-10);transition:border-color var(--hv-dur) var(--hv-ease),transform var(--hv-dur) var(--hv-ease)}.hv-story-tile:hover .hv-story-tile__thumb{border-color:var(--hv-carbon);transform:translateY(-2px)}.hv-story-tile__thumb img,.hv-story-tile__thumb video{display:block;width:100%;height:100%;object-fit:cover}.hv-story-tile__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(transparent 60%,#0006);color:var(--hv-white);transition:background var(--hv-dur) var(--hv-ease)}.hv-story-tile:hover .hv-story-tile__play{background:#1a1a1a4d}.hv-story-tile__duration{position:absolute;bottom:8px;right:8px;background:#0009;color:var(--hv-white);font-family:var(--hv-font-mono);font-size:11px;padding:2px 6px;border-radius:2px}.hv-story-tile__meta{display:flex;flex-direction:column;gap:2px;padding:0 2px}.hv-story-tile__index{font-family:var(--hv-font-mono);font-size:11px;letter-spacing:.04em;color:var(--hv-ink-40)}.hv-story-tile__caption{font-family:var(--hv-font-body);font-size:11px;line-height:1.3;color:var(--hv-carbon);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hv-story-tile__location{font-family:var(--hv-font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--hv-ink-60);margin-top:2px}.hv-story-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1aeb;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.hv-story-modal[hidden]{display:none}.hv-story-modal__close{position:absolute;top:16px;right:16px;-webkit-appearance:none;appearance:none;background:transparent;border:0;color:var(--hv-white);cursor:pointer;padding:8px;border-radius:4px;transition:background var(--hv-dur) var(--hv-ease)}.hv-story-modal__close:hover{background:#ffffff1a}.hv-story-modal__stage{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:480px;width:100%}.hv-story-modal__video{display:block;width:100%;max-height:80vh;aspect-ratio:9 / 16;background:#000;object-fit:contain;border-radius:6px}.hv-story-modal__caption{display:flex;flex-direction:column;gap:4px;color:var(--hv-white);text-align:center;font-family:var(--hv-font-body);font-size:14px}.hv-story-modal__location{font-family:var(--hv-font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/38/assets/hv-stories.css.map */