/* Hero rail - shared skeleton. Theme-safe on both token systems. */
.hero__shot{position:relative}
.hero__rail{margin-top:22px;padding-top:18px;border-top:1px solid var(--line, rgba(128,128,128,.35))}
.hero__rail-h{margin:0 0 12px;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--aqua, var(--azure, var(--violet-2, currentColor)))}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero__shot img{animation:heroFloat 6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hero__shot img,.hero__rail *{animation:none!important}.hero__rail *{opacity:1!important;transform:none!important}}

.rail--chips .rl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.rail--chips .rl li{padding:12px 11px;border-radius:13px;background:var(--paper-2, var(--ink-2, rgba(128,128,128,.07)));border:1px solid var(--line, rgba(128,128,128,.35));text-align:center;animation:chipOn 7s ease-in-out infinite}
.rail--chips .rl li:nth-child(2){animation-delay:1.75s}
.rail--chips .rl li:nth-child(3){animation-delay:3.5s}
.rail--chips .rl li:nth-child(4){animation-delay:5.25s}
.rail--chips .rl b{display:block;color:var(--aqua, var(--azure, var(--violet-2, currentColor)));font-size:.98rem;line-height:1.15}
.rail--chips .rl span{display:block;color:var(--muted, currentColor);font-size:.71rem;margin-top:3px;line-height:1.3}
@keyframes chipOn{0%,5%{border-color:var(--line, rgba(128,128,128,.35));transform:scale(1)}12%,26%{border-color:var(--aqua, var(--azure, var(--violet-2, currentColor)));transform:scale(1.04)}34%,100%{border-color:var(--line, rgba(128,128,128,.35));transform:scale(1)}}