/* prilagodba heroja Kodijevoj V2 paleti: tinta #202224, papir #f4f5f6, crveni akcent #b62440; naslov Barlow */
.hero3d.kodi { --font-display: Barlow, 'Arial Narrow', sans-serif; --font-body: Arial, Helvetica, sans-serif; --accent: #b62440; --accent-ink: #8f1b32; --bg: #202224; --fg: #f4f5f6; --fg-2: #c9ccce; font-size: 16px; }
.hero3d.kodi h1 { font-weight: 600; text-transform: uppercase; letter-spacing: -0.018em; line-height: 0.88; font-size: clamp(3.2rem, 12vw, 13rem); }
.hero3d.kodi .btn { color: #fff; border-radius: 0; font-size: 14px; gap: 24px; padding: 15px 20px; min-height: 52px; }
.hero3d.kodi .btn span { font-size: 22px; line-height: 1; }
.hero3d.kodi .btn.ghost { color: #f4f5f6; border-color: #7a7d80; }
.hero3d.kodi .btn.ghost:hover { border-color: #f4f5f6; }
.hero3d.kodi .light .l1 { background: radial-gradient(circle at 50% 50%, rgba(182, 36, 64, 0.42) 0%, rgba(182, 36, 64, 0.14) 28%, rgba(0,0,0,0) 62%); }
.hero3d.kodi .laptop img { border-radius: 0; }
.hero3d.kodi .stage-note { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: #8e9086; }
/* traka: pet imena kao linkovi, na papiru s tankim linijama */
.marq { overflow: hidden; border-block: 1px solid #d0d3d5; padding: 16px 0; background: #f4f5f6; }
.marq > div { display: flex; gap: 3rem; width: max-content; font: 600 clamp(1.3rem, 3vw, 2.4rem)/1 Barlow, 'Arial Narrow', sans-serif; letter-spacing: -0.02em; white-space: nowrap; text-transform: uppercase; }
.marq a { color: #202224; text-decoration: none; }
.marq a:hover { color: #b62440; text-decoration: underline; text-underline-offset: 6px; }
.marq a::after { content: "·"; color: #b62440; margin-left: 3rem; }
@media (prefers-reduced-motion: no-preference) { .marq > div { animation: marq 36s linear infinite; } .marq:hover > div { animation-play-state: paused; } }
@keyframes marq { to { transform: translateX(-50%); } }