/* align.zone: lockup size and the corner links, over the plate. */
.site-logo { width: 140px; text-decoration: none; }
@media (max-width: 600px) { .site-logo { width: 124px; } }
.corner { display: flex; align-items: center; gap: 4px; font-family: Inter, "Helvetica Neue", Arial, sans-serif; }
.corner.fixed { position: fixed; top: calc(var(--top-h, 88px) / 2 - 18px); right: clamp(16px, 3vw, 40px); z-index: 900;
  padding: 2px; border-radius: 9px; background: color-mix(in srgb, var(--plate) 70%, transparent);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 0 0 .5px var(--sep2); }
.corner-link { font-size: 11px; letter-spacing: 2.4px; text-transform: uppercase; color: var(--ink); text-decoration: none; padding: 8px 12px; border-radius: 7px; }
@media (hover: hover) { .corner-link:hover { background: color-mix(in srgb, var(--ink) 8%, transparent); } }
@media (max-width: 900px) { .corner { display: none; } }