diff --git a/src/components/ProjectLockup.astro b/src/components/ProjectLockup.astro index 1febb35..ff6e410 100644 --- a/src/components/ProjectLockup.astro +++ b/src/components/ProjectLockup.astro @@ -26,8 +26,8 @@ const alignClass = `lockup--${alignment}`; display: flex; flex-direction: column; } - .lockup--left { align-items: flex-start; text-align: left; } - .lockup--center { align-items: center; text-align: center; } + .lockup--left { align-items: flex-start; text-align: left; } + .lockup--center { align-items: center; text-align: center; } /* ── Project name ────────────────────────────────────────────────── */ .lockup-name { @@ -38,30 +38,32 @@ const alignClass = `lockup--${alignment}`; margin: 0; } - .lockup-regular { font-weight: 400; font-style: normal; } - .lockup-bold-italic { font-weight: 700; font-style: italic; } - .lockup-period { font-weight: 700; font-style: italic; } + .lockup-regular { font-weight: 400; font-style: normal; } + .lockup-bold-italic { font-weight: 700; font-style: italic; } + .lockup-period { font-weight: 700; font-style: italic; } /* ── Sizes ───────────────────────────────────────────────────────── */ .lockup--hero .lockup-name { font-size: var(--text-display-lg); } .lockup--lg .lockup-name { font-size: var(--text-display-md); } .lockup--md .lockup-name { font-size: var(--text-headline-lg); } - /* ── Fenja wordmark ──────────────────────────────────────────────── */ + /* ── Fenja wordmark — authorship signature, never auxiliary ─────── */ .lockup-wordmark-row { display: flex; align-items: center; } + /* Spacing: deliberate gap between headline and signature */ .lockup--hero .lockup-wordmark-row { margin-top: var(--space-5); } .lockup--lg .lockup-wordmark-row { margin-top: var(--space-4); } - .lockup--md .lockup-wordmark-row { margin-top: var(--space-3); } + .lockup--md .lockup-wordmark-row { margin-top: var(--space-4); } + /* Sizes: ~1/4 the headline's line height at each scale. Full colour — no opacity. */ .lockup-wordmark { - opacity: 0.45; display: block; + width: auto; } - .lockup--hero .lockup-wordmark { height: 18px; } - .lockup--lg .lockup-wordmark { height: 16px; } - .lockup--md .lockup-wordmark { height: 14px; } + .lockup--hero .lockup-wordmark { height: 30px; } + .lockup--lg .lockup-wordmark { height: 24px; } + .lockup--md .lockup-wordmark { height: 20px; }