.scene{isolation:isolate;aspect-ratio:var(--scene-ar,16 / 9);background:linear-gradient(180deg, var(--color-brand-50) 0%, #fff 100%);position:relative;overflow:hidden;container-type:inline-size}@media (min-width:768px){.scene{aspect-ratio:var(--scene-ar-md,var(--scene-ar,16 / 9))}}.scene-backdrop{z-index:0;--floor:var(--horizon);background:radial-gradient(60% 55% at 50% 28%, #fffffff2, #fff0 70%), radial-gradient(120% 60% at 50% var(--floor), #ffffffe6, #fff0 60%), linear-gradient(180deg, #ebe6f1 0%, #f3f0f7 calc(var(--floor) - 12%), #f7f5fa var(--floor), #fbfafc calc(var(--floor) + 8%), #efebf4 100%);position:absolute;inset:0;box-shadow:inset 0 0 80px #2e174714}@media (min-width:768px){.scene-backdrop{--floor:var(--horizon-md)}}.scene-layer,.scene-figure{left:var(--x);top:var(--y);bottom:var(--b);width:var(--w);height:var(--h);position:absolute}@media (min-width:768px){.scene-layer,.scene-figure{left:var(--x-md);top:var(--y-md);bottom:var(--b-md);width:var(--w-md);height:var(--h-md)}}.scene-layer{z-index:var(--z)}.scene-figure{aspect-ratio:var(--fig-ar)}.scene-figure:before{content:"";z-index:1;width:60%;left:22%;top:calc(var(--boots) - 2.2%);background:radial-gradient(closest-side,#2e17474d,#2e174700);border-radius:50%;height:4.4%;position:absolute}.scene-plane{pointer-events:none;position:absolute;inset:0}.scene-plane-body{z-index:1}.scene-plane-hand{z-index:3}.scene-plane>picture{position:absolute;inset:0}.scene-plane img{width:100%;height:100%;display:block}.scene-plane-hand img{clip-path:var(--hand)}.scene-clip,.scene-clip-hand{pointer-events:none;opacity:0;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.scene-clip{z-index:1}.scene-clip,.scene-clip-hand{transition:opacity .14s linear}.scene-clip-hand{z-index:3;clip-path:var(--hand)}.scene-figure[data-clipping]>.scene-clip,.scene-figure[data-clipping]>.scene-clip-hand{opacity:1}.scene-figure[data-clipping]>[data-in]{opacity:0}.scene-figure[data-clipping]>.scene-plane{opacity:0;transition:opacity .12s linear .16s}.scene-figure>.scene-plane{transition:rotate var(--dur-3) var(--ease-emph)}.scene-figure{rotate:calc(var(--lean,0) * .8deg);transform-origin:var(--legs) var(--boots);transition:rotate var(--dur-3) var(--ease-emph)}.scene-pause{z-index:4;border:1px solid var(--color-line);border-radius:var(--radius-btn);width:32px;height:32px;color:var(--color-brand);background:#ffffffe6;place-items:center;display:grid;position:absolute;bottom:1%;left:4%;box-shadow:0 1px 3px #2e17472e}@media (pointer:coarse){.scene-pause{width:44px;height:44px}}@media (hover:hover){.scene-pause:hover{background:var(--color-brand-50)}}.scene-subject{z-index:2}.scene-subject[data-blend]{mix-blend-mode:multiply}.scene-subject[data-ground]:after{content:"";z-index:-1;background:radial-gradient(closest-side,#2e174761,#2e174700);border-radius:50%;height:7%;position:absolute;bottom:-3%;left:16%;right:16%}.scene-subject img{width:100%;height:auto;display:block}.scene-subject[data-inset-ground]:after{bottom:2%}@property --drift{syntax:"<percentage>";inherits:false;initial-value:0%}.scene-backdrop{background-position:0 var(--drift), 0 0, 0 0}@supports (animation-timeline:view()){.scene-backdrop{animation:linear both scene-drift;animation-timeline:view()}}@keyframes scene-drift{0%{--drift:-6%}to{--drift:6%}}@media (prefers-reduced-motion:reduce){.scene-plane{transition:none;animation:none}.scene-figure{transition:none;rotate:none}.scene-backdrop{animation:none}}