.factory-offset{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:36px;
  padding:80px 0;
  flex-wrap:wrap;
}

/* VIDEO CARD */
.img-large,
.img-small{
  position:relative;

  width:720px;
  height:420px;

  overflow:hidden;

  background:#000;

  border:1px solid rgba(255,255,255,0.06);

  box-shadow:0 25px 60px rgba(0,0,0,0.18);

  transition:0.4s ease;
}

.img-large:hover,
.img-small:hover{
  transform:translateY(-6px);
}

/* VIDEO */
.img-large iframe,
.img-small iframe{
  width:100%;
  height:100%;
  border:0;
}

/* DARK FILM */
.img-large::after,
.img-small::after{
  content:"";
  position:absolute;
  inset:0;
  display:none;
  background:linear-gradient(
    to right,
    rgba(0,0,0,0.45) 0%,
    rgba(0,0,0,0.15) 28%,
    transparent 55%
  );

  pointer-events:none;

  transition:0.4s ease;
}
.img-large:hover::after,
.img-small:hover::after{
  opacity:0;
}
/* TEXT OVERLAY */
.video-overlay{
  position:absolute;

  left:48px;
  bottom:48px;

  z-index:5;

  width:340px;

  color:#fff;

  transition:0.45s ease;
}

/* SMALL LABEL */
.video-overlay span{
  display:block;

  font-size:11px;
  letter-spacing:4px;
  text-transform:uppercase;

  color:#c9a46b;

  margin-bottom:18px;

  font-weight:600;
}

/* TITLE */
.video-overlay h3{
  font-size:42px;

  line-height:0.95;

  font-weight:700;

  letter-spacing:-2px;

  margin:0 0 18px;
}

/* DESCRIPTION */
.video-overlay p{
  font-size:14px;

  line-height:1.8;

  color:rgba(255,255,255,0.78);

  margin-bottom:28px;

  max-width:300px;
}

/* BUTTON */
.video-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:14px 28px;

  background:#c9a46b;

  color:#fff;

  text-decoration:none;

  font-size:12px;
  font-weight:700;

  letter-spacing:2px;
  text-transform:uppercase;

  transition:0.3s ease;
}

.video-btn:hover{
  background:#dfb57a;

  transform:translateY(-2px);
}

/* HIDE TEXT WHEN PLAY */
.img-large:hover .video-overlay,
.img-small:hover .video-overlay{
  opacity:0;
  transform:translateY(25px);
}
.hero-line{
  width:120px;
  height:2px;

  background:#c8a46a;

  margin-bottom:36px;
}
.about-hero-content p{
  max-width:680px;

  font-size:22px;
  line-height:1.9;

  color:rgba(255,255,255,0.82);

  margin-bottom:46px;
}
.hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:20px 40px;

  border-radius:999px;

  background:#c8a46a;
  color:#fff;

  font-size:12px;
  font-weight:600;

  letter-spacing:3px;
  text-transform:uppercase;

  text-decoration:none;

  transition:0.4s ease;
}
.hero-btn:hover{
  background:#fff;
  color:#111;

  transform:translateY(-4px);
}