/* Shared brand header; pages own their responsive dimensions. */
.top { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--rule); }
.lockup { display: inline-flex; align-items: center; gap: 10px; font: var(--type-heading); letter-spacing: var(--ls-heading); text-decoration: none; }
.lockup .bb-cube { --bb-size: 76px; margin: -18px -14px; }
.wrap .bb-cube { --bb-face-x: var(--fg); --bb-face-y: var(--activity); --bb-face-z: color-mix(in srgb, var(--fg) 70%, var(--bg)); --bb-cut: var(--bg); }