.spt-match{--spt-match-bg:#e8e8e8;--spt-match-accent:#d40f7d;--spt-match-tag:#13807c;--card-w:250px;--card-h:460px;--media-h:290px;--bezel:13px;--gap:44px;--phone-w:calc(var(--card-w) + var(--bezel)*2);--phone-h:calc(var(--card-h) + var(--bezel)*2);background:var(--spt-match-bg);color:#000;font-family:inherit;overflow:hidden}.spt-match__inner{align-items:center;box-sizing:border-box;display:grid;gap:40px;grid-template-columns:minmax(0,320px) minmax(0,1fr);margin:0 auto;max-width:1140px;padding:72px 24px}.spt-match__heading{color:#000;font-size:clamp(2rem,1.5rem + 1.6vw,2.75rem);font-weight:700;line-height:1.08;margin:0 0 32px}.spt-match__text{font-size:1.25rem;font-weight:300;line-height:1.35}.spt-match__text p{margin:0 0 1em}.spt-match__text>:last-child{margin-bottom:0}.spt-match__reveal{margin-top:28px}.spt-match__reveal:not([hidden]){animation:spt-match-rise .5s ease both}.spt-match__cta{align-items:center;background:var(--spt-match-accent);border:2px solid var(--spt-match-accent);border-radius:999px;color:#fff;display:inline-flex;font-size:.9375rem;font-weight:700;min-height:44px;padding:10px 26px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.spt-match__cta:focus-visible,.spt-match__cta:hover{background:transparent;color:var(--spt-match-accent);text-decoration:none}.spt-match__deck,.spt-match__stage{position:relative}.spt-match__deck{height:calc(var(--phone-h) + 24px);max-width:100%;perspective:1400px;touch-action:pan-y;width:calc(var(--phone-w) + var(--gap) + var(--card-w) + 190px)}.spt-match__phone{border:var(--bezel) solid #111;border-radius:40px;box-shadow:0 0 0 2px #3a3a3a,0 28px 40px -18px rgba(0,0,0,.55);box-sizing:border-box;height:var(--phone-h);left:0;pointer-events:none;position:absolute;top:0;width:var(--phone-w);z-index:3}.spt-match__notch{background:#111;border-radius:0 0 14px 14px;height:20px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:38%}.spt-match__card{--o:0;--drag:0;background:#fff;border-radius:28px;display:flex;flex-direction:column;height:var(--card-h);left:var(--bezel);overflow:hidden;position:absolute;top:var(--bezel);transform-origin:50% 100%;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s ease,box-shadow .45s ease,border-radius .45s ease;user-select:none;width:var(--card-w);will-change:transform}.spt-match__media{align-items:center;display:flex;flex:0 0 var(--media-h);justify-content:center;overflow:hidden;position:relative}.spt-match__media img{height:100%;object-fit:cover;pointer-events:none;width:100%;-webkit-user-drag:none}.spt-match__card--match .spt-match__media img{box-sizing:border-box;object-fit:contain;padding:14px}.spt-match__body{padding:16px 16px 20px;text-align:center}.spt-match__title{color:var(--spt-match-accent);font-size:1.1875rem;font-weight:700;line-height:1.2;margin:0 0 8px}.spt-match__desc{color:#222;font-size:.8125rem;line-height:1.38;margin:0 0 6px}.spt-match__tags{color:var(--spt-match-tag);font-size:.8125rem;font-weight:700;line-height:1.3;margin:0}.spt-match__card:after{background:#cfcfcf;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .45s ease}.spt-match.is-ready [data-state=active]{transform:translateX(calc(var(--drag)*1px)) rotate(calc(var(--drag)*.035deg));z-index:2}.spt-match.is-ready.is-dragging [data-state=active]{transition:none}.spt-match.is-ready [data-state=next]{border-radius:6px;box-shadow:0 0 0 10px #fff,0 18px 30px -16px rgba(0,0,0,.35);cursor:pointer;transform:translateX(calc(var(--card-w) + var(--gap) + var(--bezel)));z-index:1}.spt-match.is-ready [data-state=queued]{border-radius:4px;transform:translateX(calc(var(--card-w) + var(--gap) + var(--bezel) + 120px + (var(--o) - 2)*70px)) rotateY(-38deg) scale(.94);transform-origin:0 50%;z-index:0}.spt-match.is-ready [data-state=queued]:after{opacity:1}.spt-match.is-ready [data-state=queued]>*{visibility:hidden}.spt-match.is-ready [data-state=passed]{opacity:0;pointer-events:none;transform:translate(-70%,30px) rotate(-18deg);z-index:4}.spt-match.is-ready [data-state=hidden]{opacity:0;pointer-events:none}.spt-match__next{background:var(--spt-match-accent);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 18px -6px rgba(0,0,0,.4);color:#fff;cursor:pointer;display:grid;height:58px;left:calc(var(--phone-w) - 8px);padding:0;place-items:center;position:absolute;top:calc(var(--bezel) + var(--media-h)/2);transform:translate(-50%,-50%);transition:transform .2s ease,background-color .2s ease;width:58px;z-index:5}.spt-match__next:hover{transform:translate(-50%,-50%) scale(1.08)}.spt-match__next:focus-visible{outline:3px solid #000;outline-offset:3px}.spt-match.is-matched .spt-match__icon--next,.spt-match__icon--restart{display:none}.spt-match.is-matched .spt-match__icon--restart{display:block}.spt-match:not(.is-ready) .spt-match__next{display:none}.spt-match__badge{left:calc(var(--phone-w)/2);opacity:0;pointer-events:none;position:absolute;top:calc(var(--bezel) + var(--media-h) - 50px);transform:translateX(-50%) scale(.4) rotate(-8deg);z-index:6}.spt-match__badge-text{background:var(--spt-match-accent);border-radius:999px;box-shadow:0 10px 24px -8px rgba(0,0,0,.45);color:#fff;display:block;font-size:1.125rem;font-weight:700;padding:10px 20px;position:relative;white-space:nowrap;z-index:1}.spt-match.is-matched .spt-match__badge{animation:spt-match-pop .6s cubic-bezier(.2,1.6,.4,1) .25s forwards}.spt-match__heart{background:var(--spt-match-accent);height:22px;left:50%;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-10-9.3C.3 8.4 2.2 4 6.3 4c2.3 0 3.9 1.3 5.7 3.4C13.8 5.3 15.4 4 17.7 4c4.1 0 6 4.4 4.3 7.7-2.5 4.7-10 9.3-10 9.3'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-10-9.3C.3 8.4 2.2 4 6.3 4c2.3 0 3.9 1.3 5.7 3.4C13.8 5.3 15.4 4 17.7 4c4.1 0 6 4.4 4.3 7.7-2.5 4.7-10 9.3-10 9.3'/%3E%3C/svg%3E") center /contain no-repeat;opacity:0;position:absolute;top:50%;width:22px}.spt-match__heart:first-of-type{--hx:-110px;--hy:-60px;--hs:1.4;animation-delay:.3s}.spt-match__heart:nth-of-type(2){--hx:100px;--hy:-70px;--hs:1.1;animation-delay:.4s}.spt-match__heart:nth-of-type(3){--hx:-80px;--hy:90px;--hs:.9;animation-delay:.5s;background:#f29bc8}.spt-match__heart:nth-of-type(4){--hx:120px;--hy:60px;--hs:1.6;animation-delay:.35s}.spt-match__heart:nth-of-type(5){--hx:10px;--hy:-100px;--hs:1;animation-delay:.55s;background:#f29bc8}.spt-match__heart:nth-of-type(6){--hx:-20px;--hy:130px;--hs:1.3;animation-delay:.45s}.spt-match.is-matched .spt-match__heart{animation-duration:1.6s;animation-fill-mode:forwards;animation-name:spt-match-heart;animation-timing-function:ease-out}@keyframes spt-match-pop{to{opacity:1;transform:translateX(-50%) scale(1) rotate(-8deg)}}@keyframes spt-match-heart{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--hx)),calc(-50% + var(--hy))) scale(var(--hs))}}@keyframes spt-match-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.spt-match__sr{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;clip:rect(0 0 0 0);border:0;white-space:nowrap}.spt-match:not(.is-ready) .spt-match__deck{display:flex;gap:20px;height:auto;overflow-x:auto;padding-bottom:12px;width:auto}.spt-match:not(.is-ready) .spt-match__badge,.spt-match:not(.is-ready) .spt-match__phone{display:none}.spt-match:not(.is-ready) .spt-match__card{flex:0 0 var(--card-w);left:0;position:relative;top:0}@media (max-width:1024px){.spt-match{--card-w:230px;--card-h:440px;--media-h:270px;--gap:36px}.spt-match__inner{gap:36px;grid-template-columns:minmax(0,1fr)}.spt-match__intro{max-width:560px}.spt-match__heading{margin-bottom:16px}}@media (max-width:767px){.spt-match{--card-w:220px;--card-h:430px;--media-h:250px;--bezel:11px;--gap:28px}.spt-match__inner{padding:56px 20px}.spt-match__text{font-size:1.125rem}.spt-match__deck{width:100%}.spt-match.is-ready [data-state=queued]{opacity:0}}@media (prefers-reduced-motion:reduce){.spt-match__card,.spt-match__card:after,.spt-match__next{transition:none}.spt-match.is-matched .spt-match__badge{animation-delay:0s;animation-duration:.01s}.spt-match.is-matched .spt-match__heart,.spt-match__reveal:not([hidden]){animation:none}}