:root{--stick: cubic-bezier(.3, 1.4, .5, 1);--boil: .36s;--weave: .33s}.look-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#2b242014}.look-switch button{border:0;background:transparent;color:inherit;cursor:pointer;font:700 12px/1 var(--text, system-ui);letter-spacing:.04em;padding:6px 10px;border-radius:999px}.look-switch button[aria-pressed=true]{background:var(--ink, #2b2420);color:var(--paper, #fbf3e1)}.look-switch .look-sound{display:inline-flex;align-items:center;gap:6px;margin-left:4px}.look-switch .look-sound .ico{position:relative;width:12px;height:10px}.look-switch .look-sound .ico:before{content:"";position:absolute;left:0;top:2px;width:4px;height:6px;background:currentColor;box-shadow:0 0 0 0 currentColor}.look-switch .look-sound .ico:after{content:"";position:absolute;left:3px;top:-1px;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent currentColor transparent transparent}.look-switch .look-sound[aria-pressed=false]{opacity:.8}.look-switch .look-sound .ico{width:18px}.look-switch .look-sound .wv{position:absolute;top:50%;border:1.5px solid currentColor;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 50% 50% 0;transform:translateY(-50%)}.look-switch .look-sound .wv1{left:9px;width:3px;height:6px}.look-switch .look-sound .wv2{left:11px;width:5px;height:11px}.look-switch .look-sound[aria-pressed=false] .wv{display:none}.look-switch .look-sound[aria-pressed=false] .ico .sl{position:absolute;left:6px;top:-4px;width:2px;height:18px;background:currentColor;transform:rotate(45deg);box-shadow:0 0 0 1px var(--bg-switch, #1b2140)}.look-switch .look-sound[aria-pressed=true]{background:var(--ink, #2b2420);color:var(--paper, #fbf3e1)}.nav.dark .look-switch{background:#fff6e01a}.nav.dark .look-switch button[aria-pressed=true]{background:#fff6e0;color:#0b0908}@media(prefers-reduced-motion:no-preference){[data-look=motion] .ransom-title:hover .rc{animation:rc-boil var(--boil) steps(1) infinite;animation-delay:var(--ph, 0s)}@keyframes rc-boil{0%{transform:rotate(var(--r, 0deg)) translateY(var(--y, 0))}33%{transform:rotate(calc(var(--r, 0deg) + 1.8deg)) translateY(calc(var(--y, 0px) - .025em))}66%{transform:rotate(calc(var(--r, 0deg) - 1.3deg)) translateY(calc(var(--y, 0px) + .02em))}}[data-look=motion] .ransom-title[data-beat="1"] .rc:nth-child(odd),[data-look=motion] .ransom-title[data-beat="2"] .rc:nth-child(2n){rotate:1.6deg;translate:0 -.02em}[data-look=motion] .ransom-title[data-beat="1"] .rc:nth-child(2n),[data-look=motion] .ransom-title[data-beat="2"] .rc:nth-child(odd){rotate:-1.2deg;translate:0 .015em}[data-look=motion] .ransom-title.drop .rc{animation:rc-drop .55s var(--stick) both,rc-boil var(--boil) steps(1) 6;animation-delay:calc(var(--i, 0) * 28ms),calc(var(--i, 0) * 28ms + .55s)}[data-look=motion] .ransom-title.drop:hover .rc{animation:rc-boil var(--boil) steps(1) infinite;animation-delay:var(--ph, 0s)}@keyframes rc-drop{0%{opacity:0;transform:translateY(-.6em) rotate(calc(var(--r, 0deg) * 3)) scale(1.25)}to{opacity:1;transform:rotate(var(--r, 0deg)) translateY(var(--y, 0))}}[data-look=motion] .films:before,[data-look=motion] .foot:before,[data-look=motion] .send:before{left:-340px;animation:torn-boil .5s steps(1) infinite;will-change:transform}@keyframes torn-boil{0%{transform:translate(0)}33%{transform:translate(97px)}66%{transform:translate(211px)}}[data-look=motion] .hero-canvas,[data-look=motion] .mv-screen video,[data-look=motion] .theater-screen canvas{animation:weave var(--weave) steps(1) infinite}@keyframes weave{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px)}75%{transform:translateY(1px)}}[data-look=motion] body:after{content:"";position:fixed;inset:-60px;z-index:40;pointer-events:none;background:var(--grain);opacity:.55;mix-blend-mode:multiply;animation:grain-step .42s steps(1) infinite;will-change:transform}[data-look=motion] .mv-screen,[data-look=motion] .theater-screen,[data-look=motion] .hero-stage{z-index:41}[data-look=motion] .mvhero .hero-copy{z-index:42}[data-look=motion] .nav{z-index:50}@keyframes grain-step{0%{transform:translate(0)}33%{transform:translate(37px,41px)}66%{transform:translate(-29px,23px)}}[data-look=motion] .rise{opacity:0;transform:translateY(26px) rotate(1.6deg) scale(.97);transition:opacity .25s,transform .6s var(--stick)}[data-look=motion] .rise.in{opacity:1;transform:none}[data-look=motion] .mv-pick,[data-look=motion] .film-pick,[data-look=motion] .style-tile{transition:transform .35s var(--stick),box-shadow .2s}[data-look=motion] .mv-pick:hover,[data-look=motion] .film-pick:hover{transform:translateY(-4px) rotate(-.8deg)}[data-look=motion] .style-tile:hover{transform:translateY(-4px) rotate(1deg) scale(1.02)}[data-look=motion] .btn,[data-look=motion] .mv-sound,[data-look=motion] .mv-full,[data-look=motion] .mv-pick{will-change:transform}[data-look=motion] .btn:hover{animation:slap .38s var(--stick)}@keyframes slap{0%{transform:rotate(0)}40%{transform:translateY(-3px) rotate(-1.6deg) scale(1.04)}to{transform:translateY(-2px) rotate(-.6deg)}}[data-look=motion] .btn:active{transform:translateY(1px) scale(.95,.92);transition:transform .08s}[data-look=motion] .mv-play:hover .mv-play-dot{animation:dot-pulse .5s var(--stick)}@keyframes dot-pulse{40%{transform:scale(1.14) rotate(-6deg)}to{transform:scale(1.06)}}[data-look=motion] .st-main{animation:sheet-in .45s var(--stick) both}@keyframes sheet-in{0%{opacity:0;transform:translate(16px) rotate(.6deg)}}[data-look=motion] .st-card,[data-look=motion] .st-film{animation:stick-down .55s var(--stick) both}[data-look=motion] .st-card:nth-child(2),[data-look=motion] .st-film:nth-child(2){animation-delay:.07s}[data-look=motion] .st-film:nth-child(3){animation-delay:.14s}[data-look=motion] .st-film:nth-child(4){animation-delay:.21s}@keyframes stick-down{0%{opacity:0;transform:translateY(-18px) rotate(-3deg) scale(1.06)}}[data-look=motion] .st-card:hover{animation:slap .38s var(--stick)}[data-look=motion] .player canvas{animation:weave var(--weave) steps(1) infinite}[data-look=motion] .mvhero .lede,[data-look=motion] .mvhero .cta{animation:lede-in .7s var(--stick) both}[data-look=motion] .mvhero .lede{animation-delay:.5s}[data-look=motion] .mvhero .cta{animation-delay:.7s}@keyframes lede-in{0%{opacity:0;transform:translateY(14px) rotate(.8deg)}}}