style(css): increase hero h1 font size on desktop and mobile

Grow the hero heading clamp range (4rem->4.5rem min, 7.5rem->8.5rem max on
desktop; 3.2rem->3.6rem min, 4.8rem->5.2rem max on mobile) for a bolder
visual impact in the redesigned homepage.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-22 14:27:51 +08:00
parent 951d233a65
commit 680de45c00

View File

@@ -261,7 +261,7 @@ kbd {
.hero h1 {
font-family: var(--font-display);
font-size: clamp(4rem, 10vw, 7.5rem);
font-size: clamp(4.5rem, 11vw, 8.5rem);
line-height: 0.9;
font-weight: 600;
letter-spacing: -0.03em;
@@ -998,7 +998,7 @@ th[data-sort].sort-asc::after {
}
.hero h1 {
font-size: clamp(3.2rem, 18vw, 4.8rem);
font-size: clamp(3.6rem, 18vw, 5.2rem);
}
.hero-metrics {