/* 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--rcpt .rl{margin:0;display:grid;gap:0}
.rail--rcpt .rl>div{display:flex;align-items:baseline;gap:8px;padding:9px 0;border-bottom:1px dashed var(--line-2, var(--line, rgba(128,128,128,.45)))}
.rail--rcpt .rl>div:last-child{border-bottom:0}
.rail--rcpt dt{color:var(--muted, currentColor);font-size:.745rem;white-space:nowrap}
.rail--rcpt dd{margin:0 0 0 auto;color:var(--navy, var(--text, currentColor));font-weight:700;font-size:.8rem;text-align:right;animation:rcptIn .55s ease both}
.rail--rcpt .rl>div:nth-child(2) dd{animation-delay:.12s}
.rail--rcpt .rl>div:nth-child(3) dd{animation-delay:.24s}
.rail--rcpt .rl>div:nth-child(4) dd{animation-delay:.36s}
@keyframes rcptIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}