Remove all prefers-reduced-motion blocks — broke animations on Steam Deck
Changes
@@@ -163,9 +163,6 @@transition: opacity 0.8s ease;}.hero__portrait-img--a { opacity: 1; }-- @media (prefers-reduced-motion: reduce) {-- .hero__portrait-img { transition: none; }-- }.hero__portrait-tag {margin-top: 14px; text-align: center;color: var(--dim); font-size: .8rem;@@@ -158,16 +158,3 @@ section { padding: clamp(60px, 10vw, 120px) 0; position: relative; }will-change: opacity, transform;}[data-reveal].in { opacity: 1; transform: none; }----@media (prefers-reduced-motion: reduce) {-- *, *::before, *::after {-- animation: none !important;-- transition-duration: 0.01s !important;-- }-- /* Tech marquee is informational, not distracting — keep it scrolling */-- .marquee__track {-- animation: scroll 120s linear infinite !important;-- }-- [data-reveal] { opacity: 1; transform: none; }-- html { scroll-behavior: auto; }--}
@@ -163,9 +163,6 @@
@@ -163,9 +163,6 @@
transition: opacity 0.8s ease;
transition: opacity 0.8s ease;
}
}
.hero__portrait-img--a { opacity: 1; }
.hero__portrait-img--a { opacity: 1; }
- @media (prefers-reduced-motion: reduce) {
- .hero__portrait-img { transition: none; }
- }
.hero__portrait-tag {
.hero__portrait-tag {
margin-top: 14px; text-align: center;
margin-top: 14px; text-align: center;
color: var(--dim); font-size: .8rem;
color: var(--dim); font-size: .8rem;
@@ -158,16 +158,3 @@ section { padding: clamp(60px, 10vw, 120px) 0; position: relative; }
@@ -158,16 +158,3 @@ section { padding: clamp(60px, 10vw, 120px) 0; position: relative; }
will-change: opacity, transform;
will-change: opacity, transform;
}
}
[data-reveal].in { opacity: 1; transform: none; }
[data-reveal].in { opacity: 1; transform: none; }
-
-@media (prefers-reduced-motion: reduce) {
- *, *::before, *::after {
- animation: none !important;
- transition-duration: 0.01s !important;
- }
- /* Tech marquee is informational, not distracting — keep it scrolling */
- .marquee__track {
- animation: scroll 120s linear infinite !important;
- }
- [data-reveal] { opacity: 1; transform: none; }
- html { scroll-behavior: auto; }
-}