/* ===== New static hero, matching mockup exactly ===== */
.ar-hero{
  background: var(--ar-bg-1) !important;
  padding: 110px 0 48px !important;
  position: relative;
}
.ar-hero::before{
  content:''; position:absolute; inset:0;
  background: radial-gradient(circle at 15% 20%, rgba(139,92,246,.20), transparent 55%),
              radial-gradient(circle at 85% 60%, rgba(236,72,153,.16), transparent 55%);
  pointer-events:none;
}
.ar-hero .container{ position:relative; z-index:1; }
.ar-hero .banner-content__title{
  font-size: clamp(30px,4vw,48px) !important;
  line-height: 1.1 !important;
}
.ar-grad-span{
  background: linear-gradient(120deg,var(--ar-purple),var(--ar-pink) 60%,var(--ar-gold));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.ar-hero .banner-content__desc{ max-width: 480px; margin-bottom: 6px !important; }

.btn.ar-btn-glow{
  background: linear-gradient(135deg,var(--ar-purple),var(--ar-pink)) !important;
  color:#fff !important; border:none !important; font-weight:700 !important;
  font-size:14px !important; padding:13px 26px !important; border-radius:12px !important;
  box-shadow: 0 8px 24px rgba(236,72,153,.35) !important;
}
.btn.ar-btn-ghost{
  background: rgba(255,255,255,.06) !important; color: var(--ar-ink-0) !important;
  border: 1px solid var(--ar-line) !important; font-weight:700 !important;
  font-size:14px !important; padding:13px 26px !important; border-radius:12px !important;
}

/* ===== Trending art card, matching mockup exactly ===== */
.ar-art-card{
  display:block; position:relative; width: 100%; max-width: 380px; margin: 0 auto;
  border-radius: 26px; padding: 26px;
  background: linear-gradient(165deg, var(--ar-card-2), var(--ar-card));
  border: 1px solid var(--ar-line); box-shadow: 0 30px 70px rgba(0,0,0,.5);
  text-decoration: none; transition: .25s;
}
.ar-art-card:hover{ transform: translateY(-4px); border-color: var(--ar-purple); }
.ar-art-chip{
  position:absolute; top:-16px; right:22px;
  padding:8px 16px; border-radius:999px;
  background: linear-gradient(135deg,var(--ar-gold),#f97316);
  color:#1a1206; font-weight:800; font-size:13px;
  box-shadow: 0 10px 24px rgba(251,191,36,.4);
}
.ar-art-visual{
  height:200px; border-radius:16px; overflow:hidden; margin-bottom:18px;
  background: linear-gradient(140deg,var(--ar-purple),var(--ar-pink));
  display:flex; align-items:center; justify-content:center;
}
.ar-art-visual img{ width:100%; height:100%; object-fit:cover; }
.ar-art-card h4{ font-family:'Space Grotesk',sans-serif !important; font-size:18px; margin-bottom:6px; color: var(--ar-ink-0); }
.ar-art-card p{ color: var(--ar-ink-2); font-size:13.5px; margin-bottom:16px; }
.ar-art-winrow{ display:flex; justify-content:space-between; align-items:center; }
.ar-art-winrow span{ color: var(--ar-ink-2); font-size:13px; }
.ar-art-winrow b{ color: var(--ar-good); font-family:'Space Grotesk',sans-serif; font-size:20px; }

@media (max-width: 991px){
  .ar-art-card{ margin-top: 24px; }
}

/* ===== Winner list: time-ago text ===== */
.ar-winner-time{ color: var(--ar-ink-2); font-size: 11.5px; }

.game-item__image::after, .game-item__image::before{ display:none !important; content:none !important; }

@media (max-width: 575px){
  .ar-hero{ padding-top: 90px !important; }
}