@font-face{font-family:'RP Brand Inter';src:url('/fonts/branding/inter-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'RP Brand Source Sans 3';src:url('/fonts/branding/source-sans-3-latin-variable.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:'RP Brand Barlow Semi Condensed';src:url('/fonts/branding/barlow-semi-condensed-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root,:root[data-rp-branding-font='inter']{--rp-brand-name-font:'RP Brand Inter',system-ui,sans-serif}
:root[data-rp-branding-font='source_sans_3']{--rp-brand-name-font:'RP Brand Source Sans 3',system-ui,sans-serif}
:root[data-rp-branding-font='barlow_semi_condensed']{--rp-brand-name-font:'RP Brand Barlow Semi Condensed',system-ui,sans-serif}
.tenant-brand__name{font-family:var(--rp-brand-name-font,system-ui,sans-serif)}
.tenant-brand>img:not(.tenant-logo){width:min(10rem,60%);height:auto;flex:0 1 auto}
.branding-page[data-branding-font='inter'] :is(.preview-brand b,.phone header b),.font-option[data-font-preview='inter'] span{font-family:'RP Brand Inter',system-ui,sans-serif}
.branding-page[data-branding-font='source_sans_3'] :is(.preview-brand b,.phone header b),.font-option[data-font-preview='source_sans_3'] span{font-family:'RP Brand Source Sans 3',system-ui,sans-serif}
.branding-page[data-branding-font='barlow_semi_condensed'] :is(.preview-brand b,.phone header b),.font-option[data-font-preview='barlow_semi_condensed'] span{font-family:'RP Brand Barlow Semi Condensed',system-ui,sans-serif}
.typography-editor{display:grid;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--rp-color-card-border)}
.font-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.font-option span{display:block;margin-top:.5rem;color:var(--rp-color-text);font-size:1rem;font-weight:700}
.name-size-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.preview-brand b,.phone header b{font-size:calc(var(--tenant-name-size,14px)*.58);line-height:var(--tenant-name-line-height,1.2)}
@media(max-width:600px){.font-grid,.name-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}