@keyframes pf-enter{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}@layer components{.pf-stage-screen{z-index:1;aspect-ratio:16/9;background:var(--color-navy);display:grid;position:relative;overflow:hidden}.pf-stage-screen>*{grid-area:1/1}.pf-stage-screen:not([data-player-state=loading],[data-player-state=ready]){clip-path:polygon(.2% .7%,23% .1%,48% .6%,74% 0,99.7% .5%,100% 36%,99.6% 71%,99.9% 99.4%,71% 100%,44% 99.5%,19% 100%,.3% 99.6%,0 64%,.4% 31%)}.pf-stage-screen:not([data-player-state=loading],[data-player-state=ready]):after{content:"";z-index:3;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-navy) 22%, transparent), inset 0 0 24px color-mix(in oklab, var(--color-navy) 22%, transparent);position:absolute;inset:0}.pf-stage-screen[data-player-state=loading]:before{content:"Loading video…";z-index:3;color:var(--color-paper);background:color-mix(in oklab, var(--color-navy) 84%, transparent);pointer-events:none;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.3;animation:1.2s ease-in-out infinite pf-load-pulse;position:absolute;bottom:12px;left:12px}@keyframes pf-load-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.pf-stage-screen[data-player-state=loading]:before{animation:none}}.pf-stage-screen>.pf-play{--pf-play:clamp(62px, 6.6vw, 92px);left:calc(64% - var(--pf-play) / 2);top:calc(52% - var(--pf-play) / 2);position:absolute}@media (prefers-reduced-motion:no-preference){.pf-stage-screen[data-enter=product],.pf-feature[data-enter=product] .pf-info{animation:pf-enter .3s var(--ease-reveal) both}.pf-stage-screen[data-enter=mode]{animation:pf-enter .22s var(--ease-reveal) both}}}@media (max-width:639px){.pf-showcase[data-view=detail] .pf-stage-screen:not([data-player-state=loading],[data-player-state=ready]){clip-path:none}.pf-showcase[data-view=detail] .pf-stage-screen{box-shadow:0 1px 0 color-mix(in oklab, var(--color-navy) 14%, transparent), 0 14px 22px -16px color-mix(in oklab, var(--shadow-ink) 55%, transparent);border-radius:0 0 22px 22px}.pf-showcase[data-view=detail] .pf-stage-screen:not([data-player-state=loading],[data-player-state=ready]):after{display:none}.pf-showcase[data-view=detail] .pf-stage-screen>.pf-play{--pf-play:64px}}@media (min-width:640px){.pf-showcase .pf-stage-screen{background:var(--color-navy-2);border-radius:10px}.pf-showcase .pf-stage-screen:not([data-player-state=loading],[data-player-state=ready]){clip-path:none}.pf-showcase .pf-stage-screen:not([data-player-state=loading],[data-player-state=ready]):after{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--ps-edge), inset 0 2px 5px color-mix(in oklab, var(--shadow-ink) 22%, transparent)}.pf-showcase .pf-stage-screen>.pf-play{--pf-play:clamp(56px, 5.6vw, 76px);left:calc(50% - var(--pf-play) / 2);top:calc(50% - var(--pf-play) / 2);color:#422617;color:lab(18.5031% 12.537 15.8633);background:#faf3e3;background:lab(96.0236% .710666 8.44495);border:0;box-shadow:inset 0 1px #ffffffb3,0 0 0 1px #4226171f,0 2px #cec2af,0 8px 14px -6px #24100580;box-shadow:inset 0 1px lab(100% 0 0/.7),0 0 0 1px lab(18.5031% 12.537 15.8633/.12),0 2px lab(79.1932% 1.96797 11.4837),0 8px 14px -6px lab(7.0093% 9.73824 8.69232/.5)}.pf-showcase .pf-stage-screen>.pf-play:is(:hover,:focus-visible){background:#fffaed;background:lab(98.3368% .63163 7.66681)}}