.site-header { height: 80px; }
.brand { display: grid; grid-template-columns: 50px auto; gap: 10px; min-width: 236px; padding: 6px 14px 6px 6px; }
.brand { background: rgba(1, 7, 19, .96); border-color: rgba(95, 237, 255, .7); }
.brand img { width: 50px; height: 42px; grid-row: 1 / span 2; border: 1px solid rgba(95, 237, 255, .72); border-radius: 5px; background: #fff; object-fit: contain; object-position: 50% 50%; padding: 3px; box-shadow: 0 0 14px rgba(31, 198, 255, .32); }
.brand-copy { display: block; line-height: 1; white-space: nowrap; }
.brand-copy b, .brand-copy strong { display: inline; font-family: "Orbitron", "Manrope", sans-serif; font-size: 22px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; }
.brand-copy strong { color: #7deaff; margin-left: 6px; }
.brand::after { content: ""; width: 34px; height: 2px; align-self: end; margin-bottom: 7px; grid-column: 2; background: linear-gradient(90deg, #4ee9ff, transparent); }
footer .brand { grid-template-columns: 38px auto; gap: 9px; min-width: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
footer .brand img { width: 38px; height: 32px; border-color: rgba(95, 237, 255, .42); box-shadow: none; object-fit: contain; object-position: 50% 50%; background: #fff; padding: 2px; }
footer .brand-copy b, footer .brand-copy strong { font-size: 16px; letter-spacing: .025em; }
footer .brand::after { display: none; }
@media (max-width: 700px) {
	.site-header { height: 72px; }
	.brand { grid-template-columns: 44px auto; min-width: 210px; gap: 8px; }
	.brand img { width: 44px; height: 37px; }
	.brand-copy b, .brand-copy strong { font-size: 17px; }
	footer .brand { grid-template-columns: 38px auto; min-width: 0; }
	footer .brand img { width: 38px; height: 32px; }
	footer .brand-copy b, footer .brand-copy strong { font-size: 16px; }
}