.productimage,
.homevideo{
  position:relative;
  width:100%;
  margin:0;
  border-radius:32px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 26px 70px rgba(20,24,35,.08);
}

.productimage img,
.homevideo video{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center;
  background:#fff;
}

.homevideo figcaption{
  position:absolute;
  left:18px;
  bottom:18px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(12px);
  color:#333;
  font-size:12px;
  font-weight:650;
}

@media(max-width:900px){
  .productimage,.homevideo{border-radius:24px}
}

@media(min-width:901px){
  .hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:42px}
  .homevideo{aspect-ratio:16/9;align-self:center}
  .homevideo video{height:100%;object-fit:contain}
}

@media(max-width:900px){
  .homevideo{width:min(100%,760px);margin-inline:auto;aspect-ratio:16/9}
  .homevideo video{height:100%;object-fit:contain}
}

@media(max-width:600px){
  .productimage,.homevideo{border-radius:20px}
  .homevideo figcaption{left:12px;bottom:12px;max-width:calc(100% - 24px)}
}