/* Shared catalog and archive header presentation. */
.header-inner {
  max-width: var(--layout-wide);
  margin: auto;
  padding: var(--space-8) var(--page-gutter) 28px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--space-6);
}

.eyebrow {
  margin: 0 0 10px;
  color: var(--header-muted);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .12em;
}

.site-header h1 {
  margin: 0;
  font-size: clamp(2rem,6vw,4.25rem);
  line-height: .95;
  letter-spacing: -.055em;
}

.site-header h1 span {
  color: #ff4b50;
}

.header-stat {
  display: grid;
  text-align: right;
}

.header-stat strong {
  font-size: 3.5rem;
  line-height: 1;
}

.header-stat span {
  color: var(--header-muted);
  font-size: .8rem;
}


.header-copy{min-width:0}
.catalog-header-intro{max-width:700px;margin-top:14px;color:var(--header-muted);font-size:.84rem;line-height:1.65}
.catalog-header-intro p{margin:0}
.affiliate-disclosure {
  max-width: var(--layout-wide);
  margin: 0 auto;
  padding: 0 var(--page-gutter) 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  color: #e4ebf7;
  font-size: .78rem;
  line-height: 1.5;
}

.affiliate-disclosure strong {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 3px;
  background: var(--surface);
  color: var(--ink);
  font-size: .7rem;
  letter-spacing: .08em;
}

.affiliate-disclosure a {
  color: var(--surface);
  font-weight: 800;
  text-underline-offset: 3px;
}
@media(max-width:760px){.header-inner{padding:25px var(--space-4) 21px;flex-wrap:wrap}.affiliate-disclosure{padding:0 var(--page-gutter) 14px}.header-stat{display:none}}