Below the sm breakpoint the wordmark renders as three centered tspan lines
(Chateau / du / Faune) with "du" at half size, instead of a thin one-line
strip. Line offsets are absolute SVG units so the gap above and below the
small line is equal. A matchMedia listener flips the layout and re-runs
the clip-box measurement so the video clip refits when it changes.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Eileen Caps is a very wide caps face, so at the old 52rem cap the title
came out shorter than the tagline above it. Raise the cap to 68rem and
size the SVG to the container width instead of a vw value, so it can't
spill past the container padding on phones.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Swap the hero SVG clip text from Berry Rotunda to Eileen Caps Black
(D. Rakowski, freeware, fontspace.com/eileen-caps-font-f2027), self-hosted
as woff2. The face has no circumflex glyph, so the visible wordmark reads
"Chateau" unaccented rather than splicing a fallback-font â into the word;
the screen-reader h1 keeps "Château du Faune". Berry Rotunda stays as the
fallback.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
