/* HIMART TEAM WORKSHOP GALLERY — shared transition/navigation grammar.
   Applies across Team page sections so 02.x and 03.x galleries use one behavior.
   The viewport owns the crop so overlay cards may continue to extend below it.
   Navigation hit-area geometry is owned by the shared .hm-ds-gallery-nav contract in media.css. */
html body.himart-team-page .team-workshop-gallery{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  touch-action:pan-y;
}
html body.himart-team-page .team-workshop-gallery__viewport,
html body.himart-team-page .team-workshop-gallery__slide,
html body.himart-team-page .team-workshop-gallery__media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
html body.himart-team-page .team-workshop-gallery__viewport{
  z-index:0!important;
  overflow:hidden!important;
  background:#080808!important;
}
html body.himart-team-page .team-workshop-gallery__slide{
  z-index:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(5%,0,0) scale(.95)!important;
  transform-origin:50% 50%!important;
  will-change:transform,opacity!important;
}
html body.himart-team-page .team-workshop-gallery__slide::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:#000;
  opacity:.20;
  pointer-events:none;
  transition:opacity .72s cubic-bezier(.22,.76,.22,1);
}
html body.himart-team-page .team-workshop-gallery__slide.is-active{
  z-index:2!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
html body.himart-team-page .team-workshop-gallery__slide.is-active::after{opacity:0}
html body.himart-team-page .team-workshop-gallery__slide.is-next{
  z-index:1!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  transform:translate3d(5%,0,0) scale(.95)!important;
  transition:transform .72s cubic-bezier(.22,.76,.22,1),opacity .72s ease!important;
}
html body.himart-team-page .team-workshop-gallery__slide.is-next.is-entering{
  transform:translate3d(0,0,0) scale(1)!important;
}
html body.himart-team-page .team-workshop-gallery__slide.is-next.is-entering::after{opacity:0}
html body.himart-team-page .team-workshop-gallery__slide.is-active.is-exiting{
  z-index:3!important;
  transform:translate3d(-100%,0,0) scale(1)!important;
  transition:transform .72s cubic-bezier(.22,.76,.22,1),opacity .72s ease!important;
}
html body.himart-team-page .team-workshop-gallery.is-reverse .team-workshop-gallery__slide.is-next{
  transform:translate3d(-5%,0,0) scale(.95)!important;
}
html body.himart-team-page .team-workshop-gallery.is-reverse .team-workshop-gallery__slide.is-next.is-entering{
  transform:translate3d(0,0,0) scale(1)!important;
}
html body.himart-team-page .team-workshop-gallery.is-reverse .team-workshop-gallery__slide.is-active.is-exiting{
  transform:translate3d(100%,0,0) scale(1)!important;
}
html body.himart-team-page .team-workshop-gallery__media{
  z-index:1!important;
  background:#0a0a0a!important;
}
html body.himart-team-page .team-workshop-gallery__media.is-missing{
  background:#000!important;
}
html body.himart-team-page .team-workshop-gallery__media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Workshop copy remains above the moving media in every section. */
html body.himart-team-page .team-workshop-gallery>.team-workshop-visual__cards{
  z-index:4!important;
}

/* Page number stays at the upper-right; navigation arrows/hit areas are shared-system owned. */
html body.himart-team-page .team-workshop-gallery__status{
  position:absolute;
  z-index:6;
  top:32px;
  right:32px;
  bottom:auto;
  color:rgba(255,255,255,.62);
  font:300 11px/1 var(--hm-font-en);
  letter-spacing:var(--hm-track-note);
  pointer-events:none;
}

@media(max-width:780px){
  html body.himart-team-page .team-workshop-gallery__status{
    top:18px;
    right:18px;
    font-size:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  html body.himart-team-page .team-workshop-gallery__slide,
  html body.himart-team-page .team-workshop-gallery__slide::after{
    transition:none!important;
  }
}