/* A quieter portfolio: artwork, titles and useful dates */
.player-top{justify-content:flex-end;padding-bottom:12px}
.player-info{display:block;padding:22px 0 8px}
.player-info h2{margin:7px 0 4px}
.player-info .film-year{display:block;margin-top:10px}
.player-pagination[hidden],.film-year[hidden]{display:none!important}
#playback-message:empty{display:none}
.film-meta{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.film-year{font-variant-numeric:tabular-nums;font-size:16px;color:#9eb6c7;letter-spacing:.02em;white-space:nowrap}
.work-info .film-meta{margin:9px 0 0}
.library-page .film-year{color:inherit}
.exhibition-page .gallery-info h2{margin-top:0}
.exhibition-page .gallery-info .film-meta{margin:10px 0 0}
.menu-utilities{display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff24;margin-top:8px;padding:12px 14px 4px}
.workbench-submenu .menu-utilities a,.menu-utilities button{display:flex;align-items:center;gap:8px;width:auto;border:0;padding:6px 0;font-size:14px;background:none;color:#b5c4ce}
.menu-utilities button img{width:14px;height:14px;filter:brightness(0) invert(1)}
.selection-statement{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;font-weight:500;line-height:1.15;letter-spacing:-.04em;margin:0 0 36px;color:#eef4f8}
.selection-statement span{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em}
.selection-statement strong{font-size:clamp(86px,10vw,132px);font-weight:600;letter-spacing:-.065em}
.library-page .selection-statement{color:inherit;margin:15px 0 35px}
@media(max-width:760px){.selection-statement{gap:10px;margin-bottom:24px}.selection-statement strong{font-size:78px}.selection-statement span{font-size:21px}.film-year{font-size:15px}.player-info{padding:18px 0 5px}.menu-utilities{padding-left:8px;gap:24px}}

.producer-showreel{scroll-margin-top:120px;display:flow-root}
.library-page .work-cover:hover>img{filter:none}

/* Saved career and production totals with a clear number / unit hierarchy. */
.producer-number{display:flex;align-items:baseline;gap:12px;white-space:nowrap;font-size:clamp(150px,14vw,216px);font-weight:550;line-height:1;letter-spacing:.025em;font-variant-numeric:tabular-nums}
.producer-number .metric-digits{display:inline-block;min-width:2ch}
.producer-number .metric-unit{font-size:clamp(30px,2.8vw,42px);font-weight:500;letter-spacing:.02em;margin-left:-.08em}
.producer-number .metric-plus{font-size:clamp(32px,3vw,46px);font-weight:400;letter-spacing:0;margin-left:-.12em}
.selection-statement{align-items:center;gap:28px;letter-spacing:0}
.selection-statement .metric-caption{font-size:clamp(24px,2.6vw,36px);letter-spacing:.08em;font-weight:500}
.selection-statement .metric-total{display:inline-flex;align-items:baseline;gap:12px;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1}
.selection-statement .metric-digits{font-size:clamp(112px,11vw,172px);font-weight:550;letter-spacing:.015em}
.selection-statement .metric-plus{font-size:clamp(38px,3.8vw,58px);font-weight:400;letter-spacing:0}
.collection-loading{font-size:15px;color:#9eb6c7;min-height:44px;display:flex;align-items:center}
/* Keep chapter navigation on its original vertical rail. Give categories a separate lane. */
@media(min-width:761px){
 .exhibition-page .gallery-directory-wrap{right:max(10vw,124px);top:max(114px,15svh);width:150px;max-height:calc(100svh - max(114px,15svh) - 80px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7593a5 transparent}
 .exhibition-page #gallery-directory button{gap:24px;padding-right:8px}
 .exhibition-page #gallery-directory button small{min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}
}
@media(max-width:760px){
 .producer-tenure{display:block}
 .producer-number{font-size:clamp(132px,34vw,180px);gap:10px;letter-spacing:.03em}
 .producer-number .metric-unit{font-size:32px}.producer-number .metric-plus{font-size:36px}
 .producer-tenure p{margin-top:22px;font-size:17px}
 .selection-statement{display:flex;align-items:flex-start;flex-direction:column;gap:18px}
 .selection-statement .metric-caption{font-size:24px;letter-spacing:.08em}
 .selection-statement .metric-digits{font-size:clamp(96px,25vw,142px)}
 .selection-statement .metric-plus{font-size:40px}
}
@media(max-width:760px){.exhibition-page .gallery-directory-wrap{right:52px;width:108px}}