/* Approved films share the company website's existing cream and gold palette. */
.ev-film{--film-radius:18px;--film-control-gap:8px;margin:0;min-width:0}
.film-frame{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:var(--film-radius);background:var(--wash);box-shadow:0 12px 36px #3028180c}
.film-frame picture,.film-frame img,.film-frame video{display:block;width:100%;height:100%;object-fit:contain}
.film-frame video{position:absolute;inset:0;visibility:hidden}
.ev-film.has-frame video{visibility:visible}
.ev-film.has-frame picture{visibility:hidden}
.ev-film figcaption{padding-top:14px;font-size:14px;line-height:1.6}
.film-title{display:block;color:var(--muted);margin-bottom:8px}
.film-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--film-control-gap)}
.film-controls[hidden],.film-error[hidden]{display:none}
.film-controls button{min-height:44px;max-width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 14px;background:var(--paper);font-size:14px;line-height:1.5;white-space:normal}
.film-controls button:first-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.film-clock{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto;font-size:12px}
.film-error{color:var(--muted);margin-top:10px}
.hero-film{min-width:0;padding-left:12px}
.experience-film-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.experience-film-layout .steps-grid{display:flex;flex-direction:column;gap:24px;margin:0}
.experience-film-layout .steps-grid article{padding:0;border:0}
.experience-film-layout .step-number{margin-bottom:8px}
.film-payment-note{font-size:13px;color:var(--muted);line-height:1.7;margin-top:18px}
.film-payment-note a{text-decoration:underline;text-underline-offset:3px}
.case-film{max-width:960px;margin:0 auto 64px}
@media(max-width:860px){.experience-film-layout{grid-template-columns:minmax(0,1fr);gap:30px}.hero-film{padding-left:0}}
@media(max-width:720px){.film-frame{aspect-ratio:4/5}.ev-film{--film-radius:14px}.hero-film{max-width:440px;width:100%;margin:12px auto 0}.case-film{max-width:440px;margin:0 auto 40px}.film-controls button{padding-inline:12px}.film-payment-note{font-size:13px}}