/* Logo lockups. The handwritten descriptor is the ONLY place --font-hand appears. */
.ab-logo{display:inline-flex;align-items:center;gap:.38em;text-decoration:none;color:var(--text-primary);line-height:1}
.ab-logo__mark{flex:none}
.ab-logo__wm{font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:-.028em;white-space:nowrap}
.ab-logo__hand{display:inline-flex;align-items:center;gap:.34em;line-height:0}
.ab-hand{display:block;overflow:visible}

/* 01 trailing — descriptor on the baseline, right of the wordmark */
.ab-logo--trailing .ab-logo__hand{margin-left:.1em;position:relative;top:.1em}

/* 02 stacked — descriptor tucked under the wordmark, right-aligned */
.ab-logo--stacked{align-items:flex-start;gap:.42em}
.ab-logo--stacked .ab-logo__lock{display:flex;flex-direction:column;align-items:flex-end}
.ab-logo--stacked .ab-logo__hand{margin-top:.16em;margin-right:.04em}

/* 03 hairline — a rule separates brand from world */
.ab-logo--hairline .ab-logo__rule{width:1px;align-self:stretch;background:var(--border-strong);margin:0 .18em}

/* 04 annotation — raised, like a pencil note at the end of the word */
.ab-logo--annotation .ab-logo__hand{align-self:flex-start;margin-left:.12em;position:relative;top:-.1em}

/* 05 marginal — slanted note below the lockup, with a tick */
.ab-logo--marginal{flex-direction:column;align-items:flex-start;gap:.14em}
.ab-logo--marginal .ab-logo__lock{display:inline-flex;align-items:center;gap:.38em}
.ab-logo--marginal .ab-logo__hand{transform:rotate(-2deg);transform-origin:left center;margin-left:1.5em;margin-top:.1em}
.ab-logo--marginal .ab-logo__tick{width:.6em;height:1px;background:currentColor;opacity:.55;flex:none}

/* 06 domain — the descriptor takes the place of the .de suffix */
.ab-logo--domain .ab-logo__hand{margin-left:.06em}
.ab-logo--domain .ab-logo__slash{font-family:var(--font-mono);font-weight:400;color:var(--border-strong);margin:0 .1em}