.vvl-section{position:relative;width:100%;background-color:var(--v-bg);padding:clamp(40px,6vh,80px) 0;box-sizing:border-box}.vvl-container{--vvl-pad: clamp(20px, 4vw, 48px);--vvl-gap: clamp(16px, 2.5vw, 36px);max-width:1320px;margin:0 auto;padding:0 var(--vvl-pad);box-sizing:border-box}.vvl-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(32px,4.5vw,56px)}.vvl-eyebrow-row{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px}.vvl-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background-color:var(--v-ink-muted, #8C887B)}.vvl-eyebrow{font-family:var(--v-font-body);font-size:clamp(.625rem,.7vw,.6875rem);font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--v-ink-muted, #8C887B);line-height:1}.vvl-heading{margin:0;font-family:var(--v-font-heading);font-size:clamp(1.75rem,3vw,2.75rem);font-weight:400;color:var(--v-ink, #111111);letter-spacing:-.02em;line-height:1.15}.vvl-controls{display:flex;flex-shrink:0;align-items:center;gap:10px}.vvl-count{margin-right:8px;font-family:var(--v-font-body);font-size:.75rem;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--v-ink-muted, #6B6860)}.vvl-arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--v-line, rgba(17, 17, 17, .14));border-radius:50%;background:transparent;color:var(--v-ink, #111111);cursor:pointer;transition:background-color var(--v-dur-2) ease,color var(--v-dur-2) ease,opacity var(--v-dur-2) ease}.vvl-arrow svg{width:14px;height:10px}.vvl-arrow:disabled{opacity:.35;cursor:default}@media(hover:hover)and (pointer:fine){.vvl-arrow:not(:disabled):hover{background-color:var(--v-ink, #111111);color:var(--v-ink-inverse, #FFFFFF)}}.vvl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--vvl-gap);margin:0 0 clamp(32px,4vw,48px);padding:0;list-style:none}.vvl-section--reel .vvl-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--vvl-gap)) / 3.35);margin-inline:calc(-1 * var(--vvl-pad));padding-inline:var(--vvl-pad);scroll-padding-inline:var(--vvl-pad);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.vvl-section--reel .vvl-grid::-webkit-scrollbar{display:none}.vvl-video-card{position:relative;display:flex;flex-direction:column;gap:14px;width:100%;scroll-snap-align:start}.vvl-card-link{display:flex;flex-direction:column;gap:14px;color:inherit;text-decoration:none}.vvl-video-wrap{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:var(--v-radius-sm, 3px);overflow:hidden;border:1px solid rgba(23,21,15,.08);background-color:var(--v-surface-alt, #E8E2D8);box-shadow:0 12px 30px -8px #17150f0f}.vvl-video{width:100%;height:100%;object-fit:cover;display:block}.vvl-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--v-surface-alt, #EDECEA)}.vvl-play-icon{width:48px;height:48px;color:var(--v-ink-muted, #999999);opacity:.5}.vvl-video-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.25) 100%);pointer-events:none;opacity:0;transition:opacity var(--v-dur-3) ease}@media(hover:hover)and (pointer:fine){.vvl-video-card:hover .vvl-video-wrap:after{opacity:1}}.vvl-caption{margin:0;font-family:var(--v-font-body);font-size:clamp(.6875rem,.8vw,.8125rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--v-ink-muted, #6B6860);text-align:center}.vvl-cta-wrap{display:flex;justify-content:center}.vvl-cta-link{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-family:var(--v-font-body);font-size:.6875rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--v-ink, #111111);padding:14px 32px;border:1px solid var(--v-line, rgba(17, 17, 17, .14));border-radius:100px;transition:background-color var(--v-dur-2) ease,color var(--v-dur-2) ease}@media(hover:hover)and (pointer:fine){.vvl-cta-link:hover{background-color:var(--v-ink, #111111);color:var(--v-ink-inverse, #FFFFFF)}}.vvl-cta-line{display:inline-block;width:32px;height:1px;background-color:currentColor;opacity:.3}.vvl-cta-arrow{width:8px;height:8px;flex-shrink:0}@media screen and (max-width:989px){.vvl-section--reel .vvl-grid{grid-auto-columns:calc((100% - var(--vvl-gap)) / 2.3)}}@media screen and (max-width:749px){.vvl-container{--vvl-gap: 12px}.vvl-grid{grid-template-columns:repeat(3,1fr);gap:8px}.vvl-section--reel .vvl-grid{gap:var(--vvl-gap);grid-auto-columns:62%}.vvl-arrow{display:none}.vvl-video-wrap{border-radius:3px}.vvl-caption{font-size:.5625rem;letter-spacing:.08em}.vvl-section--reel .vvl-caption{font-size:.6875rem;letter-spacing:.12em}.vvl-cta-link{font-size:.625rem;padding:12px 24px;gap:10px}.vvl-cta-line{width:20px}}@media(prefers-reduced-motion:reduce){.vvl-video-wrap:after,.vvl-cta-link,.vvl-arrow{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/virsaay-video-lookbook.css.map */