Hero issue fixes and visual changes

This commit is contained in:
2026-10-01 11:21:08 +03:30
parent c33a757af4
commit 5147c661f0
20 changed files with 678 additions and 117 deletions
+26 -4
View File
@@ -54,10 +54,14 @@ html.lenis, html.lenis body { height: auto; }
}
@keyframes marquee {
to { transform: translateX(-50%); }
from { transform: translate3d(0, 0, 0); }
to { transform: translate3d(-50%, 0, 0); }
}
.animate-marquee {
animation: marquee var(--marquee-duration, 24s) linear infinite;
animation: marquee var(--marquee-duration, 28s) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.animate-marquee { animation: none; }
}
@keyframes blink {
@@ -72,14 +76,32 @@ html.lenis, html.lenis body { height: auto; }
.animate-spin-slow { animation: spin-slow 18s linear infinite; }
@keyframes fade-up {
from { opacity: 0; transform: translateY(24px); }
from { opacity: 0; transform: translateY(28px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-up {
animation: fade-up 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
animation: fade-up 1s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes scroll-line {
0% { transform: scaleY(0); transform-origin: top; opacity: 0; }
40% { transform: scaleY(1); transform-origin: top; opacity: 1; }
60% { transform: scaleY(1); transform-origin: bottom; opacity: 1; }
100% { transform: scaleY(0); transform-origin: bottom; opacity: 0; }
}
.animate-scroll-line {
animation: scroll-line 1.8s ease-in-out infinite;
}
.text-outline {
-webkit-text-stroke: 1.5px rgba(242, 242, 238, 0.22);
color: transparent;
}
/* Persian accent — volt + lighter weight (Instrument Serif has no Arabic glyphs) */
.font-accent {
font-family: "IRANSans", ui-sans-serif, system-ui, sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: -0.01em;
}