.brand-symbol{display:block;width:36px;height:36px;flex:0 0 auto;overflow:visible}
.site .header .brand-symbol{width:35px;height:35px;color:#8ba8ff}
.site .header[data-surface=light] .brand-symbol{color:#315df0}
.site .footer .brand-symbol{color:currentColor}
.site .contact-signature .brand-symbol{width:56px;height:56px;color:#8ba8ff}
.page-brand{display:inline-flex;align-items:center;gap:10px}
.page-header .brand-symbol,.page-footer .brand-symbol{width:35px;height:35px;color:#9bb9ff}
.page-brand .page-brand-name{color:inherit}
.page-brand .brand-period{color:#9bb9ff}
@media(max-width:800px){.site .header .brand-symbol{width:30px;height:30px}.page-brand{gap:7px}.page-header .brand-symbol{width:29px;height:29px}}
@media(max-width:480px){.site .header .brand-symbol{width:26px;height:26px}.site .footer .brand-symbol{width:29px;height:29px}.page-header .page-brand{font-size:18px}.page-header .brand-symbol{width:26px;height:26px}.page-header{gap:12px}}