.highlight-reel{margin:0 0 62px;padding:0}.reel-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.reel-title h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(42px,6vw,78px);line-height:1;margin:0}.reel-controls{display:flex;align-items:center;gap:10px}.reel-controls button{border:1px solid #ddd;background:white;color:#111;min-width:44px;height:44px;padding:0 15px;font-size:18px;cursor:pointer}.reel-controls button:hover{background:var(--red);border-color:var(--red);color:white}.reel-controls button:nth-of-type(2){font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:1px}.reel-counter{font-size:12px;letter-spacing:2px;margin-right:10px;white-space:nowrap}.reel-viewport{overflow:hidden;aspect-ratio:16/9;background:white;touch-action:pan-y}.reel-track{display:flex;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,.7,.2,1);will-change:transform}.highlight-slide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.highlight-slide .portfolio-media{width:100%;flex-shrink:0}.reel-ink{margin-top:13px;height:38px}.reel-ink .ink-stroke{width:100%;max-width:none;height:34px;animation:none}.reel-ink path{stroke-width:2.7}.production-caption{position:relative;margin:20px 0 42px}.production-caption .ink-stroke{width:35%;max-width:350px;height:25px;margin-left:auto}.production-caption p{font-size:16px!important}.production-caption p em{font-style:normal;font-weight:700}.original-page:has(.highlight-reel){width:min(1600px,92%);padding-top:36px}
@media(max-width:650px){.reel-title{align-items:flex-end;gap:12px}.reel-title h2{font-size:42px}.reel-controls{gap:5px}.reel-controls button{min-width:32px;padding:0 9px;height:36px}.reel-counter{font-size:10px;letter-spacing:0;margin-right:2px}.reel-viewport{aspect-ratio:4/3}.highlight-slide .portfolio-media{width:134%}.highlight-reel{margin-bottom:38px}}
@media(prefers-reduced-motion:reduce){.reel-track{transition:none}}
.highlight-slide .portfolio-media{width:100%;height:100%;aspect-ratio:auto!important}.highlight-slide .media-photo{height:calc(100% * var(--reel-scale,1));object-fit:cover}
.production-page-heading{margin:0 0 48px}.production-page-heading h1{font-family:Impact,'Arial Narrow',sans-serif;color:#202020;font-weight:400;font-size:clamp(40px,5.7vw,72px);line-height:1.08;margin:0 0 18px;text-align:right}.production-page-heading .ink-stroke{width:100%;max-width:none}
.reel-controls .sketched-arrow{border:0;background:transparent;padding:4px 8px;width:64px;min-width:44px}
.reel-controls .sketched-arrow:hover{background:transparent;border-color:transparent}
.sketched-arrow svg{display:block;width:100%;height:32px;overflow:visible;animation:arrow-nudge 2.8s ease-in-out infinite}
.sketched-arrow svg.arrow-left{rotate:180deg;animation-delay:-1.2s}
.sketched-arrow path{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;animation:arrow-ink 4s ease-in-out infinite}
.sketched-arrow:hover svg{animation-duration:1s}
@keyframes arrow-nudge{0%,100%{transform:translateX(-2px) rotate(-1deg)}50%{transform:translateX(3px) rotate(1deg)}}
@keyframes arrow-ink{0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:4}}
@media(prefers-reduced-motion:reduce){.sketched-arrow svg,.sketched-arrow path{animation:none!important}}
.original-page .reel-title h2{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(25px,3vw,38px);font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:0}
body[data-page='Production Design'] .original-page .jw-columns{gap:12px;margin-bottom:12px}
body[data-page='Production Design'] .original-page .jw-columns>.jw-column{margin-bottom:0}
body[data-page='Production Design'] .original-page .jw-column>.jw-image{margin-bottom:12px}
.poster-highlight-reel .reel-viewport{height:clamp(440px,72vh,850px);aspect-ratio:auto}
.poster-highlight-reel .highlight-slide .portfolio-media{height:100%;width:100%;position:relative}
.poster-highlight-reel .highlight-slide .media-photo{height:100%;width:100%;object-fit:contain;top:0;left:0}
@media(max-width:650px){.original-page .reel-title h2{font-size:25px}.poster-highlight-reel .reel-viewport{height:65vh;min-height:390px}.original-page .reel-title{gap:10px}.reel-controls .sketched-arrow{width:42px;min-width:32px}}
