/* V14 Tentang Homepage: foto / YouTube */
.about-visual.about-media-active{
  background:#eaf3fc;
}
.about-visual.about-media-active:before,
.about-visual.about-media-active:after{
  display:none;
}
.about-visual .about-media-photo,
.about-visual .about-media-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:4;
}
.about-visual .about-media-photo{
  display:block;
  object-fit:cover;
}
.about-visual .about-media-video{
  border:0;
  background:#071a2d;
}
.about-youtube-launcher{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:#071a2d;
  cursor:pointer;
  z-index:4;
  overflow:hidden;
}
.about-youtube-launcher img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.about-youtube-launcher:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,19,35,.05),rgba(3,19,35,.28));
}
.about-youtube-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:74px;
  height:74px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:#0757b8;
  box-shadow:0 18px 48px rgba(0,0,0,.28);
  z-index:2;
  transition:transform .18s ease;
}
.about-youtube-launcher:hover .about-youtube-play{
  transform:translate(-50%,-50%) scale(1.06);
}
.about-youtube-play:before{
  content:"";
  margin-left:5px;
  width:0;
  height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:19px solid currentColor;
}
.about-youtube-badge{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:2;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(7,26,45,.78);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:10px;
  font-weight:850;
}
.about-visual.about-media-active .about-photo-note,
.about-visual.about-media-active .building-placeholder{
  display:none!important;
}
@media(max-width:760px){
  .about-youtube-play{width:62px;height:62px}
  .about-youtube-badge{left:14px;bottom:14px}
}