.iaLayer-testv1 { position: relative; overflow: hidden; background: var(--tv1-bg, var(--ia-color-surface, #ffffff)); padding: 48px 0; } .iaLayer-testv1 .tv1-label { text-align: center; font-family: var(--ia-font-body, inherit); color: var(--ia-color-text-soft, #6b6b76); font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 20px; } .iaLayer-testv1 .tv1-marquee { width: 100%; overflow: hidden; white-space: nowrap; } .iaLayer-testv1 .tv1-track { display: inline-flex; align-items: center; gap: 32px; animation: iaLayer-testv1-scroll var(--tv1-speed, 20s) linear infinite; will-change: transform; } .iaLayer-testv1 .tv1-item { font-family: var(--ia-font-heading, inherit); font-weight: 800; font-size: clamp(28px, 5vw, 56px); text-transform: uppercase; color: var(--tv1-text, var(--ia-color-text-soft, #d8d8de)); line-height: 1; white-space: nowrap; } .iaLayer-testv1 .tv1-marquee[data-style="outline"] .tv1-item { color: transparent; -webkit-text-stroke: 1px var(--tv1-text, #d8d8de); } .iaLayer-testv1 .tv1-link { color: inherit; text-decoration: none; } .iaLayer-testv1 .tv1-star { color: var(--tv1-accent, var(--ia-color-primary, #EA6144)); font-size: 22px; display: inline-flex; align-items: center; } .iaLayer-testv1 .tv1-star svg { width: 1em; height: 1em; fill: currentColor; } .iaLayer-testv1 .tv1-decor { position: absolute; pointer-events: none; z-index: 1; } .iaLayer-testv1 .tv1-decor--1 { left: 6%; bottom: 10%; width: 90px; } .iaLayer-testv1 .tv1-decor--2 { right: 6%; top: 14%; width: 90px; } .iaLayer-testv1 .tv1-decor-img { width: 100%; height: auto; display: block; } @keyframes iaLayer-testv1-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (max-width: 600px) { .iaLayer-testv1 .tv1-decor { display: none; } .iaLayer-testv1 .tv1-item { font-size: 32px; } }