@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(manrope-var.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(inter-var.woff2) format("woff2")}.video-duo{--ff-heading: "Manrope", "Arial Black", sans-serif;--ff-body: "Inter", system-ui, sans-serif;--vd-ground: #000927;--vd-band: #0a0a0a;--vd-red: rgb(var(--primary1, 227, 41, 55));--vd-paper: #f5f5f5;--vd-line: #2a2a2a;--vd-dim: #98a0b8;--vd-pad: 80px;background:var(--vd-ground);font-family:var(--ff-body)}.video-duo__head{background:var(--vd-band);padding:26px var(--vd-pad) 22px}.video-duo__head-inner{max-width:var(--page-width);margin-inline:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.video-duo__title{margin:0;font-family:var(--ff-heading);font-weight:700;font-size:38px;line-height:1.1;letter-spacing:-.76px;color:var(--vd-paper);text-wrap:balance}.video-duo__accent{color:var(--vd-red)}.video-duo__actions{display:flex;flex-wrap:wrap;gap:8px}.video-duo__pill{box-sizing:border-box;height:42px;padding:0 19px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--vd-line);border-radius:8px;background:transparent;font-size:13px;font-weight:600;color:var(--vd-paper);text-decoration:none;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease}.video-duo__pill:hover,.video-duo__pill:focus-visible{border-color:#555;background:#ffffff0d}.video-duo__pill:focus-visible{outline:2px solid var(--vd-red);outline-offset:2px}.video-duo__pill svg{flex:0 0 auto}.video-duo__pill--yt svg{fill:var(--vd-red)}.video-duo__body{background-image:linear-gradient(180deg,var(--vd-band) 0%,var(--vd-ground) 58%,var(--vd-ground) calc(100% - 220px),#000 100%);padding:64px var(--vd-pad);display:flex;flex-direction:column;gap:64px}.video-duo__duo{max-width:var(--page-width);margin-inline:auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:32px}.video-duo__card{position:relative;display:block;border-radius:8px;overflow:hidden;aspect-ratio:766 / 424;text-decoration:none;isolation:isolate;background-color:#253044;container-type:inline-size}.video-duo__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-duo__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(179deg,#0a0a0a00 46%,#0a0a0af5 97%),#0006}.video-duo__play{position:absolute;top:42%;left:50%;translate:-50% -50%;width:102px;height:102px;width:clamp(34px,13.3cqw,102px);height:clamp(34px,13.3cqw,102px);z-index:2;opacity:.92;transition:scale .25s ease,opacity .25s ease}.video-duo__label{position:absolute;left:18px;right:18px;bottom:16px;z-index:2}.video-duo__card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-family:var(--ff-heading);font-weight:800;font-size:40px;font-size:clamp(15px,5.2cqw,40px);line-height:1.12;letter-spacing:-.8px;text-transform:uppercase;color:#fff;text-wrap:balance}.video-duo__meta{display:block;margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb8}.video-duo__card:hover .video-duo__art,.video-duo__card:focus-visible .video-duo__art{transform:scale(1.03)}.video-duo__card:hover .video-duo__play{scale:1.06;opacity:1}.video-duo__card:focus-visible{outline:2px solid var(--vd-red);outline-offset:3px}.video-duo__strip{margin:0 calc(var(--vd-pad) * -1);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.video-duo__track{display:flex;gap:24px;width:max-content;animation:video-duo-slide 42s linear infinite}.video-duo__strip:hover .video-duo__track,.video-duo__strip:focus-within .video-duo__track{animation-play-state:paused}@keyframes video-duo-slide{0%{translate:0 0}to{translate:-50% 0}}.video-duo__track .video-duo__card{width:324px;aspect-ratio:324 / 220;flex:0 0 auto}.video-duo__track .video-duo__play{width:44px;height:44px;width:clamp(30px,13.6cqw,44px);height:clamp(30px,13.6cqw,44px)}.video-duo__track .video-duo__card-title{display:block;font-size:19px;font-size:clamp(13px,5.9cqw,19px);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-duo__track .video-duo__label{left:14px;right:14px;bottom:12px}.video-duo__card--placeholder{cursor:default;pointer-events:none}.video-duo__card--placeholder .video-duo__play{opacity:.55}.video-duo__card--placeholder .video-duo__card-title{color:#ffffffc7}.video-duo__art--plate{background-color:#c4c4c4}.video-duo__track .video-duo__card--placeholder{background-color:#3b3838}.video-duo__track .video-duo__card--placeholder:after{content:none}.video-duo__empty{max-width:var(--page-width);margin-inline:auto;width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}.video-duo__empty-text{margin:0;max-width:52ch;font-size:14px;line-height:1.6;color:var(--vd-dim)}.video-duo__skeleton{border-radius:8px;background:linear-gradient(100deg,#101a30 30%,#16223c,#101a30 70%) 0 0 / 300% 100%;animation:video-duo-shimmer 1.4s linear infinite;aspect-ratio:766 / 424}@keyframes video-duo-shimmer{to{background-position:-300% 0}}@media screen and (max-width:1280px){.video-duo{--vd-pad: 48px}.video-duo__body{padding-block:48px;gap:48px}}@media screen and (max-width:989px){.video-duo{--vd-pad: 24px}.video-duo__title{font-size:30px}.video-duo__body{padding-block:40px;gap:40px}.video-duo__track .video-duo__card{width:260px}}@media screen and (max-width:749px){.video-duo{--vd-pad: 16px}.video-duo:not([hidden]){display:flex;flex-direction:column}.video-duo__head,.video-duo__head-inner{display:contents}.video-duo__title{order:1;box-sizing:border-box;background:var(--vd-band);padding:22px var(--vd-pad);font-size:26px}.video-duo__actions{order:3;box-sizing:border-box;flex-wrap:nowrap;background:#000;padding:0 var(--vd-pad) 32px}.video-duo__actions:empty{display:none}.video-duo__actions .video-duo__pill{flex:1 1 0;min-width:0;overflow:hidden;justify-content:center;padding:0 12px}.video-duo__duo{grid-template-columns:1fr;gap:14px}.video-duo__body{order:2;padding-block:32px;gap:32px}.video-duo__label{left:14px;right:14px;bottom:12px}.video-duo__track .video-duo__card{width:220px}.video-duo__duo .video-duo__skeleton:empty{display:block}.video-duo__track:empty{display:block;min-height:149px}}@media(prefers-reduced-motion:reduce){.video-duo__track{animation:none}.video-duo__art,.video-duo__play,.video-duo__pill,.video-duo__skeleton{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/video-duo.css.map */