.apx-story{margin:0 32px 56px;font-family:Archivo,system-ui,sans-serif;color:#fff}
.apx-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}

.apx-story-media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3}
.apx-story-glow{position:absolute;width:112%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(142,25,200,.5) 0%,rgba(225,29,46,.22) 45%,transparent 72%);filter:blur(6px);animation:apx-glow-pulse 6s ease-in-out infinite}
.apx-story-img{position:relative;width:100%;height:100%;border-radius:4px;overflow:hidden;filter:grayscale(1) contrast(1.15);animation:apx-img-zoom 9s ease-in-out infinite}
.apx-story-img img{width:100%;height:100%;object-fit:cover;display:block}

.apx-story-body{max-width:48ch;font-size:16px;line-height:1.7;color:#c2c2c9}
.apx-story-body p{margin:0 0 12px}
.apx-story-tags{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}
.apx-story-tag{position:relative;overflow:hidden;border:1px solid #3a3a40;border-radius:2px;padding:8px 14px;font-size:12px;font-weight:700}
.apx-story-tag.is-filled{background:#8e19c8;border-color:#8e19c8;padding:9px 14px}
.apx-story-shine{position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:apx-shine 6s ease-in-out infinite}

.apx-story-btn{display:inline-flex;align-items:center;gap:8px;margin-top:32px;background:#e11d2e;color:#fff;font-size:14px;font-weight:700;padding:14px 26px;border-radius:2px;text-decoration:none}
.apx-story-btn:hover{background:#c01324}

@keyframes apx-img-zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes apx-glow-pulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}
@keyframes apx-shine{0%,12%{left:-60%}28%,100%{left:140%}}

@media (max-width: 900px){
  .apx-story{margin:0 20px 40px}
  .apx-story-grid{grid-template-columns:1fr;gap:28px}
}