/* Hero rail - shared skeleton. The variant block below is unique to this site. */
.hero__shot{position:relative}
.hero__rail{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.hero__rail-h{margin:0 0 12px;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--aqua)}
@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--versus .vs{width:100%;border-collapse:collapse;font-size:.78rem}
.rail--versus .vs tr{border-bottom:1px solid var(--line)}
.rail--versus .vs tr:last-child{border-bottom:0}
.rail--versus th{text-align:left;font-weight:600;color:var(--muted);font-size:.72rem;padding:9px 8px 9px 0;white-space:nowrap}
.rail--versus td{padding:9px 8px;text-align:center;width:33%}
.rail--versus .vs__a{background:rgba(245,130,42,.1);color:var(--navy);font-weight:700;border-radius:8px;animation:vsGlow 6s ease-in-out infinite}
.rail--versus .vs tr:nth-child(2) .vs__a{animation-delay:2s}
.rail--versus .vs tr:nth-child(3) .vs__a{animation-delay:4s}
.rail--versus .vs__b{color:var(--muted)}
.rail--versus .vs__key{display:flex;align-items:center;gap:6px;margin:11px 0 0;font-size:.7rem;color:var(--muted)}
.rail--versus .vs__key i{width:10px;height:10px;border-radius:3px;background:var(--teal);display:inline-block}
.rail--versus .vs__key i.vs__key--b{background:var(--line-2);margin-left:10px}
@keyframes vsGlow{0%,6%{background:rgba(245,130,42,.1)}14%,28%{background:rgba(245,130,42,.26)}38%,100%{background:rgba(245,130,42,.1)}}
