/* Showcase 01: Showboard (Karte auf der Startseite + Imagevideo).
   Nutzt den Video-Player aus /wienopoly/card.css (.wien-stage, .wien-sound, .wien-hud)
   und färbt ihn im Showboard-Rot um. */
.project.showboard {
  --accent: #EA150B; --accent-glow: rgba(234,21,11,.4);
  grid-template-columns: 1fr; gap: 34px;
}
.project.showboard .kicker { color: #ff5a4f; }
.sb-head { display: grid; grid-template-columns: 1fr 1.05fr; gap: 20px 48px; align-items: end; }
.sb-head p { margin-bottom: 22px; }
.sb-head .pills { margin-bottom: 26px; }
.project.showboard .new-tag { background: rgba(234,21,11,.14); border-color: rgba(234,21,11,.45); color: #ffb3ad; }

.project.showboard .media.wien-stage, .project.showboard:hover .media.wien-stage { transform: none; }
.sb-stage.wien-stage { box-shadow: 0 0 0 1px rgba(234,21,11,.25), 0 50px 120px -40px rgba(234,21,11,.42), inset 0 1px 0 rgba(255,255,255,.06); }
.sb-stage .wien-track i { background: #EA150B; }
.sb-stage .wien-toggle:hover { border-color: #EA150B; }

/* Ton-Knopf in Rot statt Gold */
.sb-stage .wien-sound { color: #fff; border-color: #ff5a4f; background: linear-gradient(180deg, #ff3b2f, #EA150B); box-shadow: 0 0 0 1px rgba(234,21,11,.4), 0 0 22px rgba(234,21,11,.7), 0 0 60px rgba(234,21,11,.4); }
.sb-stage .wien-sound:hover { box-shadow: 0 0 0 1px rgba(234,21,11,.5), 0 0 30px rgba(234,21,11,.9), 0 0 80px rgba(234,21,11,.55); }
.sb-stage .wien-sound i { background: #fff; color: #EA150B; }
.sb-stage .wien-sound i::before, .sb-stage .wien-sound i::after { border-color: #fff; }
.has-sound .sb-stage .wien-sound, .sb-stage.has-sound .wien-sound { background: rgba(8,8,10,.7); color: #ffd0cc; border-color: rgba(234,21,11,.6); box-shadow: 0 0 18px rgba(234,21,11,.45); }
.has-sound .sb-stage .wien-sound i, .sb-stage.has-sound .wien-sound i { background: #EA150B; color: #fff; }

@media (max-width: 860px) {
  .sb-head { grid-template-columns: 1fr; }
}