.upe-hoverscroll-card{--card-h:300px;--radius:18px;--shadow:0 16px 50px rgba(0, 0, 0, 0.14);--border:rgba(35, 31, 32, 0.1);width:100%;max-width:460px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;background:#fff;position:relative;transform:translateZ(0);transition:transform 0.35s ease,box-shadow 0.35s ease}.upe-hoverscroll-card:hover{transform:translateY(-6px) translateZ(0);box-shadow:0 28px 80px rgb(0 0 0 / .18),0 0 0 1px rgb(35 31 32 / .05)}.upe-hoverscroll-frame{height:var(--card-h);overflow:hidden;position:relative}.upe-hoverscroll-img{width:100%;height:auto;display:block;transform:translateY(0);will-change:transform;filter:saturate(1.05) contrast(1.05);animation:upe-cinematic-scroll 20s ease-in-out infinite alternate}@keyframes upe-cinematic-scroll{0%{transform:translateY(0)}100%{transform:translateY(calc(-1 * var(--img-overflow, 0px) * 0.3))}}.upe-hoverscroll-card:hover .upe-hoverscroll-img{animation:upe-hover-accelerate 4.5s cubic-bezier(.22,.61,.36,1) forwards}@keyframes upe-hover-accelerate{from{transform:translateY(var(--current-pos,0))}to{transform:translateY(calc(-1 * var(--img-overflow, 0px)))}}.upe-hoverscroll-card::before{content:"";position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(to bottom,rgb(0 0 0 / .16),transparent);opacity:.35;pointer-events:none;z-index:2;transition:opacity 0.4s ease}.upe-hoverscroll-card:hover::before{opacity:.25}.upe-hoverscroll-card::after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 50% 30%,rgb(252 177 86 / .28),transparent 55%);opacity:0;transition:opacity 0.45s ease,transform 0.45s ease;pointer-events:none;z-index:1;transform:scale(.98)}.upe-hoverscroll-card:hover::after{opacity:.9;transform:scale(1.02)}.upe-hoverscroll-plus{position:absolute;right:14px;bottom:14px;z-index:3;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity 0.4s ease 0.2s,transform 0.4s ease 0.2s}.upe-hoverscroll-card:hover .upe-hoverscroll-plus{opacity:1;transform:translateY(0);transition-delay:0s}.upe-plus-btn{width:44px;height:44px;border-radius:14px;background:rgb(255 255 255 / .9);border:1px solid rgb(35 31 32 / .1);box-shadow:0 12px 30px rgb(0 0 0 / .12);display:grid;place-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:scale(.96);transition:transform 0.35s ease,background 0.35s ease,box-shadow 0.35s ease}.upe-hoverscroll-card:hover .upe-plus-btn{transform:scale(1);background:rgb(255 255 255 / .95);box-shadow:0 16px 40px rgb(0 0 0 / .16)}.upe-plus-icon{font-size:22px;line-height:1;font-weight:700;color:#231f20;transition:transform 0.3s ease}.upe-hoverscroll-card:hover .upe-plus-icon{transform:rotate(90deg)}@media (hover:none){.upe-hoverscroll-img{animation:none;transform:none!important}.upe-hoverscroll-plus{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.upe-hoverscroll-img{animation:none!important;transition:none;transform:none!important}.upe-hoverscroll-card::after,.upe-hoverscroll-card::before{transition:none}.upe-plus-btn,.upe-plus-icon,.upe-hoverscroll-plus{transition:none}}@media (max-width:768px){.upe-hoverscroll-card{--card-h:240px;max-width:100%}.upe-plus-btn{width:38px;height:38px;border-radius:12px}.upe-plus-icon{font-size:18px}}.upe-hoverscroll-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;justify-content:center;max-width:100%}@media (max-width:768px){.upe-hoverscroll-grid{grid-template-columns:1fr;gap:20px}}