.beam{pointer-events:none;z-index:5;mix-blend-mode:screen;background:linear-gradient(130deg,#0000 43%,#ffffff09 49%,#ffffff1f 55%,#ffffff09 61%,#0000 67%);height:100vh;animation:2.4s ease-out both beam-in;display:none;position:absolute;inset:-.5rem 0 auto;-webkit-mask-image:linear-gradient(#000 0%,#00000080 50%,#00000040 75%,#0000 85%);mask-image:linear-gradient(#000 0%,#00000080 50%,#00000040 75%,#0000 85%)}@media (min-width:768px){.beam{display:block}}@keyframes beam-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.beam{animation:none}}
.rail-track{--rail-gap:12px;--rail-step:5.33s;will-change:transform;animation:rail-up calc(var(--rail-count) * var(--rail-step)) linear infinite;flex-direction:column;display:flex}.rail-track[data-direction=down]{--rail-step:5.54s;animation-name:rail-down}.rail-copy{gap:var(--rail-gap);padding-bottom:var(--rail-gap);flex-direction:column;display:flex}@keyframes rail-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes rail-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.rail-tile{aspect-ratio:1;background-color:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);transition:translate .3s var(--ease-out-expo), scale .3s var(--ease-out-expo), box-shadow .3s var(--ease-out-expo);border-radius:20.5%;flex:none;position:relative;overflow:hidden}.rail-tile img{object-fit:cover;width:100%;height:100%;display:block}.rail-tile:hover{z-index:1;translate:0 -4px;scale:1.04;box-shadow:0 0 0 1px #ffffff47,0 10px 30px -8px #000000e6,0 0 28px #ffffff2e}a.rail-tile{cursor:pointer;display:block}a.rail-tile:hover{z-index:3;box-shadow:0 10px 30px -8px #000000e6}.rail-caption{opacity:0;transition:opacity .25s var(--ease-out-expo), translate .25s var(--ease-out-expo);pointer-events:none;background:linear-gradient(#0000,#000000b3 55%,#000000eb);flex-direction:column;align-items:flex-start;gap:6px;padding:40% 12% 11%;display:flex;position:absolute;inset:auto 0 0;translate:0 8px}a.rail-tile:hover .rail-caption{opacity:1;translate:0}.rail-caption-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:#fff;font-size:13px;font-weight:700;line-height:1.15}.rail-caption-count{color:#fff;background:#ffffff24;border-radius:8px;padding:3px 9px;font-size:11px;font-weight:600}@media (prefers-reduced-motion:reduce){.rail-caption{translate:none}}.rail-stage{perspective:1400px;perspective-origin:50%;padding-block:24px;position:absolute;inset:0;container-type:inline-size}.rail-tilt{transform-origin:50% 2045px;height:calc(100% + 15rem);transform:rotateY(-14deg)rotate(1.5deg)scale(1.04)}.rail{--rail-row:calc(50cqw - 6px);--rail-fade:calc(var(--rail-row) * 24 * .12);height:100%;-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--rail-fade));mask-image:linear-gradient(to bottom, transparent, #000 var(--rail-fade));margin-inline:-24px;padding-inline:36px;position:relative;overflow:hidden}.rail-stage[data-side=right] .rail{--rail-fade:calc(var(--rail-row) * 26 * .12)}.rail-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.rail:hover .rail-track,.rail-row:hover .rail-track{animation-play-state:paused}.rail-scrim{z-index:2;pointer-events:none;background:var(--color-bg);opacity:.18;-webkit-mask-image:radial-gradient(circle 200px at var(--mx,50%) var(--my,-600px), rgb(0 0 0/calc(1 - .75 * var(--near,0))) 0%, #000 76%), linear-gradient(90deg, transparent, #000 36px, #000 calc(100% - 36px), transparent);mask-image:radial-gradient(circle 200px at var(--mx,50%) var(--my,-600px), rgb(0 0 0/calc(1 - .75 * var(--near,0))) 0%, #000 76%), linear-gradient(90deg, transparent, #000 36px, #000 calc(100% - 36px), transparent);position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.rail-row{margin-block:-24px;padding-block:24px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.rail-row .rail-track{--rail-step:3.9s;flex-direction:row;width:max-content;animation-name:rail-left}.rail-row .rail-track[data-direction=right]{animation-name:rail-right}.rail-row .rail-copy{padding-bottom:0;padding-right:var(--rail-gap);flex-direction:row}.rail-row .rail-tile{width:7rem}@keyframes rail-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes rail-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.rail-track,.rail-track[data-direction],.rail-row .rail-track,.rail-row .rail-track[data-direction]{animation:none}.rail-tilt{transform:none}.rail-copy[data-duplicate=true]{display:none}.rail-tile:hover{translate:none;scale:none}}