.horizon-river{position:relative;width:100vw;left:50%;transform:translateX(-50%);padding:110px 0 120px;overflow:hidden;color:#f5f5f7;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#50122f35,transparent 65%)}.river-heading{text-align:center;width:min(1000px,calc(100% - 40px));margin:0 auto 54px}.river-heading h2{font-size:clamp(36px,5vw,68px);line-height:1.06;letter-spacing:-.045em;margin:0 0 20px}.river-heading p{color:#cbbcc5;font-size:18px;margin:0}.river-viewport{overflow:hidden;margin-top:22px}.river-track{display:flex;width:max-content;animation:river-drift var(--river-duration,90s) linear infinite;will-change:transform}.river-group{display:flex;gap:22px;padding-right:22px;flex:none}.river-viewport:nth-child(3) .river-track{animation-delay:-22s}.river-card{position:relative;flex:none;width:430px;height:260px;border:1px solid #ffffff20;border-radius:19px;overflow:hidden;cursor:pointer;color:#fff;text-align:left;background:radial-gradient(ellipse at 85% 15%,var(--tile-color),#100c13 95%);font:inherit;isolation:isolate;transition:border-color .2s,box-shadow .2s}.river-art{position:absolute;right:30px;top:25px;width:180px;height:auto;max-width:none;transform:rotate(0deg);filter:drop-shadow(0 12px 20px #0008);transition:transform .35s}.river-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08040bef 0%,#08040b66 40%,transparent 75%);z-index:-1}.river-art{z-index:-2}.river-caption{position:absolute;bottom:28px;left:26px;right:26px;display:flex;flex-direction:column;gap:7px;padding-right:80px}.river-caption small{font-size:10px;letter-spacing:.12em;color:#ead4e0}.river-caption strong{font-size:26px;line-height:1.08;letter-spacing:-.03em}.river-action{position:absolute;top:20px;left:22px;padding:7px 11px;border:1px solid #ffffff85;border-radius:20px;background:#120b1699;font-size:12px;font-weight:650;backdrop-filter:blur(10px)}.river-card:hover{border-color:#ff93c3;box-shadow:inset 0 0 0 1px #ff93c3}.river-card:hover .river-art{transform:translateY(-8px)}.horizon-river:hover .river-track,.river-paused .river-track{animation-play-state:paused}.river-card:focus-visible{outline:3px solid #ff93c3;outline-offset:-5px}.river-viewport:has(:focus-visible){overflow-x:auto}.river-viewport:has(:focus-visible) .river-track{animation:none;transform:none}.river-viewport:has(:focus-visible) .river-group[aria-hidden]{display:none}.river-dialog{width:min(540px,calc(100% - 32px));max-height:85svh;overflow:auto;border:1px solid #ffffff30;border-radius:28px;padding:55px 38px 38px;background:#201b21;color:#f5f5f7;box-shadow:0 30px 100px #000a}.river-dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.river-dialog-open{overflow:hidden}.river-close{position:absolute;right:15px;top:12px;border:0;border-radius:50%;width:36px;height:36px;background:#ffffff15;color:white;font-size:28px;line-height:1;cursor:pointer}.river-dialog-eyebrow{color:#ff88bd;font-size:12px;font-weight:650;margin:0 0 15px}.river-dialog h2{font-size:38px;line-height:1.08;letter-spacing:-.04em;margin:0 0 20px}.river-dialog #river-dialog-description{color:#d2c6ce;font-size:17px;line-height:1.55;margin:0 0 28px}.river-download{display:inline-flex;justify-content:center;background:#ed1473;color:#fff!important;border-radius:30px;padding:14px 24px;font-size:16px;font-weight:700;text-decoration:none}.river-close:focus-visible,.river-download:focus-visible{outline:3px solid #ffb8d8;outline-offset:4px}@keyframes river-drift{to{transform:translateX(var(--river-distance))}}@media(max-width:734px){.horizon-river{padding:75px 0 85px}.river-heading{margin-bottom:35px}.river-heading p{font-size:16px}.river-card{width:300px;height:205px;border-radius:16px}.river-group{gap:14px;padding-right:14px}.river-viewport{margin-top:14px}.river-art{width:140px;right:15px;top:20px}.river-caption{left:20px;bottom:23px;padding-right:20px}.river-caption strong{font-size:23px}.river-action{top:16px;left:18px;font-size:11px}.river-dialog{padding:55px 26px 30px}.river-dialog h2{font-size:32px}}@media(prefers-reduced-motion:reduce){.river-track{animation:none;transform:none;will-change:auto}.river-viewport{overflow-x:auto}.river-group[aria-hidden]{display:none}.river-card,.river-art{transition:none}}
.river-viewport:has(:focus-visible):not(.river-keyboard):not(:has(:focus-visible)){overflow-x:hidden}.river-viewport:has(:focus-visible):not(.river-keyboard):not(:has(:focus-visible)) .river-track{animation:river-drift var(--river-duration,90s) linear infinite}.river-viewport:has(:focus-visible):not(.river-keyboard):not(:has(:focus-visible)) .river-group[aria-hidden]{display:flex}
