.shell { width: min(var(--max), calc(100% - 44px)); margin: 0 auto; }
.site-header {
  position: sticky; top: 0; z-index: 10;
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
.nav { min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.hero { display: flex; align-items: flex-start; gap: clamp(44px, 12vw, 104px); padding: 56px 0 8px; }
.hero-copy { flex: 0 1 auto; min-width: 0; }
.section { padding-top: var(--editor-section-space, 64px); }
.section-heading h1, .section-heading h2 { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.75; margin-bottom: 6px; }
.footer { margin-top: 72px; padding: 28px 0 56px; border-top: 1px solid var(--hairline); }
body[data-page="thoughts"] .footer { margin-top: 32px; }