backer: match text between pages, grow Innovationsfonden mark

Hero .support and welcome-backer now carry the same text sizing —
11px / weight 600 / uppercase / 0.18em tracking — so the lockup
reads identically on the entrance and on the overview hero.
Innovationsfonden SVG bumps 14→24px on the hero and 16→24px on
the welcome page, so the wordmark is meaningfully visible while
the accompanying label stays small.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Arlind Ukshini 2026-04-24 11:01:02 +02:00
parent 0b07b2a8f6
commit 789f1bbb17
2 changed files with 9 additions and 8 deletions

View file

@ -1039,16 +1039,17 @@ html {
.support {
display: flex;
align-items: center;
/* "Backed by Innovationsfonden" halved from the previous 1.5x
treatment — the lockup was competing with the main copy, and
the reader already knows the hierarchy. Type and svg both
drop so the row reads as a quiet footnote. */
gap: 0.55rem;
font-size: calc(var(--step-sm) * 0.75);
/* Matched to the welcome page's .welcome-backer: 11px uppercase
text, 0.18em tracking. The wordmark SVG grows to 24px so the
Innovationsfonden lockup reads more confidently while the
accompanying "Backed by" label stays quiet. */
gap: 10px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.18em;
}
.support svg { height: 14px; width: auto; }
.support svg { height: 24px; width: auto; }
.scroll-hint {
display: inline-flex;

View file

@ -172,7 +172,7 @@
z-index: 5;
transition: opacity 640ms var(--ease) 160ms;
}
.welcome-backer svg { height: 16px; width: auto; display: block; }
.welcome-backer svg { height: 24px; width: auto; display: block; }
body:has(#step-welcome.is-active) .welcome-backer {
opacity: 0.85;
}