/* CR-PEX-015: swipeable cinematic product worlds. */
.experience-rail-wrap{position:relative}
.experience-grid{display:flex;gap:18px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(0px,7vw,92px);padding:12px clamp(0px,7vw,92px) 30px;margin-inline:calc(clamp(0px,7vw,92px) * -1);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#4fd5d0 #0a2631;-webkit-overflow-scrolling:touch}
.experience-grid::-webkit-scrollbar{height:8px}.experience-grid::-webkit-scrollbar-track{background:#0a2631}.experience-grid::-webkit-scrollbar-thumb{background:#4fd5d0;border-radius:999px}
.experience-card{flex:0 0 clamp(300px,72vw,760px);min-height:clamp(420px,53vw,620px);scroll-snap-align:center;scroll-snap-stop:always;isolation:isolate;transition:transform .38s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s,opacity .3s;box-shadow:0 18px 46px #00000045}
.card-image{position:absolute;z-index:-3;inset:0;background:var(--card-image) center/cover no-repeat;transform:scale(1.02);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .55s}
.experience-card:before{z-index:-2;background:linear-gradient(180deg,#03121e0d 0%,#04182073 38%,#041820f7 100%),linear-gradient(105deg,var(--card-wash) 0%,transparent 72%);opacity:1}
.experience-card:after{content:"";position:absolute;z-index:-1;inset:14px;border:1px solid #ffffff32;pointer-events:none;transition:inset .3s,border-color .3s,box-shadow .3s}
.experience-card:hover,.experience-card:focus-visible{transform:translateY(-8px) scale(1.008);border-color:var(--card-accent);box-shadow:0 30px 65px #00000066;outline:3px solid transparent}
.experience-card:hover .card-image,.experience-card:focus-visible .card-image{transform:scale(1.095);filter:saturate(1.12) contrast(1.04)}
.experience-card:hover:after,.experience-card:focus-visible:after{inset:10px;border-color:#ffffff82;box-shadow:inset 0 0 42px #ffffff0b}
.number,.card-name,.card-detail,.card-action{z-index:1}.number{color:var(--card-accent)}.card-name{margin-top:auto}
.experience-card strong{max-width:13ch;font-size:clamp(2rem,4.2vw,4rem);line-height:.96;text-wrap:balance}
.card-detail{position:relative;margin-top:16px;color:#dce9e8;font:500 .64rem/1.45 "DM Mono",monospace;letter-spacing:.025em}
.card-action{margin-top:22px;align-items:center;width:max-content;gap:14px;padding:10px 12px 10px 15px;border:1px solid #ffffff42;background:#03172266;backdrop-filter:blur(8px);transition:background .25s,border-color .25s,transform .25s}
.card-action b{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;font-size:1.1rem;line-height:1;transition:transform .25s,background .25s}
.experience-card:hover .card-action,.experience-card:focus-visible .card-action{background:#04141fd9;border-color:var(--card-accent);transform:translateX(3px)}
.experience-card:hover .card-action b,.experience-card:focus-visible .card-action b{transform:translateX(3px);background:var(--card-accent);color:var(--ink);border-color:var(--card-accent)}

/* CR-PEX-031: CloudRiver primary solution CTA standard. */
.card-action.discover-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;padding:7px 8px 7px 20px;border:1px solid color-mix(in srgb,var(--card-accent) 42%,#ffffff 12%);border-radius:999px;background:linear-gradient(135deg,#081f33e8,#103b5de6);box-shadow:0 14px 34px #0000003d,inset 0 1px 0 #ffffff18;color:#fff;font:700 .76rem/1 "DM Mono",monospace;letter-spacing:.035em;text-transform:none;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,border-color .28s,background .28s}
.card-action.discover-cta>span{white-space:nowrap}
.card-action.discover-cta b{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--card-accent) 65%,#ffffff 18%);border-radius:50%;background:#ffffff0d;color:var(--card-accent);font-size:1.05rem;line-height:1;transition:transform .28s cubic-bezier(.2,.7,.2,1),background .28s,color .28s,box-shadow .28s}
.experience-card:hover .card-action.discover-cta,.experience-card:focus-visible .card-action.discover-cta{transform:translateY(-2px);border-color:var(--card-accent);background:linear-gradient(135deg,#0a2942f2,#135078f0);box-shadow:0 18px 42px #00000052,0 0 0 1px color-mix(in srgb,var(--card-accent) 24%,transparent),inset 0 1px 0 #ffffff26}
.experience-card:hover .card-action.discover-cta b,.experience-card:focus-visible .card-action.discover-cta b{transform:translateX(3px) rotate(-3deg);background:var(--card-accent);color:#071b2a;box-shadow:0 7px 18px color-mix(in srgb,var(--card-accent) 32%,transparent)}

.rail-hint{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:2px 0 0;color:#a7c4ca;font:500 .66rem/1.3 "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase}.rail-hint span{color:#59ded6;font-size:1rem;animation:rail-nudge 1.8s ease-in-out infinite}
.route-card{--card-image:url('/media/route-city-intersection.png');--card-wash:#006d75aa;--card-accent:#43dbdb}.touch-card{--card-image:url('/media/touchlineup-bench.png');--card-wash:#1f692dbb;--card-accent:#b8df40}.home-card{--card-image:url('/media/homegains-hero.png');--card-wash:#0a6d71be;--card-accent:#82e8dc}.stable-card{--card-image:url('/media/stableconnect-hero.png');--card-wash:#72502bb3;--card-accent:#f1c778}
@keyframes rail-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media(min-width:1180px){.experience-card{flex-basis:min(72vw,760px)}.experience-grid:after{content:"";flex:0 0 8vw}}
@media(max-width:900px){.experience-grid{scroll-padding-inline:20px;padding-inline:20px;margin-inline:-20px}.experience-card{flex-basis:min(82vw,620px);min-height:470px}}
@media(max-width:470px){.experience-grid{gap:12px;padding-bottom:22px}.experience-card{flex-basis:86vw;min-height:430px;padding:22px 20px}.experience-card strong{font-size:clamp(1.9rem,10vw,2.65rem)}.card-name{margin-top:auto}.card-action.discover-cta{width:100%;max-width:100%;min-height:52px;padding-left:16px;font-size:.7rem;gap:12px}.card-action.discover-cta b{width:36px;height:36px;flex:0 0 36px}.rail-hint{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.experience-card,.card-image,.card-action,.card-action b{transition:none}.rail-hint span{animation:none}}