/* now live: time-limited doors to other sites */
.nows{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);
  grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.now-card{background:var(--bg);display:grid;grid-template-rows:auto 1fr;align-content:start;
  text-decoration:none;color:inherit;transition:background .22s var(--ease)}
.now-card:hover{background:var(--bg2)}
.now-art{aspect-ratio:16/10;overflow:hidden;background:var(--bg3);border-bottom:1px solid var(--border)}
.now-art img{width:100%;height:100%;max-width:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.now-card:hover .now-art img{transform:scale(1.04)}
.now-body{padding:22px 24px 24px;display:grid;gap:10px;align-content:start}
.now-tag{display:inline-flex;align-items:center;gap:8px;justify-self:start;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-glow);
  background:var(--gold-dim);border-radius:999px;padding:4px 10px}
.now-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:nowPulse 1.8s infinite}
@keyframes nowPulse{0%{box-shadow:0 0 0 0 var(--gold-glow)}70%{box-shadow:0 0 0 7px rgba(201,168,76,0)}100%{box-shadow:0 0 0 0 rgba(201,168,76,0)}}
.now-card h3{font-size:clamp(27px,3vw,34px)}
.now-card:hover h3{color:var(--gold)}
.now-card p{font-size:14.5px;color:var(--text-2);line-height:1.55;max-width:52ch}
.now-card .mono{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-top:4px}
.now-card:hover .mono{color:var(--gold)}
.now-hint{margin-top:22px;font-size:14px;color:var(--text-2)}
.now-hint a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.now-hint a:hover{color:var(--gold-lt)}
.now-hint .muted{font-size:12.5px;margin-left:6px}
@media (prefers-reduced-motion:reduce){
  .now-dot{animation:none}
  .now-art img,.now-card:hover .now-art img{transition:none;transform:none}
}