/* ==========================================================
   REZN® — the header of every page except the home page.
   One bar across the whole screen, the same on desktop and on phones: logo · Let's talk · burger (menu.css).
   It sits over the page, so each page keeps --head-space free at its top.
   ========================================================== */
:root { --head-space: 76px; }

.site-head {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  box-sizing: border-box;
  display: flex; align-items: center; gap: 4px;
  height: var(--head-space);
  padding: 0 clamp(16px, 2.4vw, 40px);
  border-bottom: 1px solid rgba(17, 17, 17, .08);
  background: rgba(255, 255, 255, .84);
  -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4);
  color: #111;
  font-family: "HelveticaNeueCyr", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  transition: translate .6s cubic-bezier(.22, 1, .36, 1);
}
.site-head.is-hidden { translate: 0 -100%; }
.site-head a { color: inherit; text-decoration: none; }

.site-head__brand { display: inline-flex; margin-right: auto; align-items: flex-start; font-family: "Anton", "Impact", sans-serif; font-size: 30px; line-height: 1; letter-spacing: .005em; }
.site-head__brand sup { margin: 1px 0 0 2px; font-family: "HelveticaNeueCyr", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 9px; font-weight: 600; line-height: 1; vertical-align: baseline; }


/* the home page's own Let's talk button and burger (buttons.css, menu.css) */
.site-head .burger { display: inline-flex; flex: none; }

/* the case page opened inside the admin */
.is-edit .site-head { position: absolute; translate: none; }