/* Preserve the complete frame at its original ratio. */
.native-reel{position:relative;width:100%;background:#080b0a;isolation:isolate}
.native-reel video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.native-controls{position:absolute;bottom:12px;right:14px;display:flex;gap:8px;z-index:2}
.reel-control{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#07100bc9;color:white;padding:11px;cursor:pointer}
.reel-control svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.reel-control:hover{background:#07100bef}.reel-control:focus-visible{outline:2px solid white;outline-offset:3px}
#reel-sound[aria-pressed=true] .sound-off,#reel-sound[aria-pressed=false] .sound-on,#reel-pause[aria-pressed=false] .pause-play,#reel-pause[aria-pressed=true] .pause-bars{display:none}
.cinema.native-entry .hero{display:block;height:auto;min-height:0;max-height:none;padding:0;background:#080b0a}
.cinema.native-entry .hero:after,.cinema.native-entry .hero-image,.cinema.native-entry .hero-actions,.cinema.native-entry .hero-bottom{display:none}
.cinema.native-entry .hero-content{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}
.cinema:not(.native-entry) .hero>.native-reel{display:none}
#reel-error{position:absolute;left:16px;bottom:65px;font-size:12px;color:white;background:#07100bc9;padding:8px}
#reel-screen{padding:0;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#050706;color:white;overflow:hidden}
#reel-screen[open]{display:flex;align-items:center;justify-content:center}
#reel-screen::backdrop{background:#050706}
#reel-screen .native-reel{width:min(100vw,calc((100dvh - 104px)*16/9))}
#reel-close{position:absolute;right:16px;top:16px;z-index:3}
.reel-open{overflow:hidden}
.native-reel:fullscreen{display:flex;align-items:center;justify-content:center}
.native-reel:fullscreen video{max-height:100dvh;height:100%;width:100%;object-fit:contain}
.cinema .work-image .film-laurels{width:calc(100% - 130px);display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;align-items:center;left:24px;top:18px}
.cinema .work-image .film-laurels img{width:100%;height:92px;max-height:none;object-fit:contain;filter:none;transform:none}
.cinema .service-routes{justify-content:flex-start;gap:30px}
.cinema .services-list>a,.cinema .service-with-sample>a{grid-template-columns:1fr 20px}
.cinema .service-sample{margin-left:0}
.cinema .gallery-section .section-heading{margin-bottom:26px}
.cinema .services-section{padding-top:75px;padding-bottom:75px}
.cinema .services-intro h2{text-transform:uppercase}
.cinema .work-action:empty,.player-status:empty{display:none}
#player-source[hidden]{display:none}
#player:not(.portrait) #player-stage{min-height:0}
#player-stage>img{max-width:100%;height:100%;object-fit:contain}
@media(max-width:600px){
 .native-controls{bottom:8px;right:8px;gap:6px}
 .cinema .service-routes{gap:15px;flex-wrap:wrap}
 .cinema .services-section{padding-top:48px;padding-bottom:48px;gap:24px}
 .cinema .work-image .film-laurels{width:calc(100% - 24px);left:12px;top:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 6px}
 .cinema .work-image .film-laurels img{height:62px}
 .cinema .work-featured .play-mark{top:auto;bottom:16px;right:16px;width:36px;height:36px}
 .cinema .work-featured .trailer-label{right:65px}
}

/* Sound is a direct, intentional action. Keep the frame clear after activation. */
.native-controls{position:static;display:block}
.native-controls #reel-sound{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;min-width:60px;height:60px;padding:0 20px;gap:10px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff65;border-radius:999px;background:#07100bc9;backdrop-filter:blur(10px);font:600 12px Manrope,sans-serif}
.sound-label{white-space:nowrap}
.sound-enabled #reel-sound{width:44px;min-width:44px;height:44px;padding:10px;opacity:.8}
.sound-enabled .sound-label{display:none}
.native-reel.reel-ended #reel-sound{visibility:hidden}
.native-controls #reel-pause,.native-controls #reel-fullscreen{position:absolute;bottom:12px;right:66px;z-index:2}
.native-controls #reel-fullscreen{right:14px}
.native-controls #reel-sound{z-index:2}
.cinema .services-section{display:block;border-top:1px solid var(--line);background:var(--paper)}
.cinema .services-intro{margin-bottom:32px}
.monthly-service{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:50px;background:#e8ece4;padding:44px;overflow:hidden}
.service-kicker{display:block;font:700 10px Manrope,sans-serif;letter-spacing:.12em;color:#596653;margin-bottom:18px}
.monthly-copy h3{font:500 clamp(32px,3.3vw,54px)/1.05 Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:0 0 22px}
.monthly-copy p{font-size:14px;line-height:1.7;max-width:420px;color:#41483f;margin-bottom:24px}
.monthly-copy .button{min-height:48px;white-space:normal}
.monthly-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}
.monthly-samples button{position:relative;background:#101410;padding:0;border:0;overflow:hidden;aspect-ratio:9/16;border-radius:6px;cursor:pointer;box-shadow:0 12px 26px #15201118}
.monthly-samples button:nth-child(2){transform:translateY(-15px)}
.monthly-samples img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.monthly-samples button:hover img{transform:scale(1.035)}
.monthly-samples button>span{position:absolute;bottom:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff85;background:#0005;border-radius:50%;font-size:10px;color:white}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;margin-top:28px}
.service-grid>a{display:grid;grid-template-columns:36px 1fr 16px;align-items:start;gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}
.service-icon{width:32px;height:32px;color:#596653}
.service-grid h3{font:600 20px/1.3 Manrope,sans-serif;margin-bottom:8px;letter-spacing:-.04em}
.service-grid p{font-size:12px;line-height:1.65;color:var(--gray);max-width:360px}
.service-grid>a>span{font-size:20px}
.cinema .contact-section{background:#e8ece4;color:var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:60px;border-top:0;padding-top:72px;padding-bottom:72px}
.cinema .contact-intro h2{font:500 clamp(50px,6vw,88px)/1 Oswald,Impact,sans-serif;letter-spacing:-.035em;text-transform:uppercase;margin:0}
.cinema .contact-intro h2 br{display:block}
.cinema .contact-intro>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#4b5547;max-width:310px;margin:24px 0}
.cinema .contact-email{color:var(--ink);font-size:13px;margin:0;display:inline-block;border-bottom:1px solid #8c9784;padding-bottom:5px}
.cinema .contact-form{background:var(--paper);padding:32px;border:1px solid #d9ddd5;box-shadow:0 12px 38px #24321f07}
.contact-form .choices{gap:7px}
.contact-form .choices span{font-size:10px;padding:9px 11px}
.contact-form .form-grid{gap:20px 16px}
.contact-form textarea{min-height:100px}
.contact-form input:not([type=checkbox]),.contact-form textarea{border:1px solid #ccd1c8;background:white;padding:12px;color:var(--ink)}
.contact-form .form-consent{margin:20px 0}
.contact-form button[type=submit]{width:100%;min-height:50px;justify-content:space-between}
.contact-extras{margin-top:18px;font-size:11px}
.contact-extras summary{cursor:pointer;min-height:34px;padding:8px 0;color:#4b5547}
.contact-extras summary span{color:#747d70}
.contact-extras .form-grid{margin-top:12px}
#selected-reference{background:#e8ece4;border:1px solid #ccd1c8;padding:10px 12px;margin-bottom:20px}
#player-inquiry{background:#e8ece4;color:#111410;border:0;font-size:13px;text-transform:none;letter-spacing:0}
@media(max-width:900px){.monthly-service{gap:28px;padding:30px}.cinema .contact-section{gap:30px;grid-template-columns:1fr 1.3fr}.cinema .contact-form{padding:24px}}
@media(max-width:600px){
 .native-controls #reel-sound{height:52px;padding:0 16px;font-size:11px}
 .sound-enabled #reel-sound{height:44px;width:44px;padding:10px}
 .native-controls #reel-pause{bottom:8px;right:58px}.native-controls #reel-fullscreen{bottom:8px;right:8px}
 .monthly-service{grid-template-columns:1fr;gap:32px;padding:24px 20px}
 .monthly-copy h3{font-size:36px}.monthly-copy p{font-size:12px;margin-bottom:20px}
 .monthly-copy .button{width:100%;font-size:11px;padding:14px}
 .monthly-samples{gap:8px;padding-top:8px}.monthly-samples button:nth-child(2){transform:translateY(-8px)}
 .service-grid{grid-template-columns:1fr;margin-top:15px}
 .service-grid>a{padding:22px 0;gap:12px;grid-template-columns:32px 1fr 14px}
 .service-grid h3{font-size:18px}.service-grid p{font-size:12px}
 .cinema .contact-section{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:28px}
 .cinema .contact-intro h2{font-size:50px}.cinema .contact-intro>p:not(.eyebrow){margin:18px 0;font-size:12px}
 .cinema .contact-form{padding:22px 18px}.contact-form .form-grid{grid-template-columns:1fr;gap:18px}
 .contact-form .form-grid .wide{grid-column:auto}.contact-form .choices{gap:6px}
 .contact-form .choices span{padding:8px 9px;font-size:9px}
 .contact-form .form-consent{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.monthly-samples img{transition:none}}

/* One recurring-content section, one set of examples. */
/* A stopped video offers Play, never a misleading sound-only action. */
#reel-start{position:absolute;inset:0;z-index:3;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0;background:linear-gradient(transparent,#0002);color:#fff;cursor:pointer;font:600 13px Manrope,sans-serif;text-shadow:0 1px 8px #000}
#reel-start>svg{width:84px;height:84px;padding:23px;border:1px solid #ffffffb3;border-radius:50%;background:#07100bb3;backdrop-filter:blur(8px);fill:currentColor;box-shadow:0 8px 30px #0003}
#reel-start:focus-visible{outline:3px solid white;outline-offset:-6px}
.reel-paused #reel-start{display:flex}
.native-reel.reel-paused #reel-sound,.native-reel.reel-paused #reel-pause{display:none}
.native-controls #reel-fullscreen{z-index:4}
@media(max-width:600px){#reel-start{font-size:12px;gap:10px}#reel-start>svg{width:72px;height:72px;padding:20px}}
.monthly-proof{min-width:0}
.monthly-proof .rail-controls{display:flex;justify-content:flex-end;margin-bottom:14px;gap:8px}
.monthly-proof .rail-controls button{width:38px;height:38px;min-height:38px}
.monthly-proof .reel-rail{gap:12px;padding:0 0 12px;width:100%;min-width:0;scroll-padding:0}
.cinema .monthly-proof .reel-card{flex:0 0 calc((100% - 24px)/3);min-width:0;max-width:none}
.monthly-proof .reel-cover{border-radius:4px}
.monthly-proof .reel-meta{padding-top:12px}
.monthly-proof .reel-meta h3{font-size:12px;line-height:1.4}
.monthly-proof .reel-meta p{font-size:10px;margin-top:4px}
.monthly-proof .reel-index{display:none}
@media(min-width:601px){
 .cinema .gallery .work-card:not(.work-featured){grid-column:span 6;padding-top:0}
}
@media(max-width:600px){
 .monthly-proof .reel-rail{gap:10px}
 .cinema .monthly-proof .reel-card{flex-basis:calc((100% - 10px)/2)}
 .monthly-proof .reel-meta h3{font-size:11px}
}