.brand { display: inline-flex; align-items: center; gap: 10px; line-height: 1; color: inherit; text-decoration: none; }
.brand-mark { width: 52px; height: 52px; flex: none; }
.brand-mark svg { width: 100%; height: 100%; display: block; }
.brand-words { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.brand-name { display: flex; align-items: center; gap: 7px; font-family: "Source Serif 4", Georgia, serif; font-weight: 700; font-size: 30px; letter-spacing: .04em; color: #1c1614; }
.brand-day { display: inline-grid; place-items: center; min-width: 36px; height: 28px; padding: 0 6px 1px; background: #7a1f2b; color: #f3d27a; border-radius: 5px; font-size: 18px; letter-spacing: 0; line-height: 1; }
.brand-script { font-family: "Noto Sans Telugu", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: .12em; color: #9a7430; }
.brand.is-light .brand-name { color: #f7f1e8; }
.brand.is-light .brand-day { background: transparent; color: #f0c14d; box-shadow: inset 0 0 0 1.5px #e4c56a; }
.brand.is-light .brand-script { color: #e4c56a; }
.brand.is-compact { gap: 8px; }
.brand.is-compact .brand-mark { width: 34px; height: 34px; }
.brand.is-compact .brand-name { font-size: 18px; letter-spacing: .03em; }
.brand.is-compact .brand-day { min-width: 28px; height: 20px; font-size: 13px; border-radius: 4px; }
.brand.is-compact .brand-script { display: none; }
@media (max-width: 700px) {
    .brand-mark { width: 44px; height: 44px; }
    .brand-name { font-size: 26px; }
    .brand-day { min-width: 32px; height: 24px; font-size: 16px; }
    .brand-script { font-size: 13px; }
    .brand.is-compact .brand-mark { width: 34px; height: 34px; }
    .brand.is-compact .brand-name { font-size: 18px; }
}