/* Filmax's floating-film composition, in Duke's established black and white world. */
body.duke-videos-page{background:#000;color:#fff}
.duke-videos-page #brx-content{background:#000;min-height:70vh}
.duke-videos-page .films-stage{display:block;position:relative;isolation:isolate;width:100%;padding:40px clamp(20px,3.35vw,64px) 160px;overflow:clip;color:#fff;background:#000}
.duke-videos-page .films-heading{position:fixed;z-index:2;left:clamp(20px,3.35vw,64px);bottom:40px;margin:0;max-width:820px;color:#fff;font-size:clamp(48px,7vw,96px);line-height:.96;font-weight:500;letter-spacing:-.035em;pointer-events:none;transition:opacity .3s}
.duke-videos-page .films-stage.is-past .films-heading{opacity:0}
.duke-videos-page .films-grid{display:flex;flex-direction:column;gap:94px;align-items:flex-start;width:100%;padding-bottom:100px}
.duke-videos-page .film-card{display:block;position:relative;width:46%;margin-left:24%;will-change:transform}
.duke-videos-page .film-card:nth-child(3n+2){width:27%;margin-left:73%;margin-top:-220px}
.duke-videos-page .film-card:nth-child(3n){width:44%;margin-left:35%}
.duke-videos-page .film-card:nth-child(6n+4){width:43%;margin-left:6%}
.duke-videos-page .film-card:nth-child(6n+5){width:42%;margin-left:55%}
.duke-videos-page .film-link{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#202020;color:#fff;text-decoration:none;isolation:isolate;transition:box-shadow .35s}
.duke-videos-page .film-link:focus-visible{outline:2px solid #fff;outline-offset:6px}
.duke-videos-page .film-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.duke-videos-page .film-link::after{content:"";position:absolute;z-index:1;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));opacity:0;transition:opacity .35s}
.duke-videos-page .film-caption{position:absolute;z-index:2;bottom:24px;left:24px;right:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .5s cubic-bezier(.16,1,.3,1)}
.duke-videos-page .film-name{margin:0;color:inherit;font-size:clamp(20px,2vw,30px);font-weight:500;line-height:1.08;letter-spacing:-.025em}
.duke-videos-page .film-caption p{font-size:14px;line-height:1.35;margin:7px 0 0;color:#fff}
.duke-videos-page .film-play{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:1px solid rgba(255,255,255,.8);border-radius:50%}
.duke-videos-page .film-play::after{content:"";display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;margin-left:3px}
.duke-videos-page .film-link:is(:hover,:focus-visible)::after,.duke-videos-page .film-link:is(:hover,:focus-visible) .film-caption{opacity:1}
.duke-videos-page .film-link:is(:hover,:focus-visible) .film-caption{transform:translateY(0)}
.duke-videos-page .film-link:is(:hover,:focus-visible) .film-poster{transform:scale(1.035)}
.duke-videos-page .film-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.duke-videos-page .films-player-node{display:contents}
.duke-videos-page .films-empty{min-height:40vh;text-align:center;padding:100px 24px}
.duke-video-player{--video-top:104px;position:fixed;inset:var(--video-top) 0 24px;width:min(1280px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - var(--video-top) - 24px);margin:auto;padding:0;border:0;background:#101010;color:#fff;border-radius:12px;overflow:auto}
.duke-video-player::backdrop{background:rgba(0,0,0,.92)}
.duke-video-player[open]{animation:duke-video-open .4s cubic-bezier(.16,1,.3,1) both}
.video-player-top,.video-player-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px}
.video-player-top h2{font-family:inherit;font-size:24px;line-height:1.15;font-weight:500;letter-spacing:-.025em;color:#fff;margin:0}
.video-player-close{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid #737373;border-radius:50%;color:#fff;background:transparent;cursor:pointer}
.video-player-close svg{width:24px;height:24px}
.video-player-close:hover{background:#fff;color:#000}
.video-player-close:focus-visible,.video-player-source:focus-visible{outline:2px solid #fff;outline-offset:4px}
.video-player-screen{width:100%;aspect-ratio:16/9;max-height:calc(100dvh - var(--video-top) - 156px);background:#000;display:flex;align-items:center;justify-content:center}
.video-player-screen :is(iframe,video){display:block;width:100%;height:100%;border:0;object-fit:contain}
.video-player-bottom{font-size:14px;min-height:52px}
.video-player-source{color:#fff;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.video-player-screen p{padding:24px;text-align:center}
.duke-videos-page ::selection{background:#fff;color:#000}
@keyframes duke-video-open{from{opacity:0;transform:translateY(16px);clip-path:inset(3% 0 3%)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@media(hover:none){.duke-videos-page .film-link::after,.duke-videos-page .film-caption{opacity:1}.duke-videos-page .film-caption{transform:none}}
@media(max-width:767px){
.duke-videos-page .films-stage{padding:24px 20px 100px}
.duke-videos-page .films-heading{font-size:clamp(38px,10vw,64px);bottom:26px;left:20px;max-width:calc(100vw - 40px);line-height:1}
.duke-videos-page .films-grid{gap:80px;padding-bottom:110px}
.duke-videos-page .film-card{width:80%;margin-left:12%}
.duke-videos-page .film-card:nth-child(3n+2){width:78%;margin-left:22%;margin-top:0}
.duke-videos-page .film-card:nth-child(3n){width:82%;margin-left:2%}
.duke-videos-page .film-card:nth-child(6n+4){width:80%;margin-left:16%}
.duke-videos-page .film-card:nth-child(6n+5){width:84%;margin-left:0}
.duke-videos-page .film-link{border-radius:12px}
.duke-videos-page .film-caption{bottom:16px;left:16px;right:16px;gap:10px;opacity:1;transform:none}
.duke-videos-page .film-link::after{opacity:1}
.duke-videos-page .film-name{font-size:20px}
.duke-videos-page .film-caption p{display:none}
.duke-videos-page .film-play{width:36px;height:36px;flex-basis:36px}
.duke-video-player{--video-top:88px;width:calc(100vw - 24px)}
.video-player-top,.video-player-bottom{padding:12px 16px;gap:16px}
.video-player-top h2{font-size:20px}
.video-player-bottom{flex-direction:column;align-items:flex-start;gap:8px}
.video-player-credit:empty{display:none}
}
@media(prefers-reduced-motion:reduce){.duke-videos-page .film-card{will-change:auto;transform:none!important}.duke-videos-page .film-poster,.duke-videos-page .film-caption,.duke-videos-page .film-link::after,.duke-videos-page .films-heading{transition:none}.duke-video-player[open]{animation:none}}
.duke-videos-page .film-preview{z-index:1}
.duke-videos-page .film-link::after{z-index:2}
.duke-videos-page .film-caption{z-index:3}
html.duke-video-playing,html.duke-video-playing body{overflow:hidden}

.video-player-error{font-size:18px;line-height:1.5;max-width:38ch;margin:auto;text-wrap:balance}