/* Mansour Studio — Film Watch UI. One authored source, no successive override patches. */
/* The rental_design record is the only owner of these visual tokens. */
.mf-watch-font-system{--mfw-ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.mf-watch-font-modern{--mfw-ui-font:"Mansour Manrope",Inter,Arial,sans-serif}
.mf-watch-font-editorial{--mfw-ui-font:"Mansour Source Sans 3","Segoe UI",Arial,sans-serif}
.mf-watch-font-grotesk{--mfw-ui-font:Arial,Helvetica,sans-serif}
.mf-watch-font-serif{--mfw-ui-font:Georgia,"Times New Roman",serif}
.mf-watch-font-mono{--mfw-ui-font:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.mf-watch-scale-small{--mfw-default-heading:clamp(22px,2.8vw,29px);--mfw-default-body:14px}
.mf-watch-scale-medium{--mfw-default-heading:clamp(25px,3.2vw,36px);--mfw-default-body:15px}
.mf-watch-scale-large{--mfw-default-heading:clamp(28px,3.8vw,42px);--mfw-default-body:16px}
.mf-watch-density-compact{--mfw-tab-height:58px;--mfw-panel-space:clamp(22px,3vw,38px)}
.mf-watch-density-comfortable{--mfw-tab-height:70px;--mfw-panel-space:clamp(28px,4vw,48px)}
/* Tonal system: same vocabulary, independently chosen for the badge and drawer. */
.mf-watch-badge-tone-light,.mf-watch-drawer-tone-light{--mfw-bg:#f8f8f2;--mfw-bg2:#ecf1ea;--mfw-fg:#1b3325;--mfw-muted:#506457;--mfw-edge:rgba(30,56,37,.16);--mfw-spot:#249454;--mfw-button:#1b603b}
.mf-watch-badge-tone-ivory,.mf-watch-drawer-tone-ivory{--mfw-bg:#faf3e6;--mfw-bg2:#f2eadd;--mfw-fg:#302d22;--mfw-muted:#746c58;--mfw-edge:rgba(77,60,39,.18);--mfw-spot:#28844d;--mfw-button:#275a3b}
.mf-watch-badge-tone-mint,.mf-watch-drawer-tone-mint{--mfw-bg:#e6f4ea;--mfw-bg2:#cfe6d6;--mfw-fg:#173424;--mfw-muted:#446955;--mfw-edge:rgba(24,75,44,.16);--mfw-spot:#1c9653;--mfw-button:#1e603e}
.mf-watch-badge-tone-dark,.mf-watch-drawer-tone-dark{--mfw-bg:#1d2722;--mfw-bg2:#101a16;--mfw-fg:#f7f8ef;--mfw-muted:#afc4b4;--mfw-edge:rgba(255,255,255,.16);--mfw-spot:#52d180;--mfw-button:#387c52}
.mf-watch-drawer-tone-cinema{--mfw-bg:#101c16;--mfw-bg2:#1b3024;--mfw-fg:#f7f5ea;--mfw-muted:#b3c6b6;--mfw-edge:rgba(218,233,214,.15);--mfw-spot:#6cdb90;--mfw-button:#6cdb90}
/* Badge: pale translucent pill by default; controls belong to the film being pictured. */
.mf-watch-badge{position:absolute;top:12px;right:12px;z-index:4;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:calc(100% - 24px);min-width:0;white-space:normal;overflow-wrap:normal;text-wrap:balance;pointer-events:none;border-radius:999px;border:1px solid var(--mfw-edge);background:var(--mfw-bg);color:var(--mfw-fg);padding:8px 12px;box-shadow:0 8px 25px rgba(5,16,10,.14);font-family:var(--mfw-badge-font,var(--mfw-ui-font,system-ui,sans-serif));font-size:var(--mfw-badge-d,10px);font-weight:var(--mfw-badge-weight,700);line-height:var(--mfw-badge-leading,1.25);letter-spacing:var(--mfw-badge-tracking,.045em);text-align:center;text-transform:uppercase;-webkit-font-smoothing:antialiased}
@supports(backdrop-filter:blur(10px)){.mf-watch-badge{background:color-mix(in srgb,var(--mfw-bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
.mf-watch-badge::before{content:"";display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--mfw-spot);box-shadow:0 0 0 4px color-mix(in srgb,var(--mfw-spot) 16%,transparent)}
.mfs-card>a,.mf-ed-work,.mfv-related article>a,.mf-curation-card-link,.mf-curation-thumb,.mf-section-cover,.mf-section-card>a{position:relative}
.mf-dir-card .mf-watch-badge{top:10px;right:10px}
.mfv-body .mfv-hero,.mfv-body .mfv-figure{position:relative}
.mfv-body .mfv-hero .mf-watch-badge{top:clamp(12px,2vw,26px);right:clamp(12px,2vw,26px)}
.mfv-body .mfv-related article>a{display:block}
/* Cinematic compact top drawer; no inheritance of visual properties from page typography. */
.mf-watch-drawer{position:relative;z-index:12;isolation:isolate;box-sizing:border-box;min-width:0;color:var(--mfw-fg);font-family:var(--mfw-ui-font,system-ui,sans-serif);background:linear-gradient(120deg,var(--mfw-bg),var(--mfw-bg2));border-top:1px solid var(--mfw-edge);border-bottom:1px solid var(--mfw-edge);-webkit-font-smoothing:antialiased}
.mf-watch-drawer::before{content:"";position:absolute;inset:0 0 auto;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--mfw-spot) 46%,transparent),transparent)}
.mf-watch-drawer>.mf-watch-tab{position:relative;list-style:none;display:flex;align-items:center;gap:13px;width:calc(100% - 32px);max-width:min(850px,var(--mfv-max,1180px));min-height:var(--mfw-tab-height,58px);margin:8px auto;padding:9px 14px;box-sizing:border-box;border-radius:17px;border:1px solid var(--mfw-edge);background:color-mix(in srgb,var(--mfw-fg) 5%,transparent);cursor:pointer;color:var(--mfw-fg);font-family:var(--mfw-ui-font,system-ui,sans-serif);text-align:left;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.mf-watch-drawer>.mf-watch-tab::-webkit-details-marker{display:none}
.mf-watch-drawer>.mf-watch-tab::marker{content:""}
.mf-watch-drawer>.mf-watch-tab:hover{background:color-mix(in srgb,var(--mfw-fg) 9%,transparent);border-color:color-mix(in srgb,var(--mfw-spot) 38%,var(--mfw-edge))}
.mf-watch-drawer>.mf-watch-tab:focus-visible{outline:2px solid var(--mfw-spot);outline-offset:3px}
.mf-watch-tab-play{position:relative;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--mfw-spot);color:#0e2315;box-shadow:0 0 0 1px rgba(255,255,255,.13) inset}
.mf-watch-tab-play::after{content:"";position:absolute;inset:-4px;border:1px solid var(--mfw-spot);border-radius:50%;opacity:.34;animation:mf-watch-beat 2.6s cubic-bezier(.35,.05,.35,1) infinite}
.mf-watch-tab-play svg{display:block;transform:translateX(1px)}
.mf-watch-tab-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.mf-watch-tab-title{display:block;color:var(--mfw-fg);font-family:var(--mfw-tab_title-font,var(--mfw-ui-font));font-size:var(--mfw-tab_title-d,13px);font-weight:var(--mfw-tab_title-weight,700);line-height:var(--mfw-tab_title-leading,1.2);letter-spacing:var(--mfw-tab_title-tracking,.055em);text-transform:uppercase}
.mf-watch-tab-status{display:block;margin:0;opacity:1;color:var(--mfw-muted);font-family:var(--mfw-tab_status-font,var(--mfw-ui-font));font-size:var(--mfw-tab_status-d,11px);font-weight:var(--mfw-tab_status-weight,500);line-height:var(--mfw-tab_status-leading,1.4);letter-spacing:var(--mfw-tab_status-tracking,.01em);text-transform:none}
.mf-watch-tab-arrow{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:1px solid var(--mfw-edge);color:var(--mfw-muted);transition:transform .32s ease,background .25s ease}
.mf-watch-tab-arrow svg{display:block}
.mf-watch-drawer[open] .mf-watch-tab-arrow{transform:rotate(180deg);background:color-mix(in srgb,var(--mfw-fg) 6%,transparent)}
.mf-watch-curtain{box-sizing:border-box;min-width:0;border-top:1px solid var(--mfw-edge);background:linear-gradient(155deg,var(--mfw-bg2),var(--mfw-bg));animation:mf-watch-unveil .38s cubic-bezier(.2,.8,.25,1) both}
.mf-watch-curtain-inner{box-sizing:border-box;max-width:850px;padding:var(--mfw-panel-space,30px) 22px;margin:0 auto}
.mfv-body .mf-watch-drawer .mfv-rental{padding:0;margin:0;background:transparent;border:0;border-radius:0;min-width:0;text-align:left}
.mfv-body .mf-watch-drawer .mf-watch-eyebrow{margin:0 0 13px;padding:0;color:var(--mfw-spot);font-family:var(--mfw-eyebrow-font,var(--mfw-ui-font));font-size:var(--mfw-eyebrow-d,10px);font-weight:var(--mfw-eyebrow-weight,650);line-height:var(--mfw-eyebrow-leading,1.45);letter-spacing:var(--mfw-eyebrow-tracking,.13em);text-transform:uppercase;text-align:left}
.mfv-body .mf-watch-drawer .mf-watch-film-title{margin:0 0 13px;padding:0;color:var(--mfw-fg);font-family:var(--mfw-film_title-font,var(--mfw-ui-font));font-size:var(--mfw-film_title-d,var(--mfw-default-heading,clamp(25px,3.2vw,36px)));font-weight:var(--mfw-film_title-weight,600);line-height:var(--mfw-film_title-leading,1.18);letter-spacing:var(--mfw-film_title-tracking,-.025em);text-transform:none;text-align:left}
.mfv-body .mf-watch-drawer .mf-watch-description,.mfv-body .mf-watch-drawer .mf-watch-description p{box-sizing:border-box;margin:0 0 12px;max-width:690px;color:var(--mfw-muted);font-family:var(--mfw-body-font,var(--mfw-ui-font));font-size:var(--mfw-body-d,var(--mfw-default-body,15px));font-weight:var(--mfw-body-weight,400);line-height:var(--mfw-body-leading,1.73);letter-spacing:var(--mfw-body-tracking,normal);text-align:left}
.mfv-body .mf-watch-drawer :is(.mf-watch-notice,.mf-watch-coming,.mf-watch-admin-notice){margin:13px 0 0;max-width:710px;color:var(--mfw-muted);font-family:var(--mfw-notice-font,var(--mfw-ui-font));font-size:var(--mfw-notice-d,12px);font-weight:var(--mfw-notice-weight,500);line-height:var(--mfw-notice-leading,1.6);letter-spacing:var(--mfw-notice-tracking,normal);text-align:left}
.mfv-body .mf-watch-drawer .mf-watch-coming{padding:14px 0 0;border-top:1px solid var(--mfw-edge)}
.mfv-body .mf-watch-drawer .mfv-rental-action{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:17px 0 0;min-height:45px;padding:11px 22px;max-width:100%;background:var(--mfw-button);color:var(--mfw-bg);border:1px solid transparent;border-radius:100px;box-shadow:0 9px 22px rgba(5,20,9,.1);font-family:var(--mfw-button-font,var(--mfw-ui-font));font-size:var(--mfw-button-d,13px);font-weight:var(--mfw-button-weight,700);line-height:var(--mfw-button-leading,1.45);letter-spacing:var(--mfw-button-tracking,.015em);text-align:center;text-decoration:none;transition:transform .23s ease,filter .23s ease}
.mfv-body .mf-watch-drawer .mfv-rental-action:hover{transform:translateY(-2px);filter:brightness(1.06);text-decoration:none}
.mfv-body .mf-watch-drawer .mfv-rental-action:focus-visible{outline:2px solid var(--mfw-spot);outline-offset:3px}
@keyframes mf-watch-beat{0%,100%{opacity:.34;transform:scale(1)}12%{opacity:.55;transform:scale(1.13)}22%{opacity:.17;transform:scale(1.04)}36%{opacity:.55;transform:scale(1.17)}55%{opacity:.24;transform:scale(1)}}
@keyframes mf-watch-unveil{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1024px){
.mf-watch-badge{font-size:var(--mfw-badge-t,var(--mfw-badge-d,10px))}
.mf-watch-tab-title{font-size:var(--mfw-tab_title-t,var(--mfw-tab_title-d,13px))}
.mf-watch-tab-status{font-size:var(--mfw-tab_status-t,var(--mfw-tab_status-d,11px))}
.mfv-body .mf-watch-drawer .mf-watch-eyebrow{font-size:var(--mfw-eyebrow-t,var(--mfw-eyebrow-d,10px))}
.mfv-body .mf-watch-drawer .mf-watch-film-title{font-size:var(--mfw-film_title-t,var(--mfw-film_title-d,var(--mfw-default-heading,32px)))}
.mfv-body .mf-watch-drawer .mf-watch-description,.mfv-body .mf-watch-drawer .mf-watch-description p{font-size:var(--mfw-body-t,var(--mfw-body-d,var(--mfw-default-body,15px)))}
.mfv-body .mf-watch-drawer :is(.mf-watch-notice,.mf-watch-coming,.mf-watch-admin-notice){font-size:var(--mfw-notice-t,var(--mfw-notice-d,12px))}
.mfv-body .mf-watch-drawer .mfv-rental-action{font-size:var(--mfw-button-t,var(--mfw-button-d,13px))}
.mf-watch-drawer>.mf-watch-tab{width:calc(100% - 28px)}
.mfv-body .mfv-hero .mf-watch-badge{max-width:calc(100% - 24px)}
}
@media (max-width:640px){
.mf-watch-badge{font-size:var(--mfw-badge-m,var(--mfw-badge-t,var(--mfw-badge-d,10px)))}
.mf-watch-tab-title{font-size:var(--mfw-tab_title-m,var(--mfw-tab_title-t,var(--mfw-tab_title-d,13px)))}
.mf-watch-tab-status{font-size:var(--mfw-tab_status-m,var(--mfw-tab_status-t,var(--mfw-tab_status-d,11px)))}
.mfv-body .mf-watch-drawer .mf-watch-eyebrow{font-size:var(--mfw-eyebrow-m,var(--mfw-eyebrow-t,var(--mfw-eyebrow-d,10px)))}
.mfv-body .mf-watch-drawer .mf-watch-film-title{font-size:var(--mfw-film_title-m,var(--mfw-film_title-t,var(--mfw-film_title-d,var(--mfw-default-heading,32px))))}
.mfv-body .mf-watch-drawer .mf-watch-description,.mfv-body .mf-watch-drawer .mf-watch-description p{font-size:var(--mfw-body-m,var(--mfw-body-t,var(--mfw-body-d,var(--mfw-default-body,15px))))}
.mfv-body .mf-watch-drawer :is(.mf-watch-notice,.mf-watch-coming,.mf-watch-admin-notice){font-size:var(--mfw-notice-m,var(--mfw-notice-t,var(--mfw-notice-d,12px)))}
.mfv-body .mf-watch-drawer .mfv-rental-action{font-size:var(--mfw-button-m,var(--mfw-button-t,var(--mfw-button-d,13px)))}
.mf-watch-badge{top:7px;right:7px;gap:5px;padding:6px 8px;max-width:calc(100% - 14px);border-radius:14px;line-height:1.22}
.mf-watch-badge::before{flex-basis:5px;width:5px;height:5px;box-shadow:none}
.mfv-body .mfv-hero .mf-watch-badge{top:10px;right:10px;max-width:calc(100% - 20px)}
.mf-watch-drawer>.mf-watch-tab{width:calc(100% - 20px);gap:11px;min-height:56px;margin:7px auto;padding:9px 12px;border-radius:14px}
.mf-watch-tab-play{width:30px;height:30px;flex-basis:30px}
.mf-watch-tab-play svg{width:14px;height:14px}
.mf-watch-tab-arrow{width:26px;height:26px;flex-basis:26px}
.mf-watch-curtain-inner{padding:19px 16px 24px}
.mfv-body .mf-watch-drawer .mfv-rental-action{width:100%;min-height:46px}
}
@media(prefers-reduced-motion:reduce){.mf-watch-tab-play::after,.mf-watch-curtain{animation:none}.mf-watch-tab-arrow,.mf-watch-drawer>.mf-watch-tab,.mfv-body .mf-watch-drawer .mfv-rental-action{transition:none}}
/* Console-only controls for existing administrator rental actions. */
.mf-rental-admin-actions{display:flex;flex-wrap:wrap;gap:10px}
.mf-rental-admin-actions .mf-btn{height:auto;min-height:42px;white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.45;text-align:center;padding:10px 16px}
.mf-pilot-warning{font-size:12px!important;opacity:.7}