/* Two depths: the project follows; its action arrives first. */
:root{--cursor-blue:#4557e8}
.project-cursor{position:fixed;inset:0;z-index:80;pointer-events:none;visibility:hidden;contain:layout style;direction:ltr}
.project-cursor.is-visible{visibility:visible}
.project-cursor[hidden]{display:none!important}
.cursor-preview-position,.cursor-disc-position{position:absolute;left:0;top:0;will-change:transform}
.cursor-preview{width:320px;height:320px;margin:-160px 0 0 -160px;overflow:hidden;background:var(--paper,#e4e3df);transform:scale(0);opacity:0;will-change:transform,opacity}
.cursor-reel{height:100%;will-change:transform}
.cursor-reel figure{height:100%;width:100%;margin:0;display:grid;place-items:center;overflow:hidden;background:var(--paper,#e4e3df)}
.cursor-reel img{display:block;width:100%;height:100%;object-fit:contain}
.cursor-disc{position:relative;display:grid;place-items:center;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--cursor-blue);color:#fff;transform:scale(0);opacity:0;will-change:transform,opacity}
.cursor-disc-label{font:500 15px/1.2 var(--sans,Manrope,sans-serif);letter-spacing:0;white-space:nowrap;user-select:none}
.project-cursor[lang=ar] .cursor-disc-label{font-family:'Noto Arabic',sans-serif;font-size:16px}
.film-title-link{display:block}
.film-title-link h3{transition:opacity .25s,translate .35s var(--ease)}
.film-title-link.cursor-preview-target h3{opacity:.56;translate:-12px 0}
html[dir=rtl] .film-title-link.cursor-preview-target h3{translate:12px 0}
.cursor-preview-target .project-title{opacity:.56}
.cursor-magnetic{translate:var(--magnet-x,0px) var(--magnet-y,0px)}
@media(max-width:900px){.cursor-preview{width:272px;height:272px;margin:-136px 0 0 -136px}.cursor-disc{width:76px;height:76px;margin:-38px 0 0 -38px}}
@media(max-width:600px),(hover:none),(pointer:coarse){.project-cursor{display:none!important}.cursor-magnetic{translate:none!important}}
html.motion-paused .project-cursor{display:none!important}
@media(prefers-reduced-motion:reduce){html:not(.motion-opted-in) .project-cursor{display:none!important}}
@media print{.project-cursor{display:none!important}.cursor-magnetic{translate:none!important}}