.video-story{--vs-ink: #121212;--vs-script: #c5120e;--vs-text: #3b3b3b;--vs-green: #2f8c60;--vs-green-dark: color-mix(in srgb, var(--vs-green), #000 20%);--vs-radius: 18px;--vs-hover: .2s ease;--vs-shade: linear-gradient(90deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .55) 34%, rgba(0, 0, 0, 0) 60%), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0) 45%);--vs-font-script: "Genty", cursive;--vs-font-cond: "DIN Condensed", sans-serif;--vs-font-display: "Intro Rust Base", sans-serif;background:var(--vs-bg);color:var(--vs-ink);padding:40px 0}.video-story__in{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "player" "body";gap:18px}.video-story__head{grid-area:head}.video-story__script{margin:0;color:var(--vs-script);font-family:var(--vs-font-script);font-size:28px;line-height:1.05}.video-story__title{margin:4px 0 0;color:var(--vs-ink);font-family:var(--vs-font-heading, var(--vs-font-display));font-weight:var(--vs-font-heading-weight, 400);font-size:38px;line-height:.95;letter-spacing:0;text-transform:uppercase}.video-story__sub{display:block;margin-top:4px;font-size:.62em}.video-story__player{grid-area:player;position:relative;aspect-ratio:16 / 9;border-radius:var(--vs-radius);overflow:hidden;background:#000;box-shadow:0 30px 60px #0000004d}.video-story__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}.video-story__player[loaded] .video-story__poster{display:none}.video-story__still{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.video-story__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vs-shade)}.video-story__pill{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid rgba(255,255,255,.85);border-radius:100px;color:#fff;font-family:var(--font-body-family, sans-serif);font-size:13px;font-weight:600;white-space:nowrap;transition:background-color var(--vs-hover),color var(--vs-hover)}.video-story__pill svg{width:14px;height:14px}.video-story__poster:hover .video-story__pill,.video-story__poster:focus-visible .video-story__pill{background:#fff;color:var(--vs-ink)}.video-story__poster:focus-visible{outline:3px solid var(--vs-green);outline-offset:-3px}.video-story__cc{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:100px;background:#1412108c;color:#fff;font-family:var(--font-body-family, sans-serif);font-size:12px;font-weight:600}.video-story__cc span{padding:0 4px;border:1.5px solid currentColor;border-radius:4px;font-size:10px;line-height:1.4}.video-story__player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-story__body{grid-area:body;display:flex;flex-direction:column;align-items:stretch;gap:18px}.video-story__text{margin:0;color:var(--vs-text);font-family:var(--vs-font-cond);font-size:20px;line-height:1.35;letter-spacing:0}.video-story__btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:100px;background:var(--vs-green);color:#fff;font-family:var(--vs-font-display);font-size:18px;letter-spacing:1.5px;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:background-color var(--vs-hover),transform var(--vs-hover),box-shadow var(--vs-hover)}.video-story__btn:hover,.video-story__btn:focus-visible{background:var(--vs-green-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px -12px #00000080}.video-story__btn:focus-visible{outline:2px solid var(--vs-ink);outline-offset:3px}@media(min-width:990px){.video-story{--vs-radius: 24px;padding:96px 0}.video-story__in{grid-template-columns:minmax(0,5fr) minmax(0,8fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:". player" "head player" "body player" ". player";column-gap:64px;row-gap:24px;align-items:center}.video-story__script{font-size:40px}.video-story__title{font-size:clamp(48px,4.4vw,64px)}.video-story__player{align-self:center}.video-story__pill{left:28px;bottom:26px;padding:12px 22px;font-size:16px}.video-story__cc{top:20px;right:20px;padding:10px 14px;font-size:13px}.video-story__body{align-items:flex-start;gap:24px}.video-story__text{max-width:520px;font-size:22px}}@media(prefers-reduced-motion:reduce){.video-story__pill,.video-story__btn{transition:none}.video-story__btn:hover,.video-story__btn:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/video-story.css.map */