.brand-logo{
    display:block;
    max-width:150px;
    width:auto;
    height:50px;
    object-fit:contain;
    object-position:left center
}
.branding-settings{
    margin-bottom:30px;
    padding-bottom:25px;
    border-bottom:1px solid var(--line)
}
.branding-settings__intro h2{
    margin:5px 0 7px;
    font-size:22px
}
.branding-settings__intro>p:not(.section-kicker){
    margin:0;
    color:var(--muted);
    font-size:13px;
    max-width:620px
}
.branding-settings__fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-top:21px
}
.branding-settings__fields label{
    margin:0
}
.branding-settings__fields small{
    display:block;
    margin-top:7px;
    color:var(--muted);
    font-weight:500
}
.branding-preview,.branding-placeholder{
    display:grid;
    place-items:center;
    margin-top:9px;
    width:100%;
    height:74px;
    border:1px solid var(--line);
    background:#f7faf8;
    object-fit:contain;
    object-position:left center
}
.branding-preview--favicon,.branding-placeholder--favicon{
    width:74px
}
.branding-placeholder{
    font:700 18px 'DM Mono',monospace;
    color:var(--teal)
}
@media(max-width:700px){
    .branding-settings__fields{
        grid-template-columns:1fr
    }
}