.SO27_G_card{break-inside:avoid;gap:var(--s-3);margin-bottom:clamp(14px,1.8vw,26px);display:grid}.SO27_G_frame{border-radius:var(--r-md);background:var(--surface);isolation:isolate;width:100%;transition:transform .6s var(--ease-out);display:block;position:relative}.SO27_G_frame img{object-fit:cover;border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .35s, transform 1s var(--ease-out);position:absolute;inset:0}.SO27_G_frame img.SO27_G_on{opacity:1}.SO27_G_frame:hover img.SO27_G_on{transform:scale(1.03)}.SO27_G_frame:hover{transform:translateY(-4px)}.SO27_G_stacked:before,.SO27_G_stacked:after{content:"";z-index:-1;border-radius:inherit;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:transform .6s var(--ease-out);position:absolute;inset:0}.SO27_G_stacked:before{transform:translate(6px,6px)rotate(2deg)}.SO27_G_stacked:after{z-index:-2;opacity:.6;transform:translate(12px,10px)rotate(4deg)}[dir=rtl] .SO27_G_stacked:before{transform:translate(-6px,6px)rotate(-2deg)}[dir=rtl] .SO27_G_stacked:after{transform:translate(-12px,10px)rotate(-4deg)}.SO27_G_stacked:hover:before{transform:translate(10px,8px)rotate(4deg)}.SO27_G_stacked:hover:after{transform:translate(20px,14px)rotate(8deg)}[dir=rtl] .SO27_G_stacked:hover:before{transform:translate(-10px,8px)rotate(-4deg)}[dir=rtl] .SO27_G_stacked:hover:after{transform:translate(-20px,14px)rotate(-8deg)}.SO27_G_badges{z-index:2;top:10px;pointer-events:none;justify-content:space-between;gap:6px;display:flex;position:absolute;inset-inline:10px}.SO27_G_net,.SO27_G_badge{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;height:26px;font-size:var(--fs-xs);background:#00000080;align-items:center;gap:4px;padding:0 9px;font-weight:600;display:inline-flex}.SO27_G_net{justify-content:center;width:26px;padding:0}.SO27_G_badges .SO27_G_badge:last-child{margin-inline-start:auto}.SO27_G_dots{z-index:2;opacity:0;transition:opacity var(--t-med);gap:4px;display:flex;position:absolute;bottom:10px;left:50%;translate:-50%}.SO27_G_frame:hover .SO27_G_dots{opacity:1}.SO27_G_dots i{background:#ffffff80;border-radius:50%;width:6px;height:6px;transition:width .3s,background .3s}.SO27_G_dots .SO27_G_dotOn{background:#fff;border-radius:3px;width:16px}.SO27_G_meta{gap:4px;padding-inline:2px;display:grid}.SO27_G_meta p{font-size:var(--fs-sm);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.SO27_G_foot{font-size:var(--fs-xs);color:var(--ink-3);justify-content:space-between;display:flex}
