.spx{background:var(--mint);border-radius:var(--r);grid-template-columns:1fr 264px 264px;gap:20px;height:600px;padding-left:100px;display:grid;overflow:hidden}.spx__t{align-self:center;padding-right:24px}.spx__t .h2{text-align:left;max-width:473px}.spx__t>p{color:#000;max-width:430px;margin-top:16px;font-size:18px;line-height:1.35}.spx .vcol{height:600px;overflow:hidden}.spx .vcol__track{animation:36s linear infinite vup}.spx .vcol--down .vcol__track{animation-direction:reverse}.spx:hover .vcol__track{animation-play-state:paused}.spx__ph{border-radius:var(--r);margin:0 0 20px;position:relative;overflow:hidden}.spx__ph a,.spx__ph picture{color:inherit;display:block}.spx__ph img{object-fit:cover;border-radius:0;width:264px;height:250px;margin:0;transition:transform .6s;display:block}.spx__ph:hover img{transform:scale(1.05)}.spt{backdrop-filter:blur(12px)saturate(1.4);color:#fff;background:#0e1a1c8c;border:1px solid #ffffff29;border-radius:999px;align-items:flex-start;gap:9px;max-width:calc(100% - 20px);padding:6px 14px 6px 6px;transition:background .3s;display:flex;position:absolute;bottom:10px;left:10px}.spt__i{background:var(--mint);width:28px;height:28px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:grid}.spt__i svg{width:16px;height:16px}.spt__t{white-space:nowrap;flex-direction:column;min-width:0;padding-top:5px;display:flex}.spx__ph:hover .spt__t,.spx__ph:focus-within .spt__t{white-space:normal}.spt__t b{font-family:var(--display);letter-spacing:-.01em;font-size:15px;font-weight:700;line-height:1.2}.spt__t span{color:#ffffffd1;margin-top:3px;font-size:13px;line-height:1.3;animation:.3s sptIn;display:none}@keyframes sptIn{0%{opacity:0;transform:translateY(4px)}}.spx__ph:hover .spt,.spx__ph:focus-within .spt{background:#0e1a1cbf;border-radius:16px;right:10px}.spx__ph:hover .spt__t span,.spx__ph:focus-within .spt__t span{display:block}@keyframes hleft{to{transform:translate(-50%)}}@media (width<=1100px){.spx{grid-template-columns:1fr 220px 220px;padding-left:48px}.spx__ph img{width:220px;height:210px}}@media (width<=900px){.spx{grid-template-columns:1fr 1fr;gap:12px;height:auto;padding:36px 16px 0;display:grid}.spx__t{grid-column:1/-1;padding:0 4px 10px}.spx__t>p{font-size:16px}.spx .vcol{height:420px}.spx .vcol__track{flex-direction:column;width:auto;animation:30s linear infinite vup}.spx .vcol--down .vcol__track{animation-direction:reverse}.spx .vcol__set{padding:0;display:block}.spx__ph{margin:0 0 12px}.spx__ph img{width:100%;height:190px}.spt{gap:6px;padding:4px 10px 4px 4px;bottom:8px;left:8px}.spt__i{width:24px;height:24px}.spt__i svg{width:13px;height:13px}.spt__t{padding-top:3px}.spt__t b{font-size:13px}.spt__t span{display:none}}@media (prefers-reduced-motion:reduce){.spx .vcol__track{animation:none}}