/* 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--flow .flow{list-style:none;margin:0;padding:0;display:grid;gap:0}
.rail--flow .flow li{position:relative;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;animation:flowOn 7.5s ease-in-out infinite}
.rail--flow .flow li:nth-child(2){animation-delay:2.5s}
.rail--flow .flow li:nth-child(3){animation-delay:5s}
.rail--flow .flow li:not(:last-child){margin-bottom:19px}
.rail--flow .flow li:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-15px;width:11px;height:11px;margin-left:-6px;border-right:2px solid var(--line-2);border-bottom:2px solid var(--line-2);transform:rotate(45deg)}
.rail--flow .flow b{display:block;color:var(--aqua);font-size:.8rem;letter-spacing:.02em}
.rail--flow .flow span{display:block;color:var(--muted);font-size:.745rem;line-height:1.42}
@keyframes flowOn{0%,6%{border-color:var(--line);box-shadow:none;transform:translateY(0)}14%,30%{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px)}40%,100%{border-color:var(--line);box-shadow:none;transform:translateY(0)}}