.hero-video{
  display:grid;
  min-width:0;
  min-height:880px;
  padding:104px 32px 42px;
  place-items:center;
  align-content:center;
  gap:24px;
  background:radial-gradient(circle at 50% 35%,#651522 0,#320b13 64%,#17090d 100%);
}

.hero-video:after{
  display:none;
}

.hero-video + .hero-mark{
  display:none;
}

.hero-video-frame{
  position:relative;
  width:min(100%,720px);
  overflow:hidden;
  aspect-ratio:16/9;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:#050505;
  box-shadow:0 28px 70px rgba(0,0,0,.38);
}

.hero-video-frame:after{
  position:absolute;
  z-index:2;
  inset:0;
  content:"";
  pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.44) 100%),linear-gradient(0deg,rgba(0,0,0,.34),transparent 38%);
}

.hero-video video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.hero-video-word{
  position:relative;
  z-index:1;
  color:rgba(255,255,255,.96);
  font:500 clamp(5rem,10vw,9rem)/.72 var(--serif);
  letter-spacing:-.075em;
  text-shadow:0 8px 32px rgba(0,0,0,.72);
  pointer-events:none;
}

.home-explore-photo{
  position:relative;
  z-index:2;
  width:min(100%,960px);
  margin:48px auto 0;
  overflow:hidden;
  aspect-ratio:1649/954;
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  background:#160a0d;
  box-shadow:0 28px 65px rgba(0,0,0,.34);
}

.home-explore-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

@media(max-width:900px){
  .hero-video{
    height:620px;
    min-height:620px;
    padding:58px 24px;
  }
}

@media(max-width:560px){
  .hero-video{
    height:430px;
    min-height:430px;
    padding:44px 12px;
    gap:16px;
  }

  .hero-video-frame{
    border-radius:10px;
  }

  .hero-video-word{
    font-size:clamp(4rem,21vw,6.5rem);
  }

  .home-explore-photo{
    margin-top:34px;
    border-radius:10px;
  }
}