/* CMH Group look, from the TRUST campaign: white, CMH red and black leather; bold geometric sans-serif.
   Straight, confident shapes (no slanted tags). Loaded last on every page. */
@font-face { font-family: 'Montserrat'; src: url('../assets/fonts/montserrat.woff2') format('woff2'); font-weight: 400 900; font-display: swap; }

:root {
  --black: #141414;
  --ink: #141414;
  --charcoal: #2a2a2c;
  --accent: #e2222f;
  --accent-d: #9e121c;
  --accent-rgb: 226 34 47;
  --on-accent: #ffffff;
  --gold: #ffffff;
  --display: 'Montserrat', system-ui, sans-serif;
  --body: 'Montserrat', system-ui, sans-serif;
}
html, body { background: var(--black); }

.btn.big, .lockup .l2::before, .lockup .shine, .deal::before, .chip, .chip > *, .best-line b, .test-ribbon,
.progress, .bar-row .track, .tut .dots i, .btn.big > *, .btn.big .t, .arcade-back, .arcade-back > * { transform: none; }
.lockup .l2.stamp::before { animation-name: cmh-stamp; }
@keyframes cmh-stamp { from { transform: scaleX(0); } to { transform: none; } }
.btn.big:active { transform: translateY(5px); }

.btn { border-radius: 10px; font-weight: 900; letter-spacing: 1px; }
.btn.big { font-size: 30px; }
.btn.small { font-size: 16px; }
.title { font-weight: 900; letter-spacing: 2px; }
.title.lg { font-size: clamp(38px, 11vw, 54px); }
.title.md { font-size: 26px; }
.card h2, .card h3 { font-weight: 900; }

/* TR[US]T / CHECK lockup */
.lockup .l1 { font-weight: 900; font-size: clamp(54px, 17vw, 86px); letter-spacing: 4px; }
.lockup .l2 { font-weight: 900; font-size: clamp(28px, 9vw, 42px); letter-spacing: 10px; padding: 6px 18px 4px 28px; }
.lockup .l2::before { border-radius: 6px; }
.hashtag { font-weight: 800; letter-spacing: 3px; font-size: 14px; }
.screen.menu .lockup .l1 { font-size: clamp(48px, 15vw, 76px); }
.screen.menu .lockup .l2 { font-size: clamp(26px, 8vw, 38px); }
.logo-band img { height: 54px; }
.screen.menu .logo-band img { height: 48px; }

.deal::before { border-radius: 10px; }
.deal p { font-weight: 800; font-size: 16px; letter-spacing: .2px; line-height: 1.2; }
.chip { border-radius: 6px; font-weight: 900; font-size: 13px; }
.best-line b { border-radius: 6px; font-weight: 900; }
.test-ribbon { border-radius: 6px; font-weight: 900; font-size: 11px; background: #ffffff; }
.card { border-radius: 12px; }