/* Two reusable image layers keep the 28-photo reel light in memory. */
#jonny-faith{isolation:isolate;background:#151512}
#jonny-faith .film-artwork{z-index:0;overflow:hidden}
#jonny-faith::after{z-index:1}
#jonny-faith .content{z-index:2;padding-bottom:112px}
.jonny-slides{position:absolute;inset:0;display:block;pointer-events:none}
#jonny-faith .jonny-frame{position:absolute;inset:0;display:block;object-position:center var(--focus-y,40%);opacity:0;transition:opacity 1.8s ease-in-out;transform-origin:center;animation:jonny-drift 7s linear both;animation-play-state:paused}
#jonny-faith .jonny-frame:not(.is-active):not(.is-leaving){animation:none}
#jonny-faith .jonny-frame.is-active{opacity:1}
#jonny-faith .jonny-frame.is-active,#jonny-faith .jonny-frame.is-leaving{will-change:transform,opacity}
#jonny-faith.is-playing .jonny-frame.is-active,#jonny-faith.is-playing .jonny-frame.is-leaving{animation-play-state:running}
.jonny-reel-toggle{position:absolute;z-index:3;right:8%;bottom:24px;display:inline-flex;align-items:center;gap:9px;margin:0;padding:8px 12px;min-height:44px;border:1px solid #e8ddc84d;background:#15151270;color:#f6f1e8;font:10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.5px}
.jonny-reel-toggle[hidden]{display:none}
.jonny-reel-toggle:hover{background:#151512c0;border-color:#ddc597}
.jonny-reel-toggle-icon{font-size:16px;min-width:16px}
@keyframes jonny-drift{from{transform:scaleX(var(--flip,1)) var(--drift-from,scale(1.08) translate(-1.5%,-.3%))}to{transform:scaleX(var(--flip,1)) var(--drift-to,scale(1.12) translate(1.5%,.3%))}}
@media(max-width:700px){#jonny-faith .jonny-frame{object-position:var(--focus-x,50%) var(--focus-y,40%)}#jonny-faith .content{padding-bottom:110px}.jonny-reel-toggle{right:6%;bottom:20px}}
@media(prefers-reduced-motion:reduce){#jonny-faith .jonny-frame{transition:none;animation:none!important;transform:scaleX(var(--flip,1))!important}}