/* Approved white heart emblem; crop the stacked wordmark for a readable header lockup. */
.site-header .brand{gap:16px;min-width:0}
.site-header .brand-mark{display:block;width:96px;height:77px;overflow:hidden;flex-shrink:0;mix-blend-mode:lighten}
.site-header .brand-mark .brand-logo{display:block;width:137px;max-width:none;height:auto;margin-left:-20.5px;margin-top:-7.3px;object-fit:contain}
.site-header .brand-name strong{font-size:11px;letter-spacing:3px;color:#fff;line-height:1.6}
.site-header .brand-name small{font-size:18px;letter-spacing:2px;color:#fff;line-height:1.5}
@media(max-width:800px){
 .site-header .brand{gap:11px}
 .site-header .brand-mark{width:72px;height:58px}
 .site-header .brand-mark .brand-logo{width:103px;height:auto;margin-left:-15.4px;margin-top:-5.5px}
 .site-header .brand-name small{font-size:15px;letter-spacing:1.3px}
}
@media(max-width:480px){
 .site-header .brand{gap:9px}
 .site-header .brand-mark{width:58px;height:47px}
 .site-header .brand-mark .brand-logo{width:83px;height:auto;margin-left:-12.4px;margin-top:-4.4px}
 .site-header .brand-name strong{font-size:9px;letter-spacing:2px}
 .site-header .brand-name small{font-size:12px;letter-spacing:.8px}
 .members-page .header-inner{gap:12px}
}
@media(max-width:360px){
 .site-header .brand-mark{width:49px;height:39px}
 .site-header .brand-mark .brand-logo{width:70px;height:auto;margin-left:-10.5px;margin-top:-3.7px}
 .site-header .brand-name small{font-size:11px;letter-spacing:.5px}
}