/*
 * Index Two component integration only.
 * The page shell, section backgrounds, and outer frames intentionally inherit
 * from indexone.page.css so indextwo stays visually aligned with indexone.
 */

.indextwoVideoComponent,
.indextwoPhotoComponent{
  width:100%;
  max-width:none;
}

html[data-indextwo-theme-fallback="purple"] body,
html[data-indextwo-theme-fallback="purple"] .single2Sections{
  background:var(--indextwo-page-purple) !important;
}

html[data-indextwo-theme-fallback="purple"] #videos.single2Section,
html[data-indextwo-theme-fallback="purple"] #photos.single2Section,
html[data-indextwo-theme-fallback="purple"] #streaming.single2Section,
html[data-indextwo-theme-fallback="purple"] #about.single2Section,
html[data-indextwo-theme-fallback="purple"] #siteFooter.single2Section{
  --single2-section-bg:var(--indextwo-page-purple) !important;
  background:var(--indextwo-page-purple) !important;
}

html[data-indextwo-theme-fallback="purple"] #videos.single2Section::before,
html[data-indextwo-theme-fallback="purple"] #photos.single2Section::before,
html[data-indextwo-theme-fallback="purple"] #streaming.single2Section::before,
html[data-indextwo-theme-fallback="purple"] #about.single2Section::before,
html[data-indextwo-theme-fallback="purple"] #siteFooter.single2Section::before{
  background:var(--indextwo-page-purple) !important;
}

html[data-indextwo-theme-fallback="purple"] #videos.single2Section > .videos2PageMain,
html[data-indextwo-theme-fallback="purple"] #photos.single2Section > .photosPageMain,
html[data-indextwo-theme-fallback="purple"] #streaming.single2Section > .simplePageMain,
html[data-indextwo-theme-fallback="purple"] #about.single2Section > .aboutPageMain,
html[data-indextwo-theme-fallback="purple"] #siteFooter.single2Section > .single2FooterMain{
  background:var(--indextwo-page-purple) !important;
}

html[data-indextwo-theme-fallback="purple"] #videos .videos2Frame,
html[data-indextwo-theme-fallback="purple"] #photos .photosFrame{
  background:var(--indextwo-page-purple) !important;
}

html[data-indextwo-theme-fallback="purple"] #streaming .simpleFrame{
  background:var(--indextwo-unified-panel) !important;
}

html[data-indextwo-theme-fallback="purple"] #about .aboutFrame{
  padding:26px !important;
  border-radius:var(--thunder-radius-outer-frame, 34px) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:var(--surface--about-frame, linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015))) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 20px 56px rgba(0,0,0,.24) !important;
}

html[data-indextwo-theme-fallback="purple"] #about .aboutInnerFrame{
  width:min(92%, 1265px) !important;
  border-color:transparent !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  padding:0 !important;
  margin:0 auto 30px !important;
}

html[data-indextwo-theme-fallback="purple"] #about .aboutContent{
  width:min(980px, 100%) !important;
  overflow:visible !important;
}

html[data-indextwo-theme-fallback="purple"] #videos .videos2Frame::before,
html[data-indextwo-theme-fallback="purple"] #videos .videos2Frame::after,
html[data-indextwo-theme-fallback="purple"] #photos .photosFrame::before,
html[data-indextwo-theme-fallback="purple"] #photos .photosFrame::after,
html[data-indextwo-theme-fallback="purple"] #streaming .simpleFrame::before,
html[data-indextwo-theme-fallback="purple"] #streaming .simpleFrame::after{
  background:none !important;
  opacity:1 !important;
}

html[data-indextwo-theme-fallback="purple"] #about .aboutFrame::before{
  background:none !important;
}

html[data-indextwo-theme-fallback="purple"] #about .aboutFrame::after{
  background:none !important;
  opacity:1 !important;
}

html[data-indextwo-theme-fallback="purple"] #about .aboutContent,
html[data-indextwo-theme-fallback="purple"] #about .aboutBioCard,
html[data-indextwo-theme-fallback="purple"] #about .aboutBioMedia,
html[data-indextwo-theme-fallback="purple"] #about .aboutBioPhoto{
  position:relative;
  z-index:3;
}

html[data-indextwo-theme-fallback="purple"] #about .aboutBioCard{
  background:rgb(var(--indextwo-unified-purple-rgb) / .72) !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

html[data-indextwo-theme-fallback="purple"] #streaming .streamingSectionFrame{
  background:var(--indextwo-unified-panel-gradient) !important;
}

html[data-indextwo-theme-fallback="purple"] #streaming .streamingSectionMedia{
  border-radius:var(--thunder-radius-inner-frame, 28px) !important;
  line-height:0 !important;
  overflow:hidden !important;
}

html[data-indextwo-theme-fallback="purple"] #streaming .streamingSectionPhoto{
  border-radius:26px !important;
}

html[data-indextwo-theme-fallback="purple"] #about .aboutBioMedia{
  width:min(100%, 900px) !important;
  margin:0 auto 18px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:var(--thunder-radius-media, 18px) !important;
  background:var(--about-unified-panel-gradient) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
}

html[data-indextwo-theme-fallback="purple"] #about .aboutBioPhoto{
  display:block !important;
  width:100% !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

html[data-indextwo-theme-fallback="purple"] #videos .videos2FeatureFrame,
html[data-indextwo-theme-fallback="purple"] #photos .photosGalleryFrame,
html[data-indextwo-theme-fallback="purple"] #videos .thundervideplayer2-layout,
html[data-indextwo-theme-fallback="purple"] #photos .thunderphotogallery-layout,
html[data-indextwo-theme-fallback="purple"] #videos .thundervideplayer2-player,
html[data-indextwo-theme-fallback="purple"] #videos .thundervideplayer2-stage,
html[data-indextwo-theme-fallback="purple"] #videos .thundervideplayer2-meta,
html[data-indextwo-theme-fallback="purple"] #videos .thundervideplayer2-list-wrap,
html[data-indextwo-theme-fallback="purple"] #photos .thunderphotogallery-gallery-card,
html[data-indextwo-theme-fallback="purple"] #photos .thunderphotogallery-wall,
html[data-indextwo-theme-fallback="purple"] #photos .thunderphotogallery-category-wrap{
  background:var(--indextwo-unified-panel) !important;
}

html[data-indextwo-theme-fallback="purple"] #videos .thundervideplayer2-list-heading,
html[data-indextwo-theme-fallback="purple"] #photos .thunderphotogallery-list-heading{
  color:rgba(246,248,251,.96) !important;
}

html[data-indextwo-theme-fallback="purple"] #photos .thunderphotogallery-tile{
  -webkit-appearance:none !important;
  appearance:none !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  line-height:0 !important;
}

html[data-indextwo-theme-fallback="purple"] #photos .thunderphotogallery-tile img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:1 !important;
  background:transparent !important;
}

html[data-indextwo-theme-fallback="purple"] #videos .thundervideplayer2-player,
html[data-indextwo-theme-fallback="purple"] #videos .thundervideplayer2-stage{
  background:var(--indextwo-unified-panel) !important;
  background-color:var(--indextwo-unified-panel) !important;
  clip-path:inset(0 round var(--thundervideplayer2-radius, 18px)) !important;
  overflow:hidden !important;
}

html[data-indextwo-theme-fallback="purple"] #videos .thundervideplayer2-viewport{
  background-color:var(--indextwo-unified-panel) !important;
  background-image:var(--thundervideplayer2-poster-image, none) !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  clip-path:inset(0 round var(--thundervideplayer2-radius, 18px)) !important;
  overflow:hidden !important;
}

html[data-indextwo-theme-fallback="purple"] #videos .thundervideplayer2-stage video{
  background:var(--indextwo-unified-panel) !important;
  background-color:var(--indextwo-unified-panel) !important;
  border-radius:0 !important;
}

.videos2FeatureFrame .thundervideplayer2-layout,
.photosGalleryFrame .thunderphotogallery-layout{
  width:100%;
  max-width:none;
}

.videos2FeatureFrame .thundervideplayer2-meta{
  margin-top:0;
}

.photosGalleryFrame{
  --thunderphotogallery-panel-height:clamp(430px, 42vw, 620px);
}

@media (max-width:980px){
  .single2FloatingTopDock{
    display:flex !important;
    right:8px;
  }

  .single2BackToTopText{
    font-size:11px;
  }

  .photosGalleryFrame .thunderphotogallery-wall{
    height:min(620px, 72vh);
    max-height:min(620px, 72vh);
  }
}

@media (max-width:640px){
  .videos2FeatureFrame .thundervideplayer2-control-row{
    gap:6px;
    grid-template-columns:auto minmax(54px, 1fr) auto;
  }

  .videos2FeatureFrame .thundervideplayer2-time{
    display:none;
  }

  .photosGalleryFrame .thunderphotogallery-wall{
    height:540px;
    max-height:540px;
  }

}