/* V11: a common frame for five independent reference films. */
.reel-handoff{position:absolute;inset:0;z-index:40;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;background:var(--paper);color:var(--ink);isolation:isolate}
.reel-handoff-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;height:100%;padding:5% var(--g);transform-origin:center center}
.reel-handoff [data-handoff-count]{display:block;font-size:13px;line-height:1.45;letter-spacing:.025em;margin-bottom:25px}
.reel-handoff [data-handoff-name]{display:block;max-width:100%;font:800 clamp(56px,8.2vw,150px)/.92 var(--display);letter-spacing:-.025em;white-space:normal;overflow-wrap:normal}
.reel-handoff [data-handoff-role]{font-size:17px;line-height:1.6;max-width:44em;margin:26px 0 0}
.reel-handoff-credit{display:block;font-size:12px;line-height:1.5;margin-top:58px}
html:not(.reel-enabled) .reel-handoff{display:none}

/* Keep reference numbering separate from the acts within each film. */
.film-case>header>.reel-reference-label{display:inline-flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;row-gap:0;line-height:1.4}
.film-case>header>.reel-reference-label>span{font-size:inherit;white-space:nowrap;opacity:.78}
.film-case>header>.reel-reference-label>b{font-size:inherit;font-weight:600;white-space:nowrap}
.film-case>:is(.t-film-header,.bw-film-header,.dv-header,.ov-header,.sv-header)>span:last-child::before{content:"Akt "}

/* A named reference rail replaces the old anonymous 01–09 sequence. */
.reel-controls{gap:18px;padding-top:10px;padding-bottom:12px}
.reel-controls .reel-chapters{display:flex;align-items:center;gap:7px;min-width:0;flex:1}
.reel-controls .reel-chapters button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-width:0;min-height:36px;padding:0 6px;font-size:12px;line-height:1.2;white-space:nowrap;color:inherit}
.reel-controls .reel-reference-links{display:flex;align-items:center;gap:2px;min-width:0;padding:0 10px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.reel-controls .reel-nav-label{display:block;font-size:11px;line-height:1.3;margin-right:9px;white-space:nowrap}
.reel-controls .reel-nav-number{font-size:10px;line-height:1;opacity:.65;font-variant-numeric:tabular-nums}
.reel-controls .reel-nav-name{font-size:inherit;line-height:inherit}
.reel-controls .reel-chapters button[aria-current="step"]{color:var(--paper)}
.reel-controls .reel-chapters button[aria-current="step"] .reel-nav-number{opacity:1}
.reel-controls .reel-status{display:none}
.reel-controls .reel-motion-toggle{flex:0 0 auto;min-height:36px;font-size:12px;line-height:1.3;white-space:nowrap}

@media(min-width:761px) and (max-width:1250px){
 .reel-controls{gap:13px}
 .reel-controls .reel-chapters{gap:4px}
 .reel-controls .reel-chapters button{padding:0 5px;font-size:11px;gap:5px}
 .reel-controls .reel-reference-links{padding:0 6px;gap:0}
 .reel-controls .reel-nav-label{font-size:10px;margin-right:6px}
 .reel-controls .reel-nav-number{display:none}
 .reel-controls .reel-motion-toggle{font-size:11px}
}
@media(min-width:761px) and (max-width:1000px){
 .reel-controls .reel-nav-label{display:none}
 .reel-controls .reel-chapters button{padding:0 4px}
}
@media(min-width:761px) and (max-height:640px){
 .reel-controls{padding-top:6px;padding-bottom:6px}
 .reel-controls .reel-chapters button,.reel-controls .reel-motion-toggle{min-height:30px}
 .reel-handoff [data-handoff-name]{font-size:min(8.2vw,15svh)}
 .reel-handoff [data-handoff-count]{margin-bottom:18px}
 .reel-handoff [data-handoff-role]{margin-top:20px;font-size:15px}
 .reel-handoff-credit{margin-top:30px}
}
@media(max-width:760px){
 .reel-contact .point-contact{display:none}
 .reel-handoff-content{padding:12% 22px}
 .reel-handoff [data-handoff-count]{font-size:11px;line-height:1.4;margin-bottom:24px;letter-spacing:.02em}
 .reel-handoff [data-handoff-name]{font-size:clamp(36px,12.7vw,72px);line-height:.94;max-width:100%}
 .reel-handoff [data-handoff-role]{font-size:13px;line-height:1.6;margin-top:22px;max-width:29em}
 .reel-handoff-credit{font-size:10px;margin-top:35px}
 .film-case>header>.reel-reference-label{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.3}
 .film-case>header>.reel-reference-label>span{font-size:9px;line-height:1.4}
 .film-case>header>.reel-reference-label>b{font-size:10.5px;line-height:1.35}
 .film-case>:is(.t-film-header,.bw-film-header,.dv-header,.ov-header,.sv-header)>span:last-child{font-size:10px;line-height:1.4}
 .reel-controls{padding:7px 15px 8px;gap:2px 9px;flex-wrap:wrap;align-items:center}
 .reel-controls .reel-chapters{order:1;flex:0 0 100%;width:100%;justify-content:space-between;gap:2px}
 .reel-controls .reel-chapters button{min-width:0;min-height:32px;padding:0 3px;font-size:10px;line-height:1.2;gap:0}
 .reel-controls .reel-reference-links{flex:1;justify-content:space-around;gap:0;padding:0 5px;margin:0 3px}
 .reel-controls .reel-reference-links button{min-width:23px;padding:0 2px}
 .reel-controls .reel-nav-label,.reel-controls .reel-nav-name{display:none}
 .reel-controls .reel-nav-number{display:block;font-size:11px;line-height:1;opacity:1}
 .reel-controls .reel-status{display:block;order:2;flex:1;min-width:0;min-height:23px;margin:0;max-width:calc(100% - 122px);font-size:10px;line-height:1.3;padding-top:5px;overflow-wrap:normal}
 .reel-controls .reel-motion-toggle{order:3;flex:0 0 auto;flex-basis:auto;max-width:118px;min-height:23px;font-size:10px;line-height:1.3;text-align:right;padding:3px 0 0;white-space:normal}
}
@media(max-width:760px) and (max-height:640px){
 .reel-handoff-content{padding-top:9%;padding-bottom:9%}
 .reel-handoff [data-handoff-count]{margin-bottom:18px}
 .reel-handoff [data-handoff-name]{font-size:12vw}
 .reel-handoff [data-handoff-role]{margin-top:18px;font-size:12px}
 .reel-handoff-credit{margin-top:26px}
}