/*
 * 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"]{
  --indextwo-unified-purple-rgb:49 28 77;
  --indextwo-unified-purple:rgb(var(--indextwo-unified-purple-rgb));
  --indextwo-page-purple:var(--indextwo-unified-purple);
  --indextwo-nav-purple:#4d2d63;
  --indextwo-panel-purple:var(--indextwo-unified-purple);
  --indextwo-panel-purple-deep:var(--indextwo-unified-purple);
  --indextwo-unified-panel:var(--indextwo-unified-purple);
  --indextwo-unified-panel-gradient:linear-gradient(180deg, var(--indextwo-unified-panel), var(--indextwo-unified-panel));
  --page-bg:var(--indextwo-page-purple) !important;
  --bg:var(--page-bg) !important;
  --menu-bar-bg:rgba(77,45,99,.92) !important;
  --index-bg-image:linear-gradient(var(--indextwo-page-purple), var(--indextwo-page-purple)) !important;
  --all-other-frame-image:linear-gradient(var(--indextwo-page-purple), var(--indextwo-page-purple)) !important;
  --single2-section-a:var(--indextwo-page-purple) !important;
  --single2-section-b:var(--indextwo-page-purple) !important;
  --single2-videos-section-bg:var(--indextwo-page-purple) !important;
  --single2-section-videos:var(--indextwo-page-purple) !important;
  --single2-section-photos:var(--indextwo-page-purple) !important;
  --single2-section-about:var(--indextwo-page-purple) !important;
  --surface--media-frame:var(--indextwo-page-purple) !important;
  --surface--media-pane:var(--indextwo-page-purple) !important;
  --surface--video-stage:var(--indextwo-page-purple) !important;
  --surface--video-frame:var(--indextwo-page-purple) !important;
  --surface--video-sheen:linear-gradient(var(--indextwo-page-purple), var(--indextwo-page-purple)) !important;
  --surface--photo-stage:var(--indextwo-unified-panel) !important;
  --surface--photo-frame:var(--indextwo-unified-panel) !important;
  --surface--photo-sheen:var(--indextwo-unified-panel-gradient) !important;
  --surface--stream-stage:var(--indextwo-unified-panel) !important;
  --surface--stream-frame:var(--indextwo-unified-panel) !important;
  --surface--stream-sheen:var(--indextwo-unified-panel-gradient) !important;
  --surface--stream-inner:var(--indextwo-unified-panel) !important;
  --surface--stream-overview:var(--indextwo-unified-panel) !important;
  --surface--about-stage:var(--indextwo-unified-panel) !important;
  --surface--about-frame:var(--indextwo-unified-panel) !important;
  --surface--about-inner:var(--indextwo-unified-panel) !important;
  --surface--scheme-stage-flat:var(--indextwo-page-purple) !important;
  background:var(--indextwo-page-purple) !important;
}

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,
html[data-indextwo-theme-fallback="purple"] #about .aboutFrame,
html[data-indextwo-theme-fallback="purple"] #about .aboutInnerFrame{
  background:var(--indextwo-page-purple) !important;
}

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

html[data-indextwo-theme-fallback="purple"] #about .aboutInnerFrame{
  border-color:transparent !important;
  box-shadow:none !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,
html[data-indextwo-theme-fallback="purple"] #about .aboutFrame::before,
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,
html[data-indextwo-theme-fallback="purple"] #about .aboutBioMedia{
  background:var(--indextwo-unified-panel-gradient) !important;
}

html[data-indextwo-theme-fallback="purple"] #streaming .streamingSectionMedia{
  border-radius: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%, 1128px) !important;
  margin:28px auto 26px !important;
  padding:28px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:34px !important;
  box-shadow:0 20px 56px rgba(0,0,0,.24) !important;
  overflow:hidden !important;
}

html[data-indextwo-theme-fallback="purple"] #about .aboutBioPhoto{
  display:block !important;
  width:100% !important;
  border:2px solid rgba(255,255,255,.82) !important;
  border-radius:26px !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);
}

#videos .single2SectionCta,
#photos .single2SectionCta,
#streaming .single2SectionCta,
#about .single2SectionCta{
  align-self:center !important;
  margin:26px auto 0 !important;
  min-width:var(--single2-cta-min-width);
}

#videos .videosSectionSupportAside{
  display:contents;
}

#videos .videosSectionSupportGrid > .videosSectionSupportList{
  grid-column:1;
  grid-row:1;
}

#videos .videosSectionSupportAside > .videosSectionSupportList{
  grid-column:2;
  grid-row:1;
}

#videos .videosSectionCta{
  grid-column:1 / -1;
  grid-row:2;
  justify-self:center;
}

@media (max-width:900px){
  #videos .videosSectionIntro,
  #videos .videosSectionSupportGrid{
    width:min(100% - 24px, var(--single2-prose-width));
    margin-left:auto;
    margin-right:auto;
  }

  #videos .videosSectionSupportGrid{
    grid-template-columns:minmax(0, 1fr);
    gap:8px;
  }

  #videos .videosSectionSupportGrid > .videosSectionSupportList,
  #videos .videosSectionSupportAside > .videosSectionSupportList,
  #videos .videosSectionCta{
    grid-column:1;
    grid-row:auto;
  }

  #videos .videosSectionSupportList{
    gap:8px;
    min-width:0;
  }

  #videos .videosSectionSupportList li{
    font-size:clamp(10px, 2.35vw, 16px);
    line-height:1.42;
  }

  #videos .videosSectionCta{
    margin-top:28px !important;
    min-width:0;
    width:100%;
  }
}

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

  .single2BackToTopText{
    font-size:11px;
  }
}

@media (max-width:980px){
  .videos2FeatureFrame .thundervideplayer2-list-scroll{
    max-height:none;
    overflow:visible;
    padding:0;
    scrollbar-gutter:auto;
  }

  .videos2FeatureFrame .thundervideplayer2-list-wrap{
    min-height:0;
    padding:18px;
  }

  .videos2FeatureFrame .thundervideplayer2-list{
    display:grid;
    gap:8px;
    grid-template-columns:repeat(auto-fit, minmax(118px, 1fr));
  }

  .videos2FeatureFrame .thundervideplayer2-item{
    align-content:start;
    display:grid;
    gap:0;
    grid-template-columns:minmax(0, 1fr);
    min-height:0;
    padding:0;
    width:100%;
  }

  .videos2FeatureFrame .thundervideplayer2-thumb{
    border:1px solid #fff;
    border-radius:10px;
    width:100%;
  }

  .videos2FeatureFrame .thundervideplayer2-item-copy{
    display:none;
  }

  .videos2FeatureFrame .thundervideplayer2-item.is-active{
    background:transparent;
    box-shadow:none;
  }

  .videos2FeatureFrame .thundervideplayer2-item.is-active .thundervideplayer2-thumb{
    box-shadow:0 0 0 2px rgba(81,183,255,.72);
  }

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

  .photosGalleryFrame .thunderphotogallery-category-list{
    gap:8px !important;
    grid-template-columns:repeat(7, minmax(72px, 1fr)) !important;
  }

  .photosGalleryFrame .thunderphotogallery-category-item{
    align-content:start !important;
    align-items:stretch !important;
    gap:6px !important;
    grid-template-rows:42px minmax(18px, auto) !important;
    height:82px !important;
    min-height:0 !important;
    padding:8px 7px !important;
  }

  .photosGalleryFrame .thunderphotogallery-category-item img{
    aspect-ratio:16 / 9 !important;
    height:42px !important;
    max-width:none !important;
    object-fit:cover !important;
    width:100% !important;
  }

  .photosGalleryFrame .thunderphotogallery-category-label{
    font-size:13px !important;
    line-height:1.05 !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    text-align:center !important;
  }

  .photosGalleryFrame .thunderphotogallery-category-count{
    display:none !important;
  }
}

@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;
  }

  .videos2FeatureFrame .thundervideplayer2-list-wrap{
    padding:12px;
  }

  .videos2FeatureFrame .thundervideplayer2-list{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .photosGalleryFrame .thunderphotogallery-category-list{
    grid-auto-flow:row !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  .photosGalleryFrame .thunderphotogallery-category-scroll{
    overflow:visible !important;
  }

  .photosGalleryFrame .thunderphotogallery-category-item{
    grid-template-rows:38px minmax(20px, auto) !important;
    height:78px !important;
    padding:6px !important;
  }

  .photosGalleryFrame .thunderphotogallery-category-item img{
    height:38px !important;
  }

  .photosGalleryFrame .thunderphotogallery-category-label{
    font-size:11px !important;
  }
}