.bkbg-violin-wrap { box-sizing: border-box; } .bkbg-violin-title { margin: 0 0 .6em; font-family: var(--bkvip-tt-ff, inherit); font-size: var(--bkvip-tt-fsd, 1.05em); line-height: var(--bkvip-tt-lhd, normal); letter-spacing: var(--bkvip-tt-lsd, normal); word-spacing: var(--bkvip-tt-wsd, normal); font-weight: var(--bkvip-tt-fw, bold); font-style: var(--bkvip-tt-fst, normal); text-decoration: var(--bkvip-tt-td, none); text-transform: var(--bkvip-tt-tt, none); } .bkbg-violin-wrap h3.bkbg-violin-title { font-family: var(--bkvip-tt-ff, inherit); font-size: var(--bkvip-tt-fsd, 1.05em); line-height: var(--bkvip-tt-lhd, normal); letter-spacing: var(--bkvip-tt-lsd, normal); word-spacing: var(--bkvip-tt-wsd, normal); font-weight: var(--bkvip-tt-fw, bold); font-style: var(--bkvip-tt-fst, normal); text-decoration: var(--bkvip-tt-td, none); text-transform: var(--bkvip-tt-tt, none); } .bkbg-violin-svg svg { display: block; } /* ── Responsive typography ───────────────────────────────────────────────── */ @media (max-width: 1024px) { .bkbg-violin-wrap .bkbg-violin-title { font-size: var(--bkvip-tt-fst1, var(--bkvip-tt-fsd, 1.05em)); line-height: var(--bkvip-tt-lht, var(--bkvip-tt-lhd, normal)); letter-spacing: var(--bkvip-tt-lst, var(--bkvip-tt-lsd, normal)); word-spacing: var(--bkvip-tt-wst, var(--bkvip-tt-wsd, normal)); } } @media (max-width: 767px) { .bkbg-violin-wrap .bkbg-violin-title { font-size: var(--bkvip-tt-fsm, var(--bkvip-tt-fst1, var(--bkvip-tt-fsd, 1.05em))); line-height: var(--bkvip-tt-lhm, var(--bkvip-tt-lht, var(--bkvip-tt-lhd, normal))); letter-spacing: var(--bkvip-tt-lsm, var(--bkvip-tt-lst, var(--bkvip-tt-lsd, normal))); word-spacing: var(--bkvip-tt-wsm, var(--bkvip-tt-wst, var(--bkvip-tt-wsd, normal))); } }