/* Keep the customer entrance visible next to the demo, including on small screens. */
.header-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;color:var(--deep);font:600 14px/1.4 var(--body);white-space:nowrap;text-decoration:none;border-radius:8px}
.header-login:hover{background:var(--blush)}
@media(max-width:1200px){
 .site-header{gap:16px}
 .site-header .desktop-nav{display:none}
 .site-header .header-actions{display:flex;margin-left:auto;gap:12px}
 .site-header .mobile-menu{display:block;margin-left:0}
 .site-header .mobile-menu>summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;border:1px solid var(--line);border-radius:8px;background:var(--paper);cursor:pointer}
 .site-header .mobile-menu summary::-webkit-details-marker{display:none}
 .site-header .mobile-menu>nav{position:absolute;top:calc(100% - 4px);left:20px;right:20px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;box-shadow:0 14px 25px #5426381a}
 .site-header .mobile-menu>nav a{display:flex;align-items:center;min-height:44px;padding:12px;font-size:14px}
}
@media(max-width:760px){
 .site-header{padding-inline:16px;gap:12px}
 .site-header .brand{width:clamp(126px,25vw,160px)}
 .site-header .brand img{width:100%;height:auto}
 .site-header .header-actions{gap:0}
 .site-header .header-actions>.button{display:none}
 .header-login{font-size:13px;padding-inline:4px}
}