.site-header {
  align-items: center;
  backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.82);
  display: flex;
  gap: var(--space-lg);
  justify-content: space-between;
  min-height: var(--header-height);
  padding: 0 clamp(1rem, 4vw, 3rem);
  position: sticky;
  top: 0;
  z-index: 20;
}
.site-footer,
.site-footer.container {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: flex-end;
  gap: 3vw;
  margin-top: 30px;
  margin-bottom: 30px;
}
.page-title { text-align: center; margin-bottom: 40px;}
.page-title.text-left { text-align: left;}
.title-col {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 0.75rem;
}
.title-col span {
  line-height: 0;
}
.brand { color: var(--color-primary); font-weight: 800; letter-spacing: -0.04em; }
.site-nav { align-items: center; display: flex; gap: var(--space-lg); color: var(--color-muted); font-size: 1rem; }
.site-nav a { font-weight: 500; }
.site-nav a:hover { color: var(--color-primary); }
.stack { display: grid; gap: var(--space-lg); }
.actions-row { align-items: center; display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.section-grid { display: grid; gap: var(--space-lg); margin-top: var(--space-xl); }
.section-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.section-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.page-main p {
  padding-bottom: 0;
}

@media (max-width: 1024px) {
  .site-footer.container {grid-template-columns: 1fr; gap: 50px; text-align: center;}
  .social-nav, .site-footer img {margin: 0 auto; justify-content: center;}
  .flex-col-mb { flex-direction: column; }
  .flex-col-mb.items-center { align-items: flex-start; }
}

@media (max-width: 860px) {
  .site-header { padding-block: var(--space-md); }
  .site-header .brand { max-width: 110px; }
  .site-header a { font-size: 14px; }
  .site-header .button { padding: 0.45rem 0.75rem; }
  .site-nav { flex-wrap: wrap; }
  .section-grid--two, .section-grid--three { grid-template-columns: 1fr; }
}