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 {