.ad-frame{background:linear-gradient(145deg, #f43f5e12 0%, #13131bf0 48%, var(--color-bg-elevated) 100%);border:1px solid #f43f5e29;border-radius:1rem;flex-direction:column;height:100%;text-decoration:none;transition:border-color .22s,box-shadow .22s,transform .22s;display:flex;position:relative;overflow:hidden}.ad-frame:hover{border-color:#f43f5e52;transform:translateY(-2px);box-shadow:0 10px 36px #00000061,0 0 0 1px #f43f5e1a}.ad-frame__glow{filter:blur(44px);pointer-events:none;background:#f43f5e24;border-radius:50%;width:55%;height:55%;position:absolute;top:-35%;right:-15%}.ad-frame__badge{z-index:1;shrink:0;letter-spacing:.14em;text-transform:uppercase;color:#fb7185eb;background:#00000038;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;gap:.3rem;padding:.4rem .55rem;font-size:.5625rem;font-weight:600;display:flex;position:relative}.ad-frame__badge-dot{opacity:.85;background:currentColor;border-radius:50%;width:4px;height:4px}.ad-frame__media{z-index:1;background:#00000047;flex:1;min-height:0;position:relative;overflow:hidden}.ad-frame__media img{object-fit:cover;opacity:.92;width:100%;height:100%;transition:opacity .22s,transform .35s}.ad-frame:hover .ad-frame__media img{opacity:1;transform:scale(1.03)}.ad-frame__placeholder{text-align:center;height:100%;min-height:5rem;color:var(--color-text-muted);justify-content:center;align-items:center;padding:.65rem;font-size:.625rem;line-height:1.45;display:flex}.ad-frame--compact .ad-frame__media{aspect-ratio:3/4;flex:none;max-height:220px}.ad-frame--banner .ad-frame__media{aspect-ratio:4/5;flex:none;max-height:300px}.ad-frame--rail{height:100%}.ad-frame--inline-wrap{width:100%;max-width:22rem;margin-inline:auto}.ad-frame--inline-wrap .ad-frame{border-radius:1.125rem}