.button-open-mic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #100b02;
  background: linear-gradient(135deg, #fff0a3 0%, #f1b737 44%, #cd7314 100%);
  border: 1px solid rgba(255, 236, 158, .86);
  box-shadow: 0 14px 38px rgba(223, 142, 23, .28), inset 0 1px rgba(255,255,255,.65);
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
  text-decoration: none;
}

.button-open-mic:hover,
.button-open-mic:focus-visible { filter: brightness(1.08); transform: translateY(-2px); }

.open-mic-gig-feature {
  position: relative;
  overflow: hidden;
  border-block: 1px solid rgba(244, 184, 59, .28);
  background:
    radial-gradient(circle at 12% 40%, rgba(241,183,55,.14), transparent 28%),
    linear-gradient(115deg, #130d05 0%, #080706 48%, #180d05 100%);
}

.open-mic-gig-feature::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, transparent 0 79px, rgba(255,255,255,.018) 80px);
}

.open-mic-gig-feature-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(24px, 4vw, 64px);
  padding-block: clamp(34px, 5vw, 62px);
}

.open-mic-gig-mark {
  position: relative;
  display: grid;
  place-content: center;
  width: 132px;
  aspect-ratio: 1;
  border-radius: 50%;
  color: #f8c553;
  border: 1px solid rgba(248,197,83,.5);
  background: radial-gradient(circle, #271809 0 43%, #0c0906 44% 100%);
  box-shadow: 0 0 0 12px rgba(248,197,83,.035), 0 20px 50px rgba(0,0,0,.45);
  font-family: "Barlow Condensed", sans-serif;
  line-height: .8;
  text-align: center;
}

.open-mic-gig-mark i { position:absolute; left:50%; top:10px; width:14px; height:54px; transform:translateX(-50%); border-radius:10px 10px 4px 4px; background:linear-gradient(#f7d477,#8a4c15); box-shadow:0 52px 0 -4px #d99528; }
.open-mic-gig-mark span { margin-top:52px; font-size:16px; letter-spacing:.25em; }
.open-mic-gig-mark b { font-size:34px; letter-spacing:.06em; }
.open-mic-gig-feature h2 { margin:.1em 0; color:#fff; font:900 clamp(38px,5vw,66px)/.92 "Barlow Condensed",sans-serif; letter-spacing:-.025em; }
.open-mic-gig-feature h2 em { color:#f3bb41; font-style:normal; }
.open-mic-gig-feature p { max-width:760px; margin:0; color:#c6beb1; line-height:1.7; }
.open-mic-gig-feature-shell > div:nth-child(2) > span { color:#f3bb41; font:800 12px/1 "DM Sans",sans-serif; letter-spacing:.18em; }
.open-mic-gig-actions { display:grid; gap:10px; min-width:260px; }
.open-mic-gig-actions button { padding:14px 18px; color:#f6d98e; border:1px solid rgba(243,187,65,.38); background:rgba(243,187,65,.06); font:800 12px/1.2 "DM Sans",sans-serif; letter-spacing:.08em; cursor:pointer; }
.open-mic-gig-actions button:hover { background:rgba(243,187,65,.14); }

.global-discovery-engine {
  display:grid;
  grid-template-columns:minmax(260px,1.25fr) minmax(300px,1fr) auto;
  gap:24px;
  align-items:center;
  margin:22px 0 28px;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.12);
  border-left:3px solid #e63b35;
  background:linear-gradient(110deg,rgba(230,59,53,.09),rgba(255,255,255,.025));
  box-shadow:0 22px 60px rgba(0,0,0,.22);
}

.global-discovery-copy { display:grid; gap:7px; }
.global-discovery-copy span { color:#ef655f; font:900 11px/1 "DM Sans",sans-serif; letter-spacing:.15em; }
.global-discovery-copy b { color:#fff; font:800 clamp(17px,2vw,24px)/1.05 "Barlow Condensed",sans-serif; letter-spacing:.035em; }
.global-discovery-copy small { color:#aaa3a0; line-height:1.5; }
.global-discovery-stages { display:flex; flex-wrap:wrap; gap:6px; }
.global-discovery-stages i { padding:7px 9px; border:1px solid rgba(255,255,255,.12); color:#c9c3bf; background:#0d0c0c; font:800 10px/1 "DM Sans",sans-serif; letter-spacing:.07em; font-style:normal; }
.global-discovery-stages i::before { content:"●"; margin-right:5px; color:#e34a43; }
.global-discovery-proof { display:grid; grid-template-columns:1fr 1fr; gap:8px; min-width:220px; }
.global-discovery-proof span { padding:10px; color:#a8a19d; background:rgba(255,255,255,.035); font:700 9px/1.25 "DM Sans",sans-serif; letter-spacing:.08em; text-align:center; }
.global-discovery-proof strong { display:block; margin-bottom:4px; color:#fff; font:900 24px/1 "Barlow Condensed",sans-serif; }
.global-discovery-proof em { grid-column:1/-1; padding:8px; color:#f4c15a; border:1px solid rgba(244,193,90,.2); font:900 10px/1 "DM Sans",sans-serif; letter-spacing:.1em; text-align:center; font-style:normal; }

.prominent-scene-filters .scene-open-mics { border-color:rgba(243,187,65,.5); background:radial-gradient(circle at 90% 0,rgba(243,187,65,.14),transparent 40%),#100d08; }
.prominent-scene-filters .scene-open-mics span,
.prominent-scene-filters .scene-open-mics i { color:#f3bb41; }
.official-event-card.is-open-mic { border-color:rgba(243,187,65,.34); box-shadow:0 20px 50px rgba(102,62,8,.12); }
.official-event-card.is-open-mic .official-event-source { color:#1b1102; background:linear-gradient(135deg,#ffe18b,#e49b27); }

@media (max-width: 980px) {
  .open-mic-gig-feature-shell { grid-template-columns:110px 1fr; }
  .open-mic-gig-mark { width:100px; }
  .open-mic-gig-actions { grid-column:1/-1; grid-template-columns:1fr 1fr; }
  .global-discovery-engine { grid-template-columns:1fr 1fr; }
  .global-discovery-proof { grid-column:1/-1; }
}

@media (max-width: 650px) {
  .open-mic-gig-feature-shell { grid-template-columns:1fr; text-align:center; }
  .open-mic-gig-mark { margin:auto; }
  .open-mic-gig-actions { grid-template-columns:1fr; width:100%; min-width:0; }
  .open-mic-gig-feature p { font-size:14px; }
  .global-discovery-engine { grid-template-columns:1fr; padding:18px; }
  .global-discovery-proof { grid-column:auto; min-width:0; }
  .global-discovery-stages { gap:5px; }
  .global-discovery-stages i { flex:1 1 30%; text-align:center; }
}
