@property --capture-resting-transform{syntax:"*";inherits:false;initial-value:none}.marketing-capture-demo{isolation:isolate;min-height:31.25rem}.marketing-capture-demo__headline{min-height:2lh;margin:0}.marketing-capture-demo__phrase{animation:.5s ease-in-out both capture-demo-headline;display:inline-block}.marketing-capture-demo__card{transform-origin:50%;background:0 0;border:0;padding:0}.marketing-capture-demo__body{--capture-resting-transform:translate(var(--wind-x,0px), var(--wind-y,0px)) rotate(var(--wind-tilt,0deg));border-radius:inherit;transform-origin:50% 12%;width:100%;height:100%;transition:translate .22s cubic-bezier(.2,.8,.2,1),scale .22s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.marketing-capture-demo[data-animate-idle] .marketing-capture-demo__body{will-change:transform}.marketing-capture-demo__face{width:100%;height:100%;transition:scale .18s ease-out;display:block;position:relative;overflow:hidden;container-type:inline-size}.marketing-capture-demo [data-stage=available] .marketing-capture-demo__body{transform:var(--capture-resting-transform)}.marketing-capture-demo__card[data-stage=available]:focus-visible .marketing-capture-demo__body{translate:0 -8px;scale:1.065}@media (hover:hover) and (pointer:fine){.marketing-capture-demo__card[data-stage=available]:hover .marketing-capture-demo__body{translate:0 -8px;scale:1.065}}.marketing-capture-demo__card[data-stage=confirming],.marketing-capture-demo__card[data-stage=confirmed],.marketing-capture-demo__card[data-stage=collecting]{z-index:30;pointer-events:none}.marketing-capture-demo__confirmation{position:absolute;inset:0;overflow:hidden}.marketing-capture-demo__wash{aspect-ratio:1;width:400%;animation:capture-wash var(--capture-confirm-duration) ease-out both;border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.marketing-capture-demo__card:not([data-stage=available]) .marketing-capture-demo__body{transform:var(--capture-start-transform,none);translate:var(--capture-start-translate,none);scale:var(--capture-start-scale,none);transition:none}.marketing-capture-demo__card[data-stage=confirming] .marketing-capture-demo__face{transform-origin:50% 100%;animation:capture-demo-prepare var(--capture-confirm-duration) cubic-bezier(.8, 0, .2, 1) both}.marketing-capture-demo__card[data-stage=confirmed] .marketing-capture-demo__face{transform-origin:50% 100%;animation:capture-demo-crouch var(--capture-crouch-duration) cubic-bezier(.2, .85, .2, 1) both}.marketing-capture-demo__card[data-stage=collecting] .marketing-capture-demo__face{transform-origin:50% 100%;animation:35ms ease-out both capture-demo-launch}.marketing-capture-demo__badge{justify-content:center;align-items:center;gap:calc(var(--spacing) * 1.5);color:var(--color-fg-on-media);animation:.12s ease-in-out .36s both capture-demo-reveal;display:flex;position:absolute;inset:0}@container (width<6rem){.marketing-capture-demo__badge{flex-direction:column}}.marketing-capture-demo__capture-mark{animation:.6s cubic-bezier(.8,0,.2,1) infinite capture-demo-shutter}.marketing-capture-demo__card[data-stage=collected]{visibility:hidden;pointer-events:none}.marketing-capture-demo[data-complete]{min-height:31.5rem}.marketing-capture-demo[data-complete] .marketing-capture-demo__play{display:none}.marketing-capture-demo__complete{animation:.6s ease-out both capture-demo-reveal}@media (width<64rem){.marketing-capture-demo__complete{--marketing-display-font-size:var(--scuba-text-display-lg-font-size);--marketing-display-line-height:var(--marketing-compact-display-line-height);--marketing-display-letter-spacing:var(--marketing-compact-display-letter-spacing)}}.marketing-capture-demo__completion-accent{color:var(--capture-complete-accent)}.marketing-capture-demo__fan{max-width:37rem;height:7rem;margin-bottom:2rem}.marketing-capture-demo__fan img{width:5.5rem;height:6rem;left:calc(50% + (var(--fan-index) - 4.5) * 1.7rem);top:calc(1rem + var(--fan-offset));transform:translateX(-50%) rotate(var(--fan-rotation));animation:.7s cubic-bezier(.2,.8,.2,1) both capture-demo-fan}@media (width>=64rem){.marketing-capture-demo{min-height:31.5rem}.marketing-capture-demo__play{min-height:31.5rem;display:flex}.marketing-capture-demo__copy,.marketing-capture-demo__arena{width:50%}.marketing-capture-demo__completion-accent{color:inherit}.marketing-capture-demo__fan{height:10.625rem;margin-bottom:1.125rem}.marketing-capture-demo__complete{color:var(--fb-color-primitive-sand-10);justify-content:flex-start;padding-top:8.8125rem}.marketing-capture-demo__fan img{width:7rem;height:7.5rem;left:calc(50% + (var(--fan-index) - 4.5) * 3rem)}}@keyframes capture-demo-headline{0%{opacity:0;filter:blur(4px);transform:translateY(.15em)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes capture-demo-prepare{0%{transform:translateY(0)rotate(0)scale(1)}40%,to{transform:translateY(-3px) rotate(var(--capture-active-tilt)) scale(1.04)}}@keyframes capture-demo-crouch{0%{transform:translateY(-3px) rotate(var(--capture-active-tilt)) scale(1.04)}40%,to{transform:translateY(3px) rotate(var(--capture-active-tilt)) scale(1.052, 1.014)}}@keyframes capture-demo-launch{0%{transform:translateY(3px) rotate(var(--capture-active-tilt)) scale(1.052, 1.014)}to{transform:translateY(0) rotate(var(--capture-active-tilt)) scale(1.04)}}@keyframes capture-demo-shutter{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1)}}@keyframes capture-demo-reveal{0%{opacity:0}to{opacity:1}}@keyframes capture-demo-fan{0%{opacity:0;transform:translate(-50%)translateY(3rem)rotate(0)scale(.6)}to{opacity:1;transform:translateX(-50%) translateY(0) rotate(var(--fan-rotation)) scale(1)}}@media (prefers-reduced-motion:reduce){.marketing-capture-demo *,.marketing-capture-demo :before{transition:none!important;animation:none!important}}.marketing-film-hint{pointer-events:none;white-space:nowrap;z-index:30;width:max-content;left:var(--film-cursor-x,0px);top:var(--film-cursor-y,0px);opacity:0;transition:opacity .15s ease-out;position:absolute;transform:translate(-50%,-50%)}@media (hover:hover) and (pointer:fine){.marketing-film-control[data-audible=false]:hover{cursor:none}.marketing-film-control[data-audible=false]:hover .marketing-film-hint[data-pointer-positioned]{opacity:1;transition:none}}.marketing-film-control[data-audible=false]:focus-visible .marketing-film-hint:not([data-pointer-positioned]){opacity:1;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.marketing-film-hint{transition:none}}