.header .brand { display: flex; align-items: center; gap: 13px; flex-shrink: 0; }
.header .brand .brand-mark { width: 60px; height: 60px; flex-shrink: 0; object-fit: contain; filter: grayscale(1) contrast(2) invert(1); mix-blend-mode: screen; }
.header .brand .brand-copy { margin: 0; color: var(--text); font-size: .875rem; font-weight: 600; line-height: 1.5; letter-spacing: .025em; white-space: nowrap; }
@media(max-width:1000px) { .header .brand { gap: 10px; } .header .brand .brand-mark { width: 52px; height: 52px; } .header .brand .brand-copy { font-size: .75rem; } }
@media(max-width:700px) { .header { gap: 12px; align-items: center; } .header .brand .brand-mark { width: 49.4px; height: 49.4px; } .header .brand .brand-copy { font-size: clamp(.625rem, 2.9vw, .75rem); letter-spacing: .015em; } }
@media(max-width:380px) { .header .brand { gap: 8px; } .premium-site .mobile-menu > summary { padding-inline: 10px; gap: 10px; } }