/* SBM Labs, Navalagund branding: the band on the staff console (dark, cyan wordmark, green product line,
   the founder on the right), the founder lightbox, and the small "made by" credit for the shop's own apps. */

.sbm-hdr { position: relative; background: linear-gradient(180deg, #010812 0%, #07121F 100%); color: #e8f4ff;
  border-bottom: 1px solid rgba(0, 212, 255, .16); padding: 15px 22px 9px; }
.sbm-bless { position: absolute; left: 50%; top: 3px; transform: translateX(-50%); white-space: nowrap; pointer-events: none;
  font: 400 7.5px "Share Tech Mono", ui-monospace, monospace; letter-spacing: 2px; color: rgba(255, 255, 255, .38); }
.sbm-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; }
.sbm-mark { width: 46px; height: 46px; filter: drop-shadow(0 0 8px rgba(255, 179, 64, .25)); }
.sbm-words { text-align: center; min-width: 0; }
.sbm-wm { font: 900 21px/1.1 "Orbitron", "Segoe UI", sans-serif; letter-spacing: 4px; color: #00d4ff;
  text-shadow: 0 0 18px rgba(0, 212, 255, .35); white-space: nowrap; }
.sbm-wm em { font-style: normal; font-weight: 700; font-size: .78em; letter-spacing: 2px; color: #eafcff; }
.sbm-sub { margin-top: 3px; font: 700 13px/1.2 "Orbitron", "Segoe UI", sans-serif; letter-spacing: 3px; text-transform: uppercase;
  color: #00ff9d; text-shadow: 0 0 14px rgba(0, 255, 157, .3); }
.sbm-tag { margin-top: 2px; font: 400 9px "Share Tech Mono", ui-monospace, monospace; letter-spacing: 1px; color: rgba(255, 255, 255, .42); }
.sbm-founder { display: flex; align-items: center; gap: 10px; }
.sbm-photo { padding: 0; border: 0; background: none; cursor: zoom-in; border-radius: 50%; flex-shrink: 0; }
.sbm-photo img { display: block; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(0, 212, 255, .45);
  box-shadow: 0 0 10px rgba(0, 212, 255, .25); transition: transform .15s, box-shadow .15s; }
.sbm-photo:hover img { transform: scale(1.06); box-shadow: 0 0 16px rgba(0, 212, 255, .45); }
.sbm-fc { text-align: right; font: 400 11px/1.5 "Share Tech Mono", ui-monospace, monospace; letter-spacing: .5px; color: rgba(255, 255, 255, .55); }
.sbm-fr { font-size: 8.5px; letter-spacing: 2px; color: rgba(255, 255, 255, .38); }
.sbm-fn { color: #00d4ff; font-weight: 700; }
.kiosk .sbm-hdr { display: none; }

@media (max-width: 1100px) { .sbm-tag { display: none; } }
@media (max-width: 760px) {
  .sbm-hdr { padding: 14px 12px 8px; }
  .sbm-fc { display: none; }
  .sbm-mark { width: 36px; height: 36px; }
  .sbm-photo img { width: 38px; height: 38px; }
  .sbm-wm { font-size: 15px; letter-spacing: 2px; }
  .sbm-sub { font-size: 10px; letter-spacing: 1.5px; }
  .sbm-bless { font-size: 6.5px; letter-spacing: 1.2px; }
  .sbm-row { gap: 8px; }
}
@media (max-width: 360px) { .sbm-wm em { display: none; } }

.sbm-lightbox { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 16px;
  background: rgba(1, 8, 18, .86); backdrop-filter: blur(6px); cursor: zoom-out; animation: fade-in .15s; }
.sbm-lightbox figure { margin: 0; text-align: center; }
.sbm-lightbox img { max-width: min(80vw, 560px); max-height: 74vh; border-radius: 12px; border: 2px solid rgba(0, 212, 255, .4);
  box-shadow: 0 0 60px rgba(0, 212, 255, .25); }
.sbm-lightbox figcaption { margin-top: 10px; color: #cfe9ff; font: 400 12px "Share Tech Mono", ui-monospace, monospace; letter-spacing: .5px; }
.sbm-lightbox figcaption b { color: #00d4ff; }

.sbm-credit { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 14px 0 4px; font-size: 12px; color: var(--muted, #64748B); }
.sbm-credit img { width: 22px; height: 22px; }
.sbm-credit b { color: var(--text-2, #334155); font-weight: 700; }
.s-foot .sbm-copy { display: block; margin-top: 4px; font-size: 11px; opacity: .8; }