/* Fonts */
@font-face{
  font-family:'GrungeHandwriting';
  src:url('../fonts/GrungeHandwriting.ttf') format('truetype');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'ReservoirGrunge';
  src:url('../fonts/ReservoirGrunge.ttf') format('truetype');
  font-weight:400; font-style:normal; font-display:swap;
}

/* Larger base text */
html{ font-size: clamp(18px, 2.6vw, 30px); }
body, p, li, a, input, textarea, button, label, small,
h1, h2, h3, h4, h5, h6{
  font-family:'GrungeHandwriting','Courier New',Courier,monospace;
}

/* Video hero + big logo */
.hero-video-wrap{ position:relative; width:100%; height:100vh; overflow:hidden; background:#000; }
.hero-video{ width:100%; height:100%; object-fit:cover; display:block; }
.logo-grunge{ font-family:'ReservoirGrunge', Arial, sans-serif !important; text-transform:lowercase; letter-spacing:.05em; }
.hero-title{
  position:absolute; left:50%; bottom:6vh; transform:translateX(-50%);
  width:92%; text-align:center; color:#fff; z-index:5; pointer-events:none;
  font-size: clamp(54px, 13vw, 180px); line-height:1;
}

/* Tight SoundCloud spacing */
#sc-player{ background: transparent; padding: 0; }
#sc-player .no-gap{ margin:0 !important; padding:0 !important; }
#sc-player .sc-embed-wrap{ max-width: 980px; margin: 0 auto; }

/* Email readability */
a[href^="mailto:info@mojoam.com"], .email-readable{
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-size: 18px; letter-spacing: .02em; color:#fff;
}

/* Credits small */
.credit-line{ font-size:12px; opacity:.85; margin:.25rem 0; color:#fff; }


/* === v16.1 — Fonts and icons === */
/* Reservoir for logo */
@font-face{ font-family:'ReservoirDogs'; src:url('../fonts/ReservoirDogs.ttf') format('truetype'); font-display:swap; }
h1.logo-grunge, .hero-title.logo-grunge, .logo-grunge, .logo-grunge *{
  font-family:'ReservoirDogs','Reservoir Grunge', serif !important;
}

/* Bai Jamjuree for text */
html, body, p, a, li, ul, ol, blockquote,
h1, h2, h3, h4, h5, h6,
input, textarea, button, .btn,
.section-title, .ma-title, .ma-list li, .ma-player, .contact-status {
  font-family:'Bai Jamjuree', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

/* Make sure icomoon icons render as icons */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1;
}

/* Player deep grey */
.ma-btn, .ma-play, #playPauseBtn{
  background:#2b2b2b !important;
  border:1px solid #1a1a1a !important;
  color:#fff !important;
  background-image:none !important;
  -webkit-appearance:none !important;
  box-shadow:0 2px 0 rgba(0,0,0,0.35), inset 0 0 0 rgba(0,0,0,0) !important;
}
.ma-btn:hover, .ma-play:hover, #playPauseBtn:hover{ background:#3a3a3a !important; }

/* Unmute: bottom center on desktop, center on mobile */
.hero-video-wrap{ position:relative !important; z-index:1; }
#unmuteBtn{ position:absolute !important; left:50% !important; bottom:18px !important; transform:translateX(-50%) !important; z-index:999 !important; padding:8px 12px !important; background:rgba(0,0,0,0.7) !important; color:#fff !important; border:1px solid rgba(255,255,255,0.6) !important; border-radius:10px !important; cursor:pointer !important; font-size:14px !important; display:block !important; }
.hero-video{ width:100%; height:auto; display:block; }
@media (max-width:768px){
  .hero-video{ width:100vw; height:100vh; object-fit:cover; object-position:center; }
  #unmuteBtn{ top:50% !important; left:50% !important; bottom:auto !important; transform:translate(-50%,-50%) !important; z-index:10000 !important; }
}

/* Contact messages IT */
.contact-status{ margin-top:10px; font-size:14px; color:#fff; }
.contact-status.ok{ color:#b7ffb7; } .contact-status.err{ color:#ffb7b7; }