/* ============================================================
   PVNTISS — homepage "Recent Drops" strip
   ============================================================ */

.home-drops-section{position:relative;z-index:1;max-width:980px;margin:78px auto 0;padding:0 24px}
.home-drops-section[hidden]{display:none}

.home-drops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.home-drops-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.home-drops-grid{grid-template-columns:1fr}}

.home-drop-card{
  position:relative;display:flex;flex-direction:column;gap:10px;
  padding:16px 16px 14px;border-radius:16px;text-align:left;
  background:linear-gradient(180deg,rgba(18,16,23,.82),rgba(12,10,16,.72));
  border:1px solid var(--line-soft);color:inherit;text-decoration:none;
  opacity:0;animation:homeDropIn .5s cubic-bezier(.16,1,.3,1) both;
  transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;
}
@keyframes homeDropIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.home-drop-card::after{content:'';position:absolute;left:16px;right:16px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(203,182,255,.24),transparent);opacity:.65}
.home-drop-card:hover{transform:translateY(-3px);border-color:rgba(203,182,255,.3);box-shadow:0 18px 46px rgba(0,0,0,.35)}

.home-drop-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.home-drop-tag{
  font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;
  padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--purple-bright);
  background:rgba(124,58,237,.1);white-space:nowrap;
}
.home-drop-date{font-family:var(--font-mono);font-size:9.5px;color:var(--faint);white-space:nowrap}
.home-drop-name{font-size:14.5px;font-weight:600;letter-spacing:-.005em;line-height:1.3}
.home-drop-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--dim)}
.home-drop-arrow{margin-top:auto;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--faint);transition:color .25s,gap .25s;display:flex;align-items:center;gap:4px}
.home-drop-card:hover .home-drop-arrow{color:var(--purple-bright);gap:7px}

.home-drops-more{display:flex;justify-content:center;margin-top:22px}

@media(prefers-reduced-motion:reduce){
  .home-drop-card{animation:none;opacity:1}
}