/* PROBIEL: approved painter emblem, 2026-10-25 */
.site-header .brand{display:grid;grid-template-columns:48px auto;column-gap:10px;align-items:center;flex-shrink:0;white-space:nowrap}
.site-header .brand::before{content:"";grid-column:1;grid-row:1 / 3;width:48px;height:48px;background:url('/assets/probiel-emblem.png?v=LOGO20261025') center/contain no-repeat}
.site-header .brand-main{grid-column:2;grid-row:1;align-self:end}
.site-header .brand-sub{grid-column:2;grid-row:2;align-self:start}
@media(max-width:1280px){
.site-header{gap:14px}
.site-header .nav-toggle{display:block;order:5;min-width:42px;min-height:44px;cursor:pointer}
.site-header .nav{position:absolute;top:78px;left:0;right:0;padding:20px;display:none;flex-direction:column;gap:8px;font-size:15px;background:#0d0d0e;border-top:1px solid #222;max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain;white-space:normal}
.site-header .nav a{display:block;padding:8px 6px;min-height:38px}
.site-header .nav.open{display:flex}
.site-header .phone{display:none}
.site-header .header-social{margin-left:auto;order:4}
.site-header .brand{margin-right:auto}
}
@media(max-width:600px){
.site-header{gap:8px}
.site-header .brand{grid-template-columns:42px auto;column-gap:8px}
.site-header .brand::before{width:42px;height:42px}
.site-header .brand-main{font-size:22px}
.site-header .brand-sub{font-size:7px;letter-spacing:.19em}
.site-header .nav{top:68px;max-height:calc(100dvh - 68px)}
}
@media(max-width:374px){
.site-header{gap:5px;padding-left:10px;padding-right:10px}
.site-header .brand{grid-template-columns:34px auto;column-gap:6px}
.site-header .brand::before{width:34px;height:34px}
.site-header .brand-main{font-size:19px}
.site-header .brand-sub{font-size:6px;letter-spacing:.12em}
.site-header .header-social{gap:4px}
.site-header .header-social-link{width:28px;height:28px}
.site-header .nav-toggle{min-width:36px;padding:2px}
}