.public-about-page{
  min-height:0;
}

.public-about-header.public-page{
  padding-bottom:0;
}
.public-about-header .public-page-hero{
  margin-bottom:0;
}

.about-video-band{
  width:100%;
  padding:clamp(18px,2vw,30px) 0 clamp(22px,2.5vw,38px);
  background:#1a1c1e;
  color:#f4f1ec;
}
.about-video-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-items:start;
}
.about-video-layout.has-video-rail{
  grid-template-columns:minmax(0,1fr) clamp(190px,17vw,285px);
}
.about-video-stage{
  min-width:0;
  overflow:hidden;
  border-radius:6px;
  background:#08090a;
  box-shadow:0 22px 64px rgba(0,0,0,.20);
}
.about-main-video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  background:#08090a;
  object-fit:contain;
}
.about-video-rail{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.22) transparent;
}
.about-video-thumb{
  position:relative;
  flex:0 0 auto;
  width:100%;
  aspect-ratio:16/9;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:5px;
  background:#0d0f10;
  color:#fff;
  cursor:pointer;
  opacity:.66;
  transition:opacity .22s ease,border-color .22s ease,transform .22s ease;
}
.about-video-thumb:hover{
  opacity:.92;
  border-color:rgba(255,255,255,.28);
  transform:translateY(-1px);
}
.about-video-thumb.is-active{
  opacity:1;
  border-color:rgba(255,255,255,.72);
}
.about-video-thumb img,
.about-video-thumb-placeholder{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.about-video-thumb-placeholder{
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.42);
  background:linear-gradient(145deg,#24272a,#101214);
}
.about-video-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22));
  pointer-events:none;
}
.about-video-thumb-play{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:50%;
  background:rgba(0,0,0,.28);
  transform:translate(-50%,-50%);
  font-size:11px;
  backdrop-filter:blur(5px);
}
.about-video-thumb.is-active .about-video-thumb-play{
  opacity:.35;
}
.about-video-thumb-featured{
  position:absolute;
  z-index:3;
  top:8px;
  right:8px;
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:50%;
  background:rgba(8,9,10,.72);
  color:#fff;
  font-size:10px;
  backdrop-filter:blur(6px);
}

.public-about-content{
  padding:clamp(34px,4vw,58px) 0 clamp(48px,5vw,78px);
}
.public-about-copy{
  max-width:930px;
}
.public-about-gallery{
  margin-top:clamp(30px,4vw,58px);
}

@media(max-width:900px){
  .about-video-layout.has-video-rail{
    grid-template-columns:1fr;
  }
  .about-video-rail{
    flex-direction:row;
    max-height:none!important;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:4px;
    scroll-snap-type:x proximity;
  }
  .about-video-thumb{
    flex:0 0 clamp(150px,42vw,230px);
    scroll-snap-align:start;
  }
}

@media(max-width:560px){
  .about-video-band{
    padding:14px 0 18px;
  }
  .about-video-stage,
  .about-video-thumb{
    border-radius:4px;
  }
  .public-about-content{
    padding:28px 0 40px;
  }
}