/* Small, weighted responses around the story. The film remains the narrative clock. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.motion-reveal{--motion-enter:24px;opacity:0;transform:translate3d(0,var(--motion-enter),0);transition:transform .75s var(--motion-ease),opacity .75s var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
.motion-reveal.is-motion-seen{--motion-enter:0px;opacity:1}
.motion-reveal:focus-within{--motion-enter:0px;opacity:1;transition-delay:0ms}
.motion-card{position:relative;isolation:isolate;--motion-enter:0px;--motion-x:0;--motion-y:0;--motion-rest:0deg}
.motion-card.motion-reveal:not(.is-motion-seen){--motion-enter:24px}
.motion-card.motion-tilt{transform:perspective(1000px) translate3d(0,var(--motion-enter,0px),0) rotateX(calc(var(--motion-y)*-1.2deg)) rotateY(calc(var(--motion-x)*1.5deg)) rotate(var(--motion-rest));transform-origin:50% 60%;transition:transform .75s var(--motion-ease),opacity .75s var(--motion-ease)}
.motion-card.motion-tilt[data-motion-active=true]{transition-property:opacity;will-change:transform}
.motion-card.founder-seal{--motion-rest:-3deg}
.motion-card-light{position:absolute;inset:0;overflow:clip;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s var(--motion-ease)}
.motion-card-light::before{content:'';position:absolute;left:0;top:0;width:128px;height:128px;border-radius:50%;background:#FFF9EA;box-shadow:0 0 64px 32px #FFF9EA;opacity:.32;transform:translate3d(calc(var(--motion-light-x,0px) - 64px),calc(var(--motion-light-y,0px) - 64px),0)}
.motion-card-light::after{content:'';position:absolute;inset:0;border:1px solid #C8B79A;border-radius:inherit;opacity:.28}
.motion-card[data-motion-hover=true]>.motion-card-light,.motion-card:focus-visible>.motion-card-light{opacity:1}
.motion-card:focus-visible{transform:translate3d(0,0,0)}
.foundation-visual .visual-float{transform-box:fill-box;transform-origin:center;transform:translate3d(calc(var(--motion-x,0)*4px),calc(var(--motion-y,0)*3px),0) rotate(calc(var(--motion-x,0)*2deg))}
.growth-row.motion-card{transform:translate3d(0,var(--motion-enter,0px),0)}
.growth-row.motion-card .growth-arrow{transform:translate3d(calc(var(--motion-x,0)*3px),calc(var(--motion-y,0)*3px),0) rotate(calc(var(--motion-x,0)*-12deg));transition:transform .5s var(--motion-ease)}
.growth-row.motion-card:hover .growth-arrow,.growth-row.motion-card:focus-visible .growth-arrow{transform:translate3d(calc(var(--motion-x,0)*3px),calc(var(--motion-y,0)*3px),0) rotate(-32deg)}
.motion-magnet{--motion-mx:0px;--motion-my:0px;--motion-lift:0px;--motion-press:1;transform:translate3d(var(--motion-mx),calc(var(--motion-my) + var(--motion-lift)),0) scale(var(--motion-press));transition:transform .5s var(--motion-ease),opacity .3s var(--motion-ease)}
.motion-magnet[data-motion-active=true]{transition-property:opacity;will-change:transform}
.motion-magnet:hover{--motion-lift:-2px;transform:translate3d(var(--motion-mx),calc(var(--motion-my) + var(--motion-lift)),0) scale(var(--motion-press))}
.motion-magnet:active{--motion-press:.98;--motion-lift:0px;transform:translate3d(var(--motion-mx),calc(var(--motion-my) + var(--motion-lift)),0) scale(var(--motion-press))}
.motion-magnet:focus-visible{--motion-mx:0px!important;--motion-my:0px!important}
.motion-magnet>svg{transition:transform .5s var(--motion-ease)}
.motion-magnet:hover>svg,.motion-magnet:focus-visible>svg{transform:translateX(4px)}
.cinema-home .cinema-cta.motion-magnet:hover,.cinema-home .cinema-cta.motion-magnet:active{transform:translate3d(var(--motion-mx),calc(var(--motion-my) + var(--motion-lift)),0) scale(var(--motion-press))}
.cinema-home .cinema-hero.motion-hero .cinema-copy{transform:translate3d(calc(var(--motion-hx,0)*-4px),calc(var(--motion-hy,0)*-3px),0)}
.motion-atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:clip;opacity:0;transition:opacity .5s var(--motion-ease)}
.motion-hero[data-motion-hover=true] .motion-atmosphere{opacity:.7}
.motion-mote{position:absolute;width:3px;height:3px;border-radius:50%;background:#FFE1B5;box-shadow:0 0 12px 2px #E4B58655;opacity:var(--mote-opacity,.4);transform:translate3d(calc(var(--motion-hx,0)*var(--mote-depth,16px)),calc(var(--motion-hy,0)*var(--mote-depth,16px)*.6),0)}
.motion-mote:nth-child(1){left:7%;top:72%;--mote-depth:24px;--mote-opacity:.45}
.motion-mote:nth-child(2){left:25%;top:85%;--mote-depth:16px;--mote-opacity:.5;width:2px;height:2px}
.motion-mote:nth-child(3){left:42%;top:91%;--mote-depth:32px;--mote-opacity:.3}
.motion-mote:nth-child(4){left:61%;top:78%;--mote-depth:20px;--mote-opacity:.4;width:2px;height:2px}
.motion-mote:nth-child(5){left:94%;top:86%;--mote-depth:32px;--mote-opacity:.5}
.motion-mote:nth-child(6){left:90%;top:95%;--mote-depth:16px;--mote-opacity:.35;width:2px;height:2px}
.motion-process .process-number{position:relative}
.motion-process .process-number::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#A87D58;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
.motion-process.is-motion-seen .process-number::after{transform:scaleX(1)}
.motion-process .process-number::before{content:'';position:absolute;bottom:-2px;left:0;width:4px;height:4px;border-radius:50%;background:#A87D58;opacity:0;transform:scale(.5);transition:transform .5s var(--motion-ease),opacity .3s var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
.motion-process.is-motion-seen .process-number::before{opacity:1;transform:scale(1)}
@media(max-width:1100px){.cinema-home .cinema-hero.motion-hero .cinema-copy{transform:none}.motion-atmosphere{display:none}}
@media(max-width:640px){.motion-process .process-number::before,.motion-process .process-number::after{display:none}}
@media(hover:none),(pointer:coarse){.motion-tilt,.motion-magnet{--motion-x:0!important;--motion-y:0!important;--motion-mx:0px!important;--motion-my:0px!important}.motion-card-light,.motion-atmosphere{display:none}}
@media(prefers-reduced-motion:reduce){
 .motion-reveal{--motion-enter:0px;opacity:1;transform:none;transition:none!important}
 .motion-card.motion-tilt,.motion-magnet,.cinema-home .cinema-hero.motion-hero .cinema-copy,.foundation-visual .visual-float{transform:none!important;transition:none!important;will-change:auto}
 .motion-card-light,.motion-atmosphere{display:none}
 .motion-process .process-number::after{transform:scaleX(1);transition:none}
 .motion-process .process-number::before{opacity:1;transform:none;transition:none}
}
