@property --e{syntax: "<number>"; inherits: true; initial-value: 0;}@property --l{syntax: "<number>"; inherits: true; initial-value: 0;}.capsule-anim{--e: 0;--l: 0}@keyframes capsule-explode{0%{--e: 0;--l: 0}10%{--e: 0;animation-timing-function:cubic-bezier(.65,0,.35,1)}55%{--l: 0;animation-timing-function:cubic-bezier(.16,1,.3,1)}68%{--e: 1}82%{--l: 1}to{--e: 1;--l: 1}}@supports ((animation-timeline: scroll()) and (animation-range: 0% 100%)){@media (prefers-reduced-motion: no-preference){.capsule-stage{view-timeline:--capsule-stage block}.capsule-anim{timeline-scope:--capsule-stage;animation:capsule-explode linear both;animation-timeline:--capsule-stage;animation-range:cover 15% cover 70%}@media (min-width: 1024px) and (min-height: 720px){.capsule-anim{animation:none}}}}@media (prefers-reduced-motion: reduce){.capsule-anim{--e: .62 !important;--l: 1 !important;animation:none!important}}.capsule-runway{display:none}@media (min-width: 1024px) and (min-height: 720px) and (prefers-reduced-motion: no-preference){.capsule-pin{position:sticky;top:72px;z-index:1}.capsule-runway{display:block;height:150px}}@media (min-width: 1024px) and (min-height: 1000px) and (prefers-reduced-motion: no-preference){.capsule-runway{height:110px}}.capsule-svg g[data-layer]{transform-box:fill-box;transform-origin:50% 50%;will-change:transform}.capsule-cap{transform:translateY(calc(var(--e) * -118px)) rotate(calc(var(--e) * -9deg))}.capsule-body{transform:translateY(calc(var(--e) * 118px)) rotate(calc(var(--e) * 7deg))}.capsule-bead{transform:translate(calc(var(--e) * var(--dx)),calc(var(--e) * var(--dy))) scale(calc(.3 + var(--e) * .7));opacity:clamp(0,calc(var(--e) * 2.4 - .25),1)}.capsule-ring{transform:scale(calc(.84 + var(--e) * .16)) rotate(calc(var(--e) * 24deg));opacity:calc(var(--e) * .9)}.capsule-shadow{transform:scaleX(calc(1 + var(--e) * .45));opacity:calc(1 - var(--e) * .55)}.capsule-label{opacity:var(--l);transform:translateY(calc((1 - var(--l)) * 10px))}.capsule-hint{opacity:calc(1 - var(--e) * 1.6)}