:root{
  --ai-art-border: rgba(201,169,110,0.24);
  --ai-art-border-strong: rgba(201,169,110,0.4);
  --ai-art-surface: linear-gradient(180deg, rgba(255,255,255,0.018), rgba(201,169,110,0.035));
  --ai-art-shadow: 0 24px 64px rgba(0,0,0,0.32);
}

.ai-art-drop{
  margin:36px 0 44px;
}

.ai-art-drop .label{
  margin:0 0 10px;
  font-size:9px;
  letter-spacing:.36em;
  text-transform:uppercase;
  color:var(--copper);
}

.ai-art-drop__frame{
  border:1px solid var(--ai-art-border);
  background:var(--ai-art-surface);
  box-shadow:var(--ai-art-shadow);
  padding:12px;
}

.ai-art-drop__image-link{
  display:block;
  color:inherit;
}

.ai-art-drop__image-link:hover{
  opacity:1;
}

.ai-art-drop__image-link img{
  width:100%;
  height:auto;
  object-fit:contain;
  background:#0b110d;
  border-radius:2px;
}

.ai-art-drop__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:14px;
}

.ai-art-drop__caption{
  margin:0;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ink-soft);
}

.ai-art-drop__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 0;
  font-size:11px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--gold);
  border-bottom:1px solid var(--ai-art-border-strong);
  white-space:nowrap;
}

.ai-art-drop__button:hover,
.ai-art-drop__button:focus-visible{
  color:var(--ink);
  border-color:var(--ink);
  opacity:1;
}

@media (max-width:680px){
  .ai-art-drop{
    margin:30px 0 36px;
  }

  .ai-art-drop__frame{
    padding:10px;
  }

  .ai-art-drop__meta{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }

  .ai-art-drop__button{
    min-width:100%;
    justify-content:flex-start;
  }
}