.campaigns{margin-top:24px;margin-bottom:56px}
.campaign-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}
.campaign-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:230px;overflow:hidden;border:1px solid rgba(194,168,255,.22);border-radius:var(--store-radius,16px);background:#19151f;color:#f9f7ff;box-shadow:0 18px 48px rgba(0,0,0,.16);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.campaign-card:hover{transform:translateY(-4px);border-color:rgba(194,168,255,.48);box-shadow:0 24px 54px rgba(0,0,0,.28)}
.campaign-card::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--campaign-art,linear-gradient(135deg,#21182c,#554278));background-size:cover;background-position:center;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.campaign-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.campaign-card:hover .campaign-art{transform:scale(1.035)}
.campaign-card:hover::before{transform:scale(1.035)}
.campaign-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,8,14,.94),rgba(9,8,14,.68) 54%,rgba(9,8,14,.2))}
.campaign-copy{padding:28px;max-width:530px}
.campaign-copy small{display:block;margin-bottom:9px;color:#cfbafc;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.campaign-copy h2{margin:0;font:700 clamp(24px,3vw,38px)/1.1 var(--font-heading,"Space Grotesk",sans-serif)}
.campaign-copy p{max-width:48ch;margin:10px 0 20px;color:#ddd8e8;line-height:1.5}
.campaign-copy a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.32);border-radius:8px;color:white;text-decoration:none;font-weight:700;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.campaign-copy a:hover{background:rgba(255,255,255,.14);border-color:#fff;transform:translateX(2px)}
.campaign-copy a:focus-visible{outline:2px solid #d4bcff;outline-offset:3px}
@media(max-width:600px){.campaigns{margin-top:16px;margin-bottom:38px}.campaign-card{min-height:200px}.campaign-copy{padding:22px}.campaign-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.campaign-card,.campaign-card::before,.campaign-copy a{transition:none}.campaign-card:hover,.campaign-card:hover::before,.campaign-copy a:hover{transform:none}}