.brand { gap: 8px; font-size: 17px; }
.brand i { font-weight: 400; }
@media (max-width: 900px) {
  .brand { font-size: 14px; gap: 6px; }
  .brand span { width: 26px; height: 26px; font-size: 15px; }
  .site-header { position:relative; z-index:30; }
  .site-header .header-actions { display:flex!important; align-items:center; gap:0; margin-left:auto; }
  .site-header .header-actions .sign-in { display:inline-flex!important; align-items:center; padding:9px 6px; color:var(--rose); font-size:12px; font-weight:700; white-space:nowrap; }
  .site-header .header-actions .button-small { display:none; }
  .mobile-menu-toggle { display:grid; gap:4px; padding:9px; margin-left:10px; border:1px solid #d8d7cd; background:#fff; cursor:pointer; }
  .mobile-menu-toggle span { display:block; width:18px; height:1px; background:#263b38; }
  .site-header nav { display:none; }
  .site-header.mobile-menu-open { height:auto; min-height:66px; flex-wrap:wrap; }
  .site-header.mobile-menu-open nav { display:flex!important; position:static; order:4; flex-basis:100%; margin:0; padding:19px 25px 10px; flex-direction:column; gap:0; background:#faf7f0; border-top:1px solid #d8d7cd; box-shadow:0 16px 22px #263b3818; }
  .site-header.mobile-menu-open nav a { padding:11px 0; font-size:14px; }
  .site-header.mobile-menu-open .header-actions { display:flex!important; position:static; order:5; flex-basis:100%; margin-left:0; padding:8px 25px 21px; background:#faf7f0; gap:12px; border-bottom:1px solid #d8d7cd; }
  .site-header.mobile-menu-open .header-actions .sign-in { display:inline-flex!important; align-items:center; }
  .site-header.mobile-menu-open .header-actions .button-small { display:inline-flex; }
}
@media (min-width:901px){.mobile-menu-toggle{display:none}}
@media (min-width:901px) and (max-width:1220px){.site-header{padding:0 28px}.site-header nav{margin-left:24px;gap:14px}.site-header nav a{font-size:11px}}