.retail-video-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 25px;
  scroll-margin-top: 115px;
}
.retail-video-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e6dfd0;
  border-radius: 10px;
  background: #fff;
}
.retail-video-cover {
  display: block;
  position: relative;
  aspect-ratio: 4/5;
  width: 100%;
  padding: 0;
  border: 0;
  overflow: hidden;
  background: #26221c;
}
.retail-video-cover::after {
  content: '';
  position: absolute;
  inset: 45% 0 0;
  background: linear-gradient(transparent,#17120db3);
  pointer-events: none;
}
.retail-video-cover img {width: 100%; height: 100%; object-fit: cover; transition: transform .25s;}
.retail-video-cover:hover img {transform: scale(1.03);}
.retail-video-duration {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 5px 9px;
  border: 1px solid #ffffff38;
  border-radius: 4px;
  background: #241e16b8;
  color: #fff;
  font-size: 11px;
  letter-spacing: .06em;
  z-index: 2;
}
.retail-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: grid;
  place-items: center;
  width: 65px;
  height: 65px;
  padding-left: 4px;
  border: 2px solid #ffe295;
  border-radius: 50%;
  color: #fff1b4;
  background: #a31625eb;
  font-size: 24px;
  box-shadow: 0 4px 25px #0003;
  z-index: 2;
}
.retail-video-watch {position: absolute; bottom: 22px; left: 22px; right: 22px; display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 10px; letter-spacing: .07em; font-weight: 650; z-index: 2;}
.retail-video-watch>span {font-size: 22px;}
.retail-video-description {padding: 23px 21px 25px;}
.retail-video-description>span {font-size: 8px; letter-spacing: .13em; color: var(--red); font-weight: 700;}
.retail-video-description h3 {font-size: 19px; line-height: 1.4; margin-top: 9px; letter-spacing: -.03em;}
.retail-video-description p {font-size: 13px; line-height: 1.7; margin-top: 9px;}
.retail-video-more {display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 20px 0 0; margin-bottom: 60px; font-size: 11px; color: var(--muted);}
.retail-video-more>a {display: flex; gap: 20px; font-weight: 600; color: var(--red-dark);}
.gallery-heading {display: flex; align-items: center; justify-content: space-between; gap: 25px; border-top: 1px solid #e6ddca; padding-top: 29px; margin-bottom: 25px;}
.gallery-heading h3 {font-size: 25px; font-weight: 650;}
.gallery-heading p {font-size: 12px;}
.retail-video-dialog {width: min(460px,calc(100% - 28px)); max-height: calc(100dvh - 32px); border-radius: 10px; background: #171410; color: #fff; border: 1px solid #5e5242; overflow: auto;}
.retail-video-dialog .dialog-close {top: 12px; right: 12px; width: 40px; height: 40px; background: #fffdf0f0; border-color: #e0cc9d; font-size: 27px; box-shadow: 0 3px 9px #0003;}
.retail-video-player {display: flex; align-items: center; justify-content: center; background: #14110d; min-height: 200px;}
.retail-video-player video {display: block; width: 100%; max-height: calc(100dvh - 135px); aspect-ratio: 9/16; object-fit: contain; background: #14110d;}
.retail-video-footer {border-top: 1px solid #41392d; padding: 16px 20px 19px;}
.retail-video-footer h2 {font-size: 15px; font-weight: 650; letter-spacing: -.015em; line-height: 1.45; color: #fff5d1;}
.retail-video-footer p {font-size: 10px; line-height: 1.6; color: #b7ac98; margin-top: 5px;}
.social-section {padding: 67px 0; background: #fff; border-bottom: 1px solid #e7e1d4;}
.social-section-inner {display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: center;}
.social-section .eyebrow {font-size: 9px; margin-bottom: 14px;}
.social-section h2 {font-size: 35px;}
.social-cards {display: flex; flex-direction: column; gap: 12px;}
.social-card {display: flex; align-items: center; gap: 19px; padding: 19px 22px; border: 1px solid #e6d9be; border-radius: 8px; background: #fffdf7; transition: border-color .2s,background .2s;}
.social-card:hover {border-color: #c68e3b; background: #fff6db;}
.social-letter {display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #eccdb0; border-radius: 10px; color: var(--red); background: #fff1dd; font-size: 32px; font-weight: 550; line-height: 1;}
.facebook-letter {font-family: Arial,sans-serif; font-size: 33px; font-weight: 700;}
.social-card strong {display: block; font-family: var(--heading); font-size: 16px; font-weight: 650; letter-spacing: -.02em;}
.social-card small {display: block; color: var(--muted); font-size: 12px; margin-top: 2px;}
.social-arrow {margin-left: auto; color: var(--red); font-size: 25px;}

@media (max-width: 1100px) {
  .retail-video-grid {gap: 19px;}
  .retail-video-description {padding: 20px 17px 22px;}
  .retail-video-description h3 {font-size: 17px;}
  .retail-video-description p {font-size: 12px;}
  .social-section-inner {gap: 55px;}
}
@media (max-width: 820px) {
  .retail-video-grid {gap: 14px;}
  .retail-video-play {width: 53px; height: 53px; font-size: 20px;}
  .retail-video-watch {font-size: 8px; left: 14px; right: 14px; bottom: 15px;}
  .retail-video-description {padding: 17px 14px 19px;}
  .retail-video-description h3 {font-size: 16px;}
  .retail-video-description p {font-size: 11px;}
  .retail-video-description>span {font-size: 7px;}
  .gallery-heading {display: block;}
  .gallery-heading p {margin-top: 10px;}
  .social-section-inner {gap: 35px; grid-template-columns: .85fr 1.15fr;}
  .social-section h2 {font-size: 30px;}
  .social-card {padding: 16px; gap: 13px;}
}
@media (max-width: 600px) {
  .retail-video-grid {grid-template-columns: minmax(0,1fr); gap: 25px; scroll-margin-top: 90px;}
  .retail-video-card {width: 100%; max-width: 430px; margin-inline: auto;}
  .retail-video-cover {aspect-ratio: 4/5;}
  .retail-video-play {width: 64px; height: 64px; font-size: 24px;}
  .retail-video-duration {top: 16px; right: 16px; font-size: 11px;}
  .retail-video-watch {font-size: 10px; left: 22px; right: 22px; bottom: 22px;}
  .retail-video-description {padding: 22px 20px 24px;}
  .retail-video-description h3 {font-size: 21px;}
  .retail-video-description p {font-size: 14px;}
  .retail-video-description>span {font-size: 9px;}
  .retail-video-more {display: block; font-size: 12px; margin-bottom: 39px; line-height: 1.7;}
  .retail-video-more>a {margin-top: 13px; font-size: 12px;}
  .gallery-heading {padding-top: 26px;}
  .gallery-heading h3 {font-size: 25px;}
  .gallery-heading p {font-size: 13px; line-height: 1.75;}
  .retail-video-footer {padding: 15px 17px 18px;}
  .retail-video-footer h2 {font-size: 15px;}
  .retail-video-footer p {font-size: 11px;}
  .social-section {padding: 52px 0;}
  .social-section-inner {grid-template-columns: minmax(0,1fr); gap: 28px;}
  .social-section h2 {font-size: 34px;}
  .social-card {padding: 18px; gap: 16px;}
  .social-card strong {font-size: 17px;}
  .social-card small {font-size: 12px;}
}