/* Apex Media V33: full-content filmstrip frames. Only the V32 filmstrips are affected. */
.em32-filmstrip-item.em33-safe-panel {
  display:flex!important;flex-direction:column!important;
  height:clamp(330px,28vw,394px)!important;
  overflow:hidden!important;
  isolation:isolate;
}
.em33-safe-panel .em33-visual {
  display:block!important;position:relative!important;
  width:100%!important;flex:1 1 auto!important;min-height:0!important;
  overflow:hidden!important;background:#111815!important;
}
.em33-safe-panel .em33-backdrop {
  display:block!important;position:absolute!important;inset:-16px!important;
  width:calc(100% + 32px)!important;height:calc(100% + 32px)!important;
  object-fit:cover!important;object-position:center!important;
  filter:blur(17px) saturate(.7) brightness(.48)!important;
  transform:scale(1.13)!important;
  transition:none!important;z-index:0!important;
}
.em33-safe-panel .em33-primary {
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center center!important;
  padding:7px!important;box-sizing:border-box!important;
  max-width:100%!important;max-height:100%!important;
  transform:none!important;filter:none!important;
  transition:none!important;z-index:1!important;
}
.em33-safe-panel:hover .em33-primary,
.em33-safe-panel:focus-visible .em33-primary {transform:none!important}
.em33-safe-panel .em32-filmstrip-content {
  position:relative!important;inset:auto!important;display:flex!important;
  flex:0 0 auto!important;width:100%!important;box-sizing:border-box!important;
  padding:12px clamp(12px,1.3vw,19px) 15px!important;
  min-height:95px!important;gap:3px!important;
  background:linear-gradient(160deg,#111715,#0c1110)!important;
  border-top:1px solid rgba(211,173,108,.38)!important;
  white-space:normal!important;overflow:visible!important;
}
.em33-safe-panel .em32-filmstrip-index {font-size:9px!important;line-height:1.4!important;letter-spacing:.15em!important;white-space:normal!important}
.em33-safe-panel .em32-filmstrip-content strong {
  font-size:clamp(16px,1.45vw,21px)!important;line-height:1.16!important;
  white-space:normal!important;overflow-wrap:normal!important;max-width:100%!important;
}
.em33-safe-panel .em32-filmstrip-sub {font-size:clamp(10px,.82vw,11px)!important;line-height:1.42!important;letter-spacing:.015em!important;white-space:normal!important;max-width:100%!important}
.em33-safe-panel .em32-filmstrip-arrow {top:12px!important;right:12px!important;z-index:3!important;opacity:1!important}
.em33-safe-panel .em32-filmstrip-arrow svg{stroke:currentColor!important}
.em32-home-heading h2,.ix-inner .portfolio-hero.em32-filmstrip-hero>.container>h1{
  white-space:normal!important;overflow-wrap:normal!important;text-wrap:pretty!important;
}
@media(max-width:900px){
 .em32-filmstrip-item.em33-safe-panel{height:clamp(315px,37vw,365px)!important}
 .em33-safe-panel .em32-filmstrip-content{min-height:99px!important;padding:12px 13px 14px!important}
 .em33-safe-panel .em32-filmstrip-content strong{font-size:clamp(16px,2vw,19px)!important}
}
@media(max-width:650px){
 .em32-filmstrip-item.em33-safe-panel{height:clamp(305px,82vw,380px)!important}
 .em33-safe-panel .em32-filmstrip-content{min-height:96px!important;padding:11px 13px 13px!important}
 .em33-safe-panel .em32-filmstrip-content strong{font-size:clamp(17px,5vw,20px)!important}
 .em33-safe-panel .em32-filmstrip-index {font-size:8px!important}
 .em33-safe-panel .em32-filmstrip-sub {font-size:10px!important}
 .em33-safe-panel .em33-primary {padding:5px!important}
 .em32-home-heading h2{line-height:1.12!important}
}
@media(prefers-reduced-motion:reduce){.em33-safe-panel *{transition:none!important}}
