.film-stage{transform:scale(var(--film-scale,1));transform-origin:center;will-change:auto}

.film-orbit{width:39%;right:3.7%;transform:translateY(calc(-50% + var(--orbit-y,0px))) rotate(var(--orbit-angle,0deg));transition:transform .12s linear}
.film-orbit .orbit-bloom{position:absolute;inset:0;transform:scale(var(--bloom,1));transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.film-orbit svg{overflow:visible}.film-orbit img{left:40%;top:40%;width:20%;filter:drop-shadow(0 8px 18px #0005);transform:translateY(var(--satellite-y,0px));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.film-cover:hover,.film-cover:focus-visible{--bloom:1.065;--satellite-y:-7px}
.orbit-trail{stroke-dasharray:3 13;stroke-dashoffset:var(--trail-offset,0);opacity:.28}.orbit-dot{fill:#b4c68e}.film-script{transform:translateY(calc(-55% + var(--script-y,0px))) rotate(-4deg)}
.motion-toggle{display:grid;place-items:center;flex-shrink:0;width:2.75rem;height:2.75rem;border:1px solid #77896255;border-radius:50%;color:#aab997;background:transparent;transition:color .2s,border-color .2s}
.motion-toggle:hover{color:#d7e2c4;border-color:#a2b787}.motion-toggle svg{width:17px;height:17px}.motion-toggle[aria-pressed=true] .motion-pause,.motion-toggle[aria-pressed=false] .motion-play{display:none}
body.motion-paused .film-stage{transform:none}body.motion-paused .film-orbit{transform:translateY(-50%)}body.motion-paused .film-script{transform:translateY(-55%) rotate(-4deg)}body.motion-paused .orbit-bloom{transform:none}body.motion-paused .film-orbit img{transform:none}
@media(max-width:760px){.film-orbit{width:38%;right:2%}.motion-toggle{width:2.5rem;height:2.5rem}.footer>span:nth-child(2){max-width:55%}}
@media(prefers-reduced-motion:reduce){.film-stage{transform:none!important}.film-orbit{transform:translateY(-50%)!important}.film-script{transform:translateY(-55%) rotate(-4deg)!important}.orbit-bloom,.film-orbit img{transform:none!important}.motion-toggle{display:none}}

/* Shared atmosphere connects the three chapters without a hard background cut. */
#main{position:relative;isolation:isolate}.site-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}.atmosphere-glow{position:absolute;inset:-25%;background:radial-gradient(ellipse at 68% 42%,#485b2924,transparent 48%),radial-gradient(ellipse at 12% 80%,#45543518,transparent 42%);transform:translate3d(0,var(--atmosphere-y,0px),0)}.atmosphere-orbits{width:100%;height:100%;stroke:#a5b882;stroke-width:.7;opacity:.09;transform:translate3d(0,var(--line-y,0px),0) rotate(var(--line-angle,-5deg));transform-origin:65% 50%}
.film-stage,.film-stage #product-film{background:var(--ink)}.film-art{background:radial-gradient(ellipse at 73% 49%,#39482945,transparent 58%),var(--ink)}.film-stage{border-radius:.4rem}.film-cover{box-shadow:inset 0 0 90px 35px var(--ink)}
.film-page.is-in-view .orbit-trail{animation:orbit-travel 24s linear infinite}.film-page.is-in-view .orbit-dot{animation:orbit-light 5s ease-in-out infinite alternate}.film-page.is-in-view .orbit-dot:nth-last-child(2){animation-delay:-2s}
.release-row{transition:border-color .35s}.release-row:hover{border-color:#8c9f6d99}.release-row h3 svg{transition:transform .4s,color .4s}.release-row:hover h3 svg{transform:translateY(-3px);color:#d0dfb6}.brand-current img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.wordmark:hover .brand-current img{transform:rotate(-18deg)}
@keyframes orbit-travel{to{stroke-dashoffset:-320}}@keyframes orbit-light{from{opacity:.3}to{opacity:.9}}
body.motion-paused .site-atmosphere *{transform:none}body.page-hidden *{animation-play-state:paused!important}
@media(max-width:760px){.atmosphere-orbits{opacity:.065}.film-cover{box-shadow:inset 0 0 35px 12px var(--ink)}}
@media(prefers-reduced-motion:reduce){.site-atmosphere *{transform:none!important}}

.film-stage{background:transparent}.film-stage #product-film:not([controls]){opacity:0}.film-art{background:radial-gradient(ellipse at 73% 49%,#39482935,transparent 60%)}.film-cover{box-shadow:none}
