@keyframes fade-in{from{opacity:0}to{opacity:1}}.is-offscreen *,.is-offscreen *::before,.is-offscreen *::after{animation-play-state:paused !important}.section{--sec-bg:var(--bg)}.tone{--sec-bg:var(--panel-low)}.band{--sec-bg:var(--paper)}.slats{position:absolute;inset:0;z-index:4;display:flex;pointer-events:none}.slats i{flex:1 0 0;height:100%;margin-right:-1px;background:var(--sec-bg);transform-origin:50% 50%}.mo .has-slats.is-in .slats i{animation:slat-open 620ms var(--ease-out) calc(120ms + var(--d,0) * 40ms) both}@keyframes slat-open{to{transform:scaleX(0)}}.mo :is(.q__vis,.shot__frame).has-slats:not(.is-in) img{scale:1.06}.mo .has-slats img{transition:scale 1300ms var(--ease-out)}.mo .duo__photo:not(.is-lit) .duo__dim{opacity:.78}.mo .duo__photo:not(.is-lit) .duo__box,.mo .duo__photo:not(.is-lit) .duo__halo{opacity:0}.mo .duo__photo.is-lit .duo__dim{animation:power-on 900ms linear var(--lit-delay,0ms) both}.mo .duo__photo.is-lit .duo__box{animation:bloom-on 900ms linear var(--lit-delay,0ms) both}.mo .duo__photo.is-lit .duo__halo{animation:halo-in 1400ms var(--ease-emph) calc(var(--lit-delay,0ms) + 200ms) both}.mo .duo__col--cm .duo__photo{--lit-delay:250ms}.mo .duo__photo.is-steady .duo__dim,.mo .duo__photo.is-steady .duo__box,.mo .duo__photo.is-steady .duo__halo{animation:none}@keyframes power-on{0%{opacity:.78}20%{opacity:.34}30%{opacity:.56}100%{opacity:0}}@keyframes bloom-on{0%{opacity:0}20%{opacity:.45}30%{opacity:.25}100%{opacity:.7}}@keyframes halo-in{from{opacity:0;transform:scale(.9)}to{opacity:.85;transform:none}}.mo .duo__name .sq--glow{transition:box-shadow var(--tr)}.mo .duo__col:is(:hover,:focus-within) .sq--glow{box-shadow:0 0 20px 3px rgb(var(--g) / .95)}.mo .duo__copy:not(.is-in) .pills li{opacity:0;translate:0 8px}.mo .duo__copy .pills li{transition:opacity 420ms var(--ease-out),translate 420ms var(--ease-out)}.mo .duo__copy .pills li:nth-child(2){transition-delay:60ms}.mo .duo__copy .pills li:nth-child(3){transition-delay:120ms}.mo .q__vis--photo.is-in .q__led{animation:led-breathe 1600ms var(--ease-io) 500ms both}@keyframes led-breathe{0%{opacity:.45}45%{opacity:1}100%{opacity:.45}}.mo :is(.q,[data-print]):not(.is-in) .label-card dl div{clip-path:inset(0 100% 0 0)}.mo .label-card dl div{clip-path:inset(0);transition:clip-path 520ms var(--ease-out)}.mo .label-card dl div:nth-child(2){transition-delay:120ms}.mo .label-card dl div:nth-child(3){transition-delay:240ms}.mo .stat__n.is-counting .stat__plus{opacity:0;transform:translateY(.12em) scale(.6)}.mo .stat__plus{display:inline-block;transition:opacity 420ms var(--ease-out),transform 420ms var(--ease-out)}.mo .logos:not(.is-lit) .logos__a>img.logo--mono{opacity:.16}.mo .logos.is-lit .logos__a>img.logo--mono{transition:opacity 700ms var(--ease-out) var(--lamp,0ms)}.mo .logos.is-lit .logos__glow{animation:lamp 1100ms var(--ease-io) var(--lamp,0ms) both}@keyframes lamp{0%{opacity:0}35%{opacity:.9}100%{opacity:0}}.mo .logos.is-steady .logos__a>img.logo--mono{transition-delay:0ms}.mo .logos.is-steady .logos__glow{animation:none}@media (forced-colors:active){.slats,.cups__glow{display:none}}@media print{.slats{display:none}}
