.home-hero-pins{z-index:0;pointer-events:none;background:#fff;position:absolute;inset:0;overflow:hidden;container-type:size}.dark .home-hero-pins{filter:invert()}.home-hero-pins .pins-hero__stage{--W:2576;--H:1206;--fx:.77;--sw:max(100cqw, 100cqh * 2576 / 1206);top:50%;left:clamp(100cqw - var(--sw), 50cqw - var(--sw) * var(--fx), 0px);width:var(--sw);aspect-ratio:2576/1206;position:absolute;translate:0 -50%}.home-hero-pins .pins-hero__bg{transform-origin:77% 55%;width:100%;max-width:none;height:100%;position:absolute;inset:0}.home-hero-pins .pin{pointer-events:none;position:absolute;inset:0}.home-hero-pins .pin__base,.home-hero-pins .pin__float,.home-hero-pins .pin__ripple,.home-hero-pins .pin__ping,.home-hero-pins .pin__shadow{left:calc(var(--x) / var(--W) * 100%);top:calc(var(--y) / var(--H) * 100%);pointer-events:none;position:absolute}.home-hero-pins .pin__base,.home-hero-pins .pin__float{width:calc(var(--w) / var(--W) * 100%);height:calc(var(--h) / var(--H) * 100%);max-width:none}.home-hero-pins .pin__hop,.home-hero-pins .pin__body{width:100%;max-width:none;height:100%;transform-origin:var(--ox) var(--oy);display:block}.home-hero-pins .pin__body{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.home-hero-pins .pin__ripple,.home-hero-pins .pin__ping,.home-hero-pins .pin__shadow{width:calc(var(--rx) * 2 / var(--W) * 100%);height:calc(var(--ry) * 2 / var(--H) * 100%);border-radius:50%;translate:-50% -50%}.home-hero-pins .pin__ripple:before,.home-hero-pins .pin__ripple:after{content:"";opacity:0;border-radius:50%;position:absolute;inset:0}.home-hero-pins .pin__ripple:before,.home-hero-pins .pin__ripple:after,.home-hero-pins .pin__ping{border:2px solid color-mix(in srgb, var(--c) 75%, #fff);box-shadow:0 0 14px color-mix(in srgb, var(--c) 45%, transparent), inset 0 0 10px color-mix(in srgb, var(--c) 30%, transparent)}.home-hero-pins .pin__ping{opacity:0}.home-hero-pins .pin__shadow{opacity:0;background:radial-gradient(closest-side,#20346861,#20346800)}.home-hero-pins .pins-hero__stage:not(.is-playing) .pin{visibility:hidden}.home-hero-pins .pins-hero__stage:not(.is-playing) .pins-hero__bg{opacity:0}.home-hero-pins .is-playing .pin{--t-drop:calc(var(--d) * 1s);--t-dur:calc(var(--dur) * 1s);--t-hit:calc((var(--d) + var(--dur) * .55) * 1s)}.home-hero-pins .is-playing .pins-hero__bg{animation:.7s cubic-bezier(.2,.7,.2,1) both hero-bg-in}.home-hero-pins .is-playing .pin__body{animation:pin-drop var(--t-dur) var(--t-drop) both, pin-fade calc(var(--t-dur) * .2) var(--t-drop) both, pin-squash var(--t-dur) var(--t-drop) both}.home-hero-pins .is-playing .pin__shadow{animation:pin-shadow var(--t-dur) var(--t-drop) both}.home-hero-pins .is-playing .pin__base{animation:base-reveal .85s cubic-bezier(.2, .8, .25, 1) calc(var(--t-hit) - 40ms) both}.home-hero-pins .is-playing .pin__ripple:before{animation:ripple 1.25s cubic-bezier(.15, .7, .3, 1) var(--t-hit) forwards, ripple-loop calc(var(--loop) * 1s) cubic-bezier(.15, .7, .3, 1) calc(var(--t-hit) + var(--loop-delay) * 1s) infinite}.home-hero-pins .is-playing .pin__ripple:after{animation:ripple 1.25s cubic-bezier(.15, .7, .3, 1) calc(var(--t-hit) + .2s) forwards}.home-hero-pins .is-playing .pin--main .pin__float{animation:pin-float 4s ease-in-out calc(var(--t-drop) + var(--t-dur) + .5s) infinite}@media (prefers-reduced-motion:reduce){.home-hero-pins .is-playing .pins-hero__bg,.home-hero-pins .is-playing .pin__body,.home-hero-pins .is-playing .pin__shadow,.home-hero-pins .is-playing .pin__base,.home-hero-pins .is-playing .pin__ripple:before,.home-hero-pins .is-playing .pin__ripple:after,.home-hero-pins .is-playing .pin--main .pin__float{animation:none}}@keyframes hero-bg-in{0%{opacity:0;scale:1.035}to{opacity:1;scale:1}}@keyframes pin-drop{0%{animation-timing-function:cubic-bezier(.5,0,.9,.45);translate:0 -150%}55%{animation-timing-function:cubic-bezier(.1,.55,.45,1);translate:0}72%{animation-timing-function:cubic-bezier(.55,0,.9,.5);translate:0 -10%}85%{animation-timing-function:cubic-bezier(.1,.5,.45,1);translate:0}93%{animation-timing-function:cubic-bezier(.55,0,.9,.5);translate:0 -2.2%}to{translate:0}}@keyframes pin-fade{0%{opacity:0}to{opacity:1}}@keyframes pin-squash{0%,50%{scale:.94 1.08}55%{scale:1}61%{scale:1.12 .82}72%{scale:.95 1.06}85%{scale:1.04 .95}93%{scale:.99 1.01}to{scale:1}}@keyframes pin-shadow{0%{opacity:0;scale:.25}55%{opacity:.9;scale:1.05}65%{opacity:.55;scale:.95}to{opacity:0;scale:1}}@keyframes base-reveal{0%{opacity:0;clip-path:ellipse(0% 0% at var(--gx) var(--gy))}25%{opacity:1}to{opacity:1;clip-path:ellipse(118% 118% at var(--gx) var(--gy))}}@keyframes ripple{0%{opacity:.95;scale:.2}to{opacity:0;scale:2}}@keyframes ripple-loop{0%{opacity:.5;scale:.25}28%{opacity:0;scale:1.9}to{opacity:0;scale:1.9}}@keyframes pin-float{0%,to{translate:0}50%{translate:0 -1.6%}}
