.ac-video-grid{padding-top:var(--ac-vg-pt, 56px);padding-bottom:var(--ac-vg-pb, 56px);color:var(--ac-vg-text, #1c1c1a)}.ac-video-grid__panel{position:relative;overflow:hidden;background:var(--ac-vg-bg, #faf6ee);border:1px solid var(--ac-vg-border, #e8ddc9);border-radius:20px;padding:40px 0 48px}.ac-video-grid__flourish{position:absolute;z-index:0;width:130px;height:130px;color:var(--ac-vg-flourish, #c9b48a);pointer-events:none}.ac-video-grid__flourish svg{display:block;width:100%;height:100%}.ac-video-grid__flourish--tr{top:-10px;right:-6px;transform:scaleX(-1)}.ac-video-grid__flourish--bl{bottom:-10px;left:-6px}.ac-video-grid__panel>.container{position:relative;z-index:1}@media(max-width:767px){.ac-video-grid__flourish{width:78px;height:78px}}.ac-video-grid__head{text-align:center;margin-bottom:34px}.ac-video-grid__eyebrow{margin:0 0 10px;color:var(--ac-vg-eyebrow, #4a6b52);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.ac-video-grid__title{margin:0 0 10px;color:var(--ac-vg-text, #1c1c1a);font-size:clamp(30px,4vw,46px);line-height:1.1}.ac-video-grid__subtitle{margin:0 auto;max-width:46ch;opacity:.72;font-size:15px}.ac-video-grid__grid{display:grid;grid-template-columns:repeat(var(--ac-vg-cols-mobile, 2),minmax(0,1fr));gap:var(--ac-vg-gap, 20px)}@media(min-width:768px){.ac-video-grid__grid{grid-template-columns:repeat(var(--ac-vg-cols, 4),minmax(0,1fr))}}.ac-video-grid__item{margin:0;min-width:0}.ac-video-grid__media{position:relative;display:block;overflow:hidden;border-radius:var(--ac-vg-radius, 16px);background:#0000000f;text-decoration:none;contain:paint}.ac-video-grid__media video,.ac-video-grid__poster,.ac-video-grid__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.ac-video-grid--natural .ac-video-grid__media video,.ac-video-grid--natural .ac-video-grid__poster{height:auto}.ac-video-grid--square .ac-video-grid__media{aspect-ratio:1 / 1}.ac-video-grid--portrait45 .ac-video-grid__media{aspect-ratio:4 / 5}.ac-video-grid--portrait34 .ac-video-grid__media{aspect-ratio:3 / 4}.ac-video-grid--portrait916 .ac-video-grid__media{aspect-ratio:9 / 16}.ac-video-grid__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transition:opacity .35s ease}.ac-video-grid__item.is-playing .ac-video-grid__poster{opacity:0;pointer-events:none}.ac-video-grid__item.is-playing .ac-video-grid__media video{transform:scale(1.04)}.ac-video-grid__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(to bottom,#00000047,#0000 34% 46%,#000000b8);pointer-events:none}.ac-video-grid__badge{position:absolute;top:14px;left:14px;z-index:5;padding:6px 12px;border-radius:999px;background:var(--ac-vg-accent, #f6c7ac);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;line-height:1}.ac-video-grid__overlay{position:absolute;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:18px 16px 22px;pointer-events:none}.ac-video-grid__copy{min-width:0}.ac-video-grid__item-title{margin:0;color:#fff;font-size:clamp(17px,1.4vw,21px);line-height:1.2}.ac-video-grid__caption{margin:4px 0 0;color:#ffffffd1;font-size:13px;line-height:1.35}.ac-video-grid__duration{display:inline-block;margin-top:10px;padding:3px 9px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;font-size:11px;line-height:1.4}.ac-video-grid__play{position:relative;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#fff;transition:opacity .3s ease,transform .3s ease}.ac-video-grid__play:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #1c1c1a}.ac-video-grid__item.is-playing .ac-video-grid__play{opacity:0;transform:scale(.85)}.ac-video-grid__bar{position:absolute;right:0;bottom:0;left:0;z-index:6;height:4px;background:var(--ac-vg-accent, #f6c7ac);transform:scaleX(.45);transform-origin:left center;transition:transform .4s ease}.ac-video-grid__item.is-playing .ac-video-grid__bar{transform:scaleX(1)}.ac-video-grid__media:focus-visible{outline:2px solid var(--ac-vg-text, #1c1c1a);outline-offset:3px}@media(max-width:767px){.ac-video-grid__panel{padding:28px 0 32px;border-radius:14px}.ac-video-grid__play{width:34px;height:34px}.ac-video-grid__play:after{border-width:6px 0 6px 9px}.ac-video-grid__overlay{padding:12px 12px 16px}}@media(prefers-reduced-motion:reduce){.ac-video-grid__media video,.ac-video-grid__poster,.ac-video-grid__play,.ac-video-grid__bar{transition:none}.ac-video-grid__item.is-playing .ac-video-grid__media video{transform:none}}@media(max-width:767px){.ac-video-grid--mslider .ac-video-grid__grid{display:flex;gap:12px;margin:0 -15px;padding:2px 15px 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:15px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ac-video-grid--mslider .ac-video-grid__grid::-webkit-scrollbar{display:none}.ac-video-grid--mslider .ac-video-grid__item{flex:0 0 76%;scroll-snap-align:start}.ac-video-grid--mslider .ac-video-grid__head{margin-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/artisticases-video-grid.css.map */