/* BUILD 13 IMPROVED */
.signature-hero-image{
  opacity:1;
  transition:opacity .8s ease;
}
.signature-hero-image.is-changing{opacity:.12}
.hero-slide-dots{
  position:absolute;
  right:30px;
  bottom:92px;
  z-index:4;
  display:flex;
  gap:9px;
}
.hero-slide-dots button{
  width:9px;
  height:9px;
  padding:0;
  border:1px solid rgba(255,255,255,.7);
  border-radius:50%;
  background:transparent;
}
.hero-slide-dots button.active{
  background:var(--wit-red);
  border-color:var(--wit-red);
  box-shadow:0 0 14px rgba(255,31,40,.75);
}
.video-showcase{max-width:1400px;margin:auto}
.video-showcase .section-title p{max-width:760px;color:#aaa;line-height:1.7}
.video-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.video-card{
  border:1px solid #313131;
  background:#0b0b0b;
  overflow:hidden;
}
.video-placeholder{
  aspect-ratio:16/10;
  min-height:260px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px;
  background:
    linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,.82)),
    url('../images/flagship-living-02.jpg') center/cover;
}
.video-card:nth-child(2) .video-placeholder{
  background-image:
    linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,.82)),
    url('../images/flagship-kitchen-03.jpg');
}
.video-card:nth-child(3) .video-placeholder{
  background-image:
    linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,.82)),
    url('../images/flagship-bath-02.jpg');
}
.video-play{
  width:72px;
  height:72px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--wit-red);
  color:white;
  font-size:1.5rem;
  padding-left:4px;
  margin-bottom:18px;
  box-shadow:0 14px 34px rgba(255,31,40,.34);
}
.video-placeholder strong{
  font-size:1.2rem;
  text-transform:uppercase;
}
.video-placeholder small{
  margin-top:10px;
  color:#bbb;
  line-height:1.5;
}
.video-upload-note{
  margin-top:18px;
  padding:18px 20px;
  border-left:4px solid var(--wit-red);
  background:#0c0c0c;
  color:#aaa;
}
.video-upload-note strong{color:white;margin-right:8px}
.video-upload-note code{color:white}
.cray-credit{
  width:100%;
  padding:24px 16px;
  text-align:center;
  border-top:1px solid #252525;
  background:#040404;
  color:#888;
  font-size:.82rem;
  letter-spacing:.04em;
}
.cray-credit strong{color:#fff}
@media(max-width:900px){
  .video-grid{grid-template-columns:1fr}
  .video-placeholder{min-height:240px}
}
@media(max-width:820px){
  .hero-slide-dots{
    right:auto;
    left:22px;
    bottom:34px;
  }
}