The eyebrow already labels the section "Selected work" — repeating
the same idea as a large H2 underneath ("Recent work.") was
redundant and gave the strip more vertical chrome than it needed.
Section now reads as a single quiet label next to the View-all
link, with the project cards doing the actual work. Removes the
unused home.selected.headline key from all three locales.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Drops the rectangular border treatment and the mobile/desktop split.
Wordmark is now a single stacked column at every breakpoint: EARTH
WALKER set in serif semibold on top, DESIGN tucked underneath in
serif light with wider tracking and reduced size, centered.
Two sizes: 'sm' (header, footer, mobile drawer) scales text-sm →
text-base at md; 'lg' (home hero overlay) scales text-2xl → text-3xl
→ text-4xl across md / lg breakpoints. Whitespace-nowrap holds the
shape together regardless of container width.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Two changes:
- Wordmark.vue now forces whitespace-nowrap on the outer frame and
both inner spans, plus flex-nowrap on the row, so EARTH WALKER and
DESIGN can never wrap inside the box regardless of the parent's
width constraints.
- SiteHeader swaps to a plain serif "Earth Walker" wordmark below
md: — at the actual mobile header width (viewport minus locale +
theme + hamburger icons) the boxed mark would crowd to the point of
illegibility even without wrapping. Full boxed Wordmark stays in
the hero, the footer, and the mobile drawer where there's room.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Carries forward the original site's wordmark — heavier "EARTH WALKER"
paired with lighter "DESIGN", contained in a thin rectangular frame —
adapted to our type system (Fraunces semibold + light) rather than
re-importing the original slab serif. Because everything is rendered
in currentColor, the frame and both words invert automatically against
the dark hero overlay, the dark theme, and any of the four palettes.
Wordmark.vue takes a size prop ('sm' | 'md' | 'lg') driving type
scale, frame padding, and letter-spacing. Replaces the plain-text
brand in:
- SiteHeader logo slot (sm)
- Mobile Sheet drawer header (sm)
- SiteFooter brand block (sm)
- HomeView hero overlay above the headline (md)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
