/* Clear, balanced VynForge header branding; original emblem stays untouched. */
header>.brand{display:flex;align-items:center;gap:12px}
header>.brand .brand-name{font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:32px;font-weight:750;line-height:1.12;letter-spacing:-1.1px;text-shadow:none;color:#163250;display:block}
header>.brand .brand-name>span{display:block;margin-top:8px;font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.25;font-weight:600;letter-spacing:.5px;text-shadow:none;color:#526477;white-space:nowrap}
html[data-mode=dark] header>.brand .brand-name{color:#eef3f7;text-shadow:none}
html[data-mode=dark] header>.brand .brand-name>span{color:#b9c8d6}
@media(max-width:1279px){header>.brand .brand-name{font-size:30px}header>.brand .brand-name>span{font-size:14px}}
@media(max-width:650px){header>.brand{gap:9px}header>.brand .brand-name{font-size:27px;letter-spacing:-.8px}header>.brand .brand-name>span{font-size:12px;margin-top:6px;letter-spacing:.3px}}
@media(max-width:360px){header>.brand .brand-name{font-size:25px}header>.brand .brand-name>span{font-size:11px}}
@media(max-width:650px){header>.brand{width:max-content;max-width:calc(100vw - 88px);grid-column:1/3;overflow:visible}header>.brand .brand-name{flex-shrink:0}}