.loneslice-home-video-preview {
  --loneslice-video-panel: url("rusted-diamond-plate-video-panel-desktop-needs-review-v1.png");
  aspect-ratio: 1 / 2;
  box-sizing: border-box !important;
  background: var(--loneslice-video-panel) center / 100% 100% no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 12px 28px rgba(26, 12, 7, 0.34) !important;
  color: #f4ead8 !important;
  overflow: hidden !important;
  padding: clamp(58px, 7vw, 92px) clamp(38px, 5vw, 68px) !important;
}

.loneslice-home-video-preview .loneslice-home-video-inner,
.loneslice-home-video-preview .loneslice-home-video-stage,
.loneslice-home-video-preview .loneslice-home-video-featured-grid,
.loneslice-home-video-preview .loneslice-home-video-feature-card,
.loneslice-home-video-preview .loneslice-home-video-media-frame {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.loneslice-home-video-preview .loneslice-home-video-stage { padding: 0 !important; }
.loneslice-home-video-preview .loneslice-home-video-eyebrow { color: #d7a851 !important; }
.loneslice-home-video-preview .loneslice-home-video-inner > p:not(.loneslice-home-video-eyebrow) { color: #f4ead8 !important; }

.loneslice-home-video-preview .loneslice-home-video-label {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #f4ead8 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  text-shadow: 0 2px 2px rgba(20, 8, 3, 0.8) !important;
}

html body.home .loneslice-home-video-preview .loneslice-home-video-label,
html body.home .loneslice-home-video-preview .loneslice-home-video-label * {
  color: #f4ead8 !important;
  -webkit-text-fill-color: #f4ead8 !important;
}

.loneslice-home-video-preview .loneslice-home-video-player,
.loneslice-home-video-preview video,
.loneslice-home-video-preview iframe {
  background: #160b07 !important;
  border: 3px solid #39241a !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 14px rgba(18, 7, 3, 0.42) !important;
}

@media (max-width: 1024px) {
  .loneslice-home-video-preview {
    --loneslice-video-panel: url("rusted-diamond-plate-video-panel-tablet-needs-review-v1.png");
    aspect-ratio: 5 / 8;
    padding: 60px 50px !important;
  }
}

@media (max-width: 600px) {
  .loneslice-home-video-preview {
    --loneslice-video-panel: url("rusted-diamond-plate-video-panel-mobile-needs-review-v1.png");
    aspect-ratio: 9 / 16;
    padding: 54px 34px !important;
  }

  .loneslice-home-video-preview .loneslice-home-video-featured-grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 88% !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    scroll-snap-type: inline mandatory !important;
    scrollbar-width: thin !important;
  }

  .loneslice-home-video-preview .loneslice-home-video-feature-card { scroll-snap-align: center !important; }
}
