/* The Sleeper Archive — 203 Years trailer */
.trailer-home{
  padding:96px 4vw 105px;
  background:#090806;
  border-top:1px solid rgba(177,138,77,.28);
  border-bottom:1px solid rgba(177,138,77,.28);
}

.trailer-home-inner{
  max-width:1380px;
  margin:auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:86px;
  align-items:center;
}

.trailer-home-copy{
  max-width:620px;
}

.trailer-home h2{
  margin:12px 0 22px;
  color:#eadfc7;
  font-size:clamp(56px,7vw,96px);
  line-height:.86;
  letter-spacing:-.045em;
  font-weight:400;
}

.trailer-home p{
  color:#9f937d;
  font-size:17px;
  line-height:1.72;
}

.trailer-frame{
  display:flex;
  justify-content:center;
}

.trailer-video-shell{
  width:min(390px,100%);
  padding:10px;
  background:#050504;
  border:1px solid rgba(177,138,77,.46);
  box-shadow:0 32px 75px rgba(0,0,0,.48);
}

.trailer-video-shell video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:9/16;
  background:#050504;
}

.trailer-caption{
  margin-top:13px;
  color:#7e725f;
  font:9px Arial,sans-serif;
  letter-spacing:.11em;
  text-align:center;
}

.trailer-page{
  margin:0;
  background:
    radial-gradient(circle at 50% -15%,#282219 0,#0b0a08 34%,#070705 76%);
  color:#eadfc7;
  font-family:Georgia,"Times New Roman",serif;
}

.trailer-page-main{
  max-width:1180px;
  margin:auto;
  padding:88px 4vw 120px;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:80px;
  align-items:center;
}

.trailer-page-copy h1{
  margin:13px 0 24px;
  font-size:clamp(66px,8vw,112px);
  line-height:.83;
  letter-spacing:-.045em;
  font-weight:400;
}

.trailer-page-copy .deck{
  max-width:570px;
  color:#a99c85;
  font-size:19px;
  line-height:1.7;
}

.trailer-page-meta{
  margin:32px 0 0;
  padding:18px 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(177,138,77,.28);
  border-bottom:1px solid rgba(177,138,77,.28);
}

.trailer-page-meta div{
  padding:0 18px;
  border-right:1px solid rgba(177,138,77,.28);
}

.trailer-page-meta div:first-child{
  padding-left:0;
}

.trailer-page-meta div:last-child{
  border-right:0;
}

.trailer-page-meta span{
  display:block;
  margin-bottom:6px;
  color:#8e7045;
  font:9px Arial,sans-serif;
  letter-spacing:.13em;
}

.trailer-page-meta strong{
  color:#d6c199;
  font-weight:400;
}

@media(max-width:900px){
  .trailer-home-inner,
  .trailer-page-main{
    grid-template-columns:1fr;
  }

  .trailer-home-copy{
    margin:auto;
  }

  .trailer-page-copy{
    max-width:680px;
  }
}

@media(max-width:650px){
  .trailer-home,
  .trailer-page-main{
    padding-left:20px;
    padding-right:20px;
  }

  .trailer-page-meta{
    grid-template-columns:1fr;
  }

  .trailer-page-meta div{
    padding:12px 0;
    border-right:0;
    border-bottom:1px solid rgba(177,138,77,.28);
  }

  .trailer-page-meta div:last-child{
    border-bottom:0;
  }
}