/* Apex Media V32: matching Option 3 immersive filmstrip heroes.
   All photographs/previews come from the existing portfolio and the user's edited reel.
   No fake captures, tilted cards, unicode arrow icons, or overlapping mosaics. */
:root {--em32-gold:#d9af75;--em32-goldhair:rgba(216,173,106,.43)}
.portfolio-hero.em32-filmstrip-hero {position:relative!important;overflow:hidden!important;min-height:0!important;background:radial-gradient(ellipse at 76% 5%,rgba(136,96,45,.13),transparent 55%),linear-gradient(155deg,#111511,#0b100e 68%,#0e120f)!important;padding:clamp(116px,11vw,153px) 0 clamp(48px,5vw,78px)!important}
.portfolio-hero.em32-filmstrip-hero::before {opacity:.17!important;pointer-events:none}
.portfolio-hero.em32-filmstrip-hero::after {display:none!important}
.ix-inner .portfolio-hero.em32-filmstrip-hero>.container {display:block!important;min-height:0!important;position:relative!important;z-index:3!important;max-width:1480px!important;width:calc(100% - clamp(36px,9vw,150px))!important;margin:0 auto!important}
.ix-inner .portfolio-hero.em32-filmstrip-hero>.container>h1 {max-width:100%!important;font-size:clamp(44px,5.1vw,78px)!important;line-height:1.05!important;margin:25px 0 18px!important;letter-spacing:-.038em!important;color:#f3eee7!important}
.ix-inner .portfolio-hero.em32-filmstrip-hero>.container>h1 em {color:var(--em32-gold)!important}
.ix-inner .portfolio-hero.em32-filmstrip-hero>.container>p {max-width:880px!important;font-size:clamp(13px,1.1vw,16px)!important;line-height:1.7!important;color:#c8c4bb!important;margin:0 0 0!important}
.portfolio-hero.em32-filmstrip-hero .collection-topline {display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.portfolio-hero.em32-filmstrip-hero .collection-status {color:#bfb4a2!important}
/* Shared full-width gallery / clear click targets */
.em32-filmstrip {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(7px,.9vw,15px)!important;width:100%!important;margin:clamp(27px,4vw,48px) 0 0!important;padding:0!important;overflow:visible!important;isolation:isolate}
.em32-filmstrip-item {position:relative!important;display:block!important;min-width:0!important;height:clamp(215px,23vw,330px)!important;overflow:hidden!important;background:#121715!important;border:1px solid rgba(211,173,108,.32)!important;outline-offset:3px;transform:none!important;text-decoration:none!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important;transition:border-color .25s ease,box-shadow .25s ease!important}
.em32-filmstrip-item img {display:block!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;object-fit:cover!important;object-position:center center!important;max-width:none!important;max-height:none!important;transform:scale(1)!important;transition:transform .7s cubic-bezier(.2,.7,.25,1)!important}
.em32-filmstrip-item:nth-child(2) img{object-position:center 57%!important}
.em32-filmstrip-item:nth-child(3) img{object-position:center center!important}
.em32-filmstrip-item:hover,.em32-filmstrip-item:focus-visible {border-color:rgba(242,208,151,.88)!important;box-shadow:0 18px 38px rgba(0,0,0,.4)!important}
.em32-filmstrip-item:is(:hover,:focus-visible) img {transform:scale(1.045)!important}
.em32-filmstrip-tint {position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(9,12,13,.07) 26%,rgba(5,7,8,.1) 46%,rgba(4,6,6,.9) 100%)}
.em32-filmstrip-content {position:absolute;z-index:2;inset:auto 20px 19px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:#fff;pointer-events:none}
.em32-filmstrip-index {color:#dcb983;font:700 9px/1.4 Arial,sans-serif;letter-spacing:.20em}
.em32-filmstrip-content strong {font:500 clamp(17px,1.6vw,25px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:.025em;color:#f5eee2}
.em32-filmstrip-sub {font:500 clamp(9px,.75vw,11px)/1.5 Arial,sans-serif;letter-spacing:.045em;color:#d0c8b9}
.em32-filmstrip-arrow {position:absolute;z-index:2;top:16px;right:17px;width:30px;height:30px;color:#efcc94;border:1px solid rgba(218,179,113,.55);display:grid;place-items:center;background:rgba(3,7,6,.5)}
.em32-filmstrip-arrow svg {display:block!important;width:17px!important;height:17px!important;max-width:17px!important;fill:none!important;stroke:currentColor!important}
/* Home uses the same filmstrip family, keeping the site's existing work galleries below. */
.em32-home-work {display:block;position:relative;z-index:1;isolation:isolate;width:100%;padding:clamp(68px,7vw,105px) 0 clamp(44px,5vw,72px);background:radial-gradient(ellipse at 15% 0%,rgba(185,142,79,.11),transparent 55%),#0c1010;color:#f3eee7;border-top:1px solid rgba(205,165,97,.19);border-bottom:1px solid rgba(205,165,97,.19)}
.em32-home-shell{width:min(1480px,calc(100% - clamp(36px,9vw,150px)));margin:auto}
.em32-home-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}
.em32-eyebrow{display:inline-block;font:700 10px/1.6 Arial,sans-serif;letter-spacing:.18em;color:#d7b477}
.em32-home-heading h2{font:400 clamp(37px,4.4vw,68px)/1.04 Georgia,'Times New Roman',serif!important;letter-spacing:-.036em!important;color:#f2eee6!important;margin:17px 0 15px!important}
.em32-home-heading h2 em{color:#d8ae77!important;font-weight:400}
.em32-home-heading p{max-width:650px;color:#c4c1b9!important;font:400 clamp(13px,1.2vw,16px)/1.7 Arial,sans-serif!important;margin:0!important}
.em32-home-portfolio-link{flex:none;text-decoration:none;color:#dcba80!important;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.12em;display:inline-flex;align-items:center;gap:12px;padding:0 0 11px;border-bottom:1px solid rgba(210,166,97,.62);white-space:nowrap}
.em32-home-portfolio-link svg{width:18px;height:18px;fill:none;stroke:currentColor}
.em32-home-work .em32-filmstrip {margin-top:29px!important}
@media(max-width:900px){.em32-filmstrip-item{height:clamp(185px,25vw,260px)!important}.em32-filmstrip-content{left:12px;right:10px;bottom:12px}.em32-filmstrip-content strong{font-size:17px}.em32-filmstrip-sub{font-size:9px}.em32-home-heading{align-items:start;flex-direction:column;gap:16px}}
@media(max-width:650px){
 .portfolio-hero.em32-filmstrip-hero{padding:114px 0 45px!important}
 .ix-inner .portfolio-hero.em32-filmstrip-hero>.container,.em32-home-shell{width:calc(100% - 32px)!important}
 .ix-inner .portfolio-hero.em32-filmstrip-hero>.container>h1{font-size:clamp(39px,9.5vw,56px)!important;line-height:1.08!important;max-width:100%!important;margin:19px 0 14px!important}
 .ix-inner .portfolio-hero.em32-filmstrip-hero>.container>p{font-size:14px!important;line-height:1.65!important;max-width:100%!important}
 .em32-filmstrip{display:grid!important;grid-template-columns:none!important;grid-auto-columns:minmax(80%,1fr)!important;grid-auto-flow:column!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8f6e40 #141713;gap:10px!important;padding-bottom:8px!important;margin-top:23px!important}
 .em32-filmstrip-item{scroll-snap-align:start;height:clamp(225px,67vw,300px)!important}
 .em32-filmstrip-content strong{font-size:21px}
 .em32-filmstrip-arrow{width:28px;height:28px;top:12px;right:12px}
 .em32-home-work{padding:65px 0 55px}.em32-home-heading h2{font-size:clamp(36px,10vw,49px)!important}.em32-home-heading p{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){.em32-filmstrip-item,.em32-filmstrip-item img{transition:none!important}.em32-filmstrip{scroll-behavior:auto!important}}