.site-header {
  position: relative;
  z-index: 100;
  width: 100%;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-linen);
  color: var(--color-deep-plum);
}

.site-header__inner {
  position: relative;
  display: flex;
  width: min(calc(100% - 4rem), var(--container-max));
  min-height: 5.5rem;
  margin-inline: auto;
  align-items: center;
  gap: 1.25rem;
}

.site-header__frame {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.site-header__branch {
  position: absolute;
  top: 0.7rem;
  width: 8rem;
  height: 2.5rem;
  border-top: 1px solid var(--color-seringa-green);
  opacity: 0.55;
}

.site-header__branch::before,
.site-header__branch::after {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid var(--color-seringa-green);
  border-radius: 50%;
  content: "";
}

.site-header__branch--left { left: 0; border-left: 1px solid var(--color-seringa-green); border-radius: 0 0 0 2rem; }
.site-header__branch--left::before { top: 0.85rem; left: 2rem; }
.site-header__branch--left::after { top: 1.45rem; left: 4.5rem; }
.site-header__branch--right { right: 0; border-right: 1px solid var(--color-seringa-green); border-radius: 0 0 2rem 0; }
.site-header__branch--right::before { top: 0.85rem; right: 2rem; }
.site-header__branch--right::after { top: 1.45rem; right: 4.5rem; }

.site-header__brand {
  display: inline-flex;
  min-width: 0;
  flex: 0 1 auto;
  align-items: center;
  gap: 0.65rem;
  color: var(--color-deep-plum);
  text-decoration: none;
}

.site-header__brand:hover { color: var(--color-deep-plum); }
.site-header__mark { width: 2.625rem; height: 2.625rem; flex: 0 0 2.625rem; object-fit: contain; }
.site-header__brand-copy { display: grid; min-width: 0; gap: 0.1rem; }
.site-header__brand-name { font-family: var(--font-heading); font-size: 1.45rem; font-weight: 600; letter-spacing: -0.03em; line-height: 0.9; white-space: nowrap; }
.site-header__brand-subtitle { max-width: 12.25rem; font-size: 0.5rem; font-weight: 700; letter-spacing: 0.08em; line-height: 1.35; text-transform: uppercase; }

.site-header__toggle { display: none; }
.site-header__navigation { min-width: 0; flex: 1 1 auto; }
.site-header__navigation-inner { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: 0.8rem; }
.site-header__links { display: flex; min-width: 0; align-items: center; gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
.site-header__links li,
.site-header__links li + li { margin: 0; padding: 0; }
.site-header__links a { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--color-botanical-ink); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.08em; line-height: 1; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.site-header__links a:hover { color: var(--color-seringa-green); text-decoration: underline; }
.site-header__poker-group { position: relative; display: flex; min-width: 0; align-items: center; gap: 0.65rem; padding-left: 0.85rem; border-left: 1px solid var(--color-seringa-green); }
.site-header__links--poker a { color: var(--color-felt-green); }
.site-header__poker-corner { position: absolute; top: -0.25rem; left: -1px; width: 0.75rem; height: 0.75rem; border-top: 1px solid var(--color-seringa-green); border-left: 1px solid var(--color-seringa-green); }
.site-header__poker-note { display: none; }
.site-header__cta { min-height: 2.75rem; padding-inline: 0.9rem; font-size: 0.6rem; white-space: nowrap; }
.site-header__editorial-line { width: min(calc(100% - 4rem), var(--container-max)); margin: 0 auto; padding: 0.42rem 0 0.55rem; overflow: hidden; color: var(--color-seringa-green); font-size: 0.55rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.35; text-align: center; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.site-header__editorial-line span { padding-inline: 0.35rem; color: var(--color-peach-coral); }

@media (max-width: 1100px) {
  .site-header__inner { min-height: 4.75rem; }
  .site-header__mark { width: 2.125rem; height: 2.125rem; flex-basis: 2.125rem; }
  .site-header__brand-name { font-size: 1.25rem; }
  .site-header__brand-subtitle { display: none; }
  .site-header__toggle { display: inline-flex; width: 2.75rem; height: 2.75rem; flex: 0 0 2.75rem; flex-direction: column; align-items: center; justify-content: center; gap: 0.28rem; margin-left: auto; border: 1px solid var(--color-seringa-green); border-radius: var(--radius-sm); background: transparent; color: var(--color-seringa-green); }
  .site-header__toggle-line { display: block; width: 1.1rem; height: 1px; background: currentColor; transition: transform var(--transition-fast), opacity var(--transition-fast); }
  .site-header__toggle[aria-expanded="true"] .site-header__toggle-line:nth-child(1) { transform: translateY(0.38rem) rotate(45deg); }
  .site-header__toggle[aria-expanded="true"] .site-header__toggle-line:nth-child(2) { opacity: 0; }
  .site-header__toggle[aria-expanded="true"] .site-header__toggle-line:nth-child(3) { transform: translateY(-0.38rem) rotate(-45deg); }
  .site-header__navigation { position: absolute; z-index: 2; top: calc(100% - 0.35rem); right: 0; display: none; width: min(31rem, calc(100vw - 2.5rem)); max-height: calc(100vh - 5rem); overflow-y: auto; border: 1px solid var(--color-seringa-green); background: var(--color-linen); box-shadow: var(--shadow-soft); }
  .site-header__navigation.is-open { display: block; }
  .site-header__navigation-inner { display: grid; gap: 0; padding: 1rem; }
  .site-header__links,
  .site-header__poker-group { display: grid; gap: 0; padding: 0; border: 0; }
  .site-header__links li { border-bottom: 1px solid var(--color-border); }
  .site-header__links a { min-height: 2.9rem; }
  .site-header__poker-group { margin-block: 0.55rem; padding-block: 0.55rem; border-top: 1px solid var(--color-seringa-green); border-bottom: 1px solid var(--color-seringa-green); }
  .site-header__poker-corner { top: 0; left: 0; }
  .site-header__poker-note { display: block; margin: 0.7rem 0 0; color: var(--color-botanical-ink); font-size: 0.72rem; line-height: 1.45; }
  .site-header__cta { width: 100%; min-height: 3rem; margin-top: 1rem; }
}

@media (max-width: 767px) {
  .site-header__inner,
  .site-header__editorial-line { width: calc(100% - 2.5rem); }
  .site-header__inner { min-height: 4.4rem; }
  .site-header__frame { display: none; }
  .site-header::before,
  .site-header::after { position: absolute; top: 0; width: 2.5rem; height: 1rem; border-top: 1px solid var(--color-seringa-green); content: ""; opacity: 0.6; }
  .site-header::before { left: 0; border-left: 1px solid var(--color-seringa-green); }
  .site-header::after { right: 0; border-right: 1px solid var(--color-seringa-green); }
  .site-header__brand-name { font-size: 1.18rem; }
  .site-header__editorial-line { font-size: 0.48rem; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .site-header__toggle-line { transition: none; }
}