From d106661f680653e5274a40f74ce167a9aaf3ae3e Mon Sep 17 00:00:00 2001 From: Dorian Date: Tue, 5 May 2026 15:38:37 +0100 Subject: [PATCH] fix: remove hover state from hero wordmark The hero H1 swapped to paintGlossHover (and paintGlossWhiteHover for the white variant) on pointer hover, repositioning the specular lights. Drop both hover rules and the now-unused 0.6s filter transition so the painted wordmark holds its look regardless of pointer position. The hover-variant SVG filters stay in defs in case we want hover back later. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/styles.css | 15 ++------------- 1 file changed, 2 insertions(+), 13 deletions(-) diff --git a/src/styles.css b/src/styles.css index bf44b03..7fcacd2 100644 --- a/src/styles.css +++ b/src/styles.css @@ -204,7 +204,8 @@ html[lang="en"] .hero h1 { font-size: calc((100vw - 32px) / 5.2); } .brand-tm { font-size: clamp(24px, 2.8vw, 35px); } } -/* Glossy 3D paint effect on the brand title */ +/* Glossy 3D paint effect on the brand title — no hover state by design, + the wordmark holds its painted look regardless of pointer position. */ .hero h1.paint-3d { filter: url(#paintGloss); -webkit-filter: url(#paintGloss); @@ -215,14 +216,6 @@ html[lang="en"] .hero h1 { font-size: calc((100vw - 32px) / 5.2); } -webkit-text-fill-color: transparent; color: transparent; padding: 0.12em 0.08em 0.2em; - transition: filter 0.6s ease; -} -.hero h1.paint-3d:hover { - filter: url(#paintGlossHover); - -webkit-filter: url(#paintGlossHover); -} -@media (prefers-reduced-motion: reduce) { - .hero h1.paint-3d { transition: none; } } .hero-sub { position: relative; z-index: 1; @@ -627,10 +620,6 @@ body.paint-white .hero h1.paint-3d { -webkit-background-clip: text; background-clip: text; } -body.paint-white .hero h1.paint-3d:hover { - filter: url(#paintGlossWhiteHover); - -webkit-filter: url(#paintGlossWhiteHover); -} body.paint-white .cta-btn { color: #1A1A18; } body.paint-white .cta-btn:hover { color: #060604; } body.paint-white .cta-btn::before {