.rs-projects{--rs-cyan:#17bfd0;--rs-ink:#07090b;position:relative;min-height:790px;padding:70px 0 42px;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(21,108,125,.22),transparent 32%),linear-gradient(135deg,#050607 0%,#0a0d10 55%,#030405 100%);color:#fff;isolation:isolate}
.rs-projects *{box-sizing:border-box}
.rs-projects a:link,.rs-projects a:visited,.rs-projects a:active{color:#fff;text-decoration:none}
.rs-projects__noise{position:absolute;inset:0;z-index:-1;opacity:.13;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.rs-projects__head{position:relative;z-index:70;width:min(430px,32vw);margin-left:max(28px,calc((100vw - 1200px)/2));pointer-events:none}
.rs-projects__eyebrow{margin:0 0 16px;color:var(--rs-cyan);font:600 12px/1.4 Arial,sans-serif;letter-spacing:.22em}
.rs-projects__head h2{margin:0;text-transform:uppercase;letter-spacing:-.055em;font-family:Impact,'Arial Narrow','Microsoft YaHei',sans-serif;line-height:.84}
.rs-projects__head h2 span{display:block;color:#fff;font-size:clamp(46px,5vw,76px);font-family:'Microsoft YaHei',Arial,sans-serif;font-weight:900;letter-spacing:-.08em;line-height:1}
.rs-projects__head h2 strong{display:block;color:#fff;font-size:clamp(62px,7.6vw,118px);font-weight:500}
.rs-projects__intro{max-width:390px;margin:22px 0 0;color:rgba(255,255,255,.64);font:400 15px/1.8 'Microsoft YaHei',Arial,sans-serif}
.rs-projects__stage{position:absolute;z-index:20;inset:28px 0 104px 300px;outline:none;touch-action:pan-y;cursor:grab}
.rs-projects__stage:active{cursor:grabbing}
.rs-projects__stage:focus-visible{box-shadow:inset 0 0 0 2px var(--rs-cyan)}
.rs-projects__deck{position:absolute;inset:0}
.rs-project-card{--x:0px;--y:0px;--scale:1;--rotate:0deg;--opacity:1;--z:1;position:absolute;left:52%;top:52%;z-index:var(--z);display:block;width:clamp(235px,24vw,330px);aspect-ratio:384/564;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#101417;color:#fff;opacity:var(--opacity);transform:translate3d(calc(-50% + var(--x)),calc(-50% + var(--y)),0) rotate(var(--rotate)) scale(var(--scale));transform-origin:50% 80%;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .5s ease,border-color .4s ease,filter .5s ease;box-shadow:0 30px 70px rgba(0,0,0,.44);will-change:transform;filter:saturate(.76) brightness(.62)}
.rs-project-card:hover,.rs-project-card[aria-current="true"]{border-color:rgba(23,191,208,.72)}
.rs-project-card[aria-current="true"]{filter:saturate(1.08) brightness(1)}
.rs-project-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.15s cubic-bezier(.16,1,.3,1)}
.rs-project-card[aria-current="true"]:hover img{transform:scale(1.045)}
.rs-project-card__number{position:absolute;z-index:4;top:14px;left:16px;font:600 11px/1 Arial,sans-serif;letter-spacing:.24em;text-shadow:0 1px 5px #000}
.rs-project-card__shade{position:absolute;z-index:2;inset:0;background:linear-gradient(to bottom,transparent 28%,rgba(2,4,6,.12) 46%,rgba(2,4,6,.96) 100%)}
.rs-project-card__copy{position:absolute;z-index:3;left:20px;right:20px;bottom:20px;text-align:left;text-transform:uppercase}
.rs-project-card__copy small{display:block;margin-bottom:7px;color:var(--rs-cyan);font:600 10px/1.3 Arial,sans-serif;letter-spacing:.16em}
.rs-project-card__copy strong{display:block;color:#fff;font:500 clamp(25px,2.25vw,38px)/.95 Impact,'Arial Narrow','Microsoft YaHei',sans-serif;letter-spacing:.01em;text-shadow:0 2px 12px #000}
.rs-project-card__copy em{display:block;margin-top:10px;color:rgba(255,255,255,.66);font:normal 10px/1.3 Arial,sans-serif;letter-spacing:.15em}
.rs-projects__control{position:absolute;z-index:80;left:max(28px,calc((100vw - 1200px)/2));right:max(28px,calc((100vw - 1200px)/2));bottom:38px;display:flex;align-items:center;gap:14px}
.rs-projects__arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(255,255,255,.03);color:#fff;font:20px/1 Arial,sans-serif;cursor:pointer;transition:.25s ease}
.rs-projects__arrow:hover:not(:disabled),.rs-projects__arrow:focus-visible{border-color:var(--rs-cyan);background:var(--rs-cyan);color:#041012;outline:none}
.rs-projects__arrow:disabled{opacity:.3;cursor:not-allowed}
.rs-projects__progress{width:clamp(90px,12vw,180px);height:1px;background:rgba(255,255,255,.18);overflow:hidden}
.rs-projects__progress span{display:block;width:20%;height:100%;background:var(--rs-cyan);transform-origin:left;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.rs-projects__counter{min-width:64px;color:rgba(255,255,255,.7);font:600 11px/1 Arial,sans-serif;letter-spacing:.14em}
.rs-projects__all{margin-left:auto;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.35);color:#fff;font:600 12px/1 'Microsoft YaHei',Arial,sans-serif;letter-spacing:.12em;transition:.25s ease}
.rs-projects__all:hover{border-color:var(--rs-cyan);color:var(--rs-cyan)}
.rs-projects__all span{padding-left:8px}
.rs-projects__hint{position:absolute;z-index:75;right:max(28px,calc((100vw - 1200px)/2));top:44px;margin:0;color:rgba(255,255,255,.32);font:10px/1.4 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.rs-projects__hint span{color:rgba(255,255,255,.58)}
@media(max-width:900px){.rs-projects{min-height:760px;padding-top:52px}.rs-projects__head{width:45vw;margin-left:24px}.rs-projects__stage{inset:100px 0 100px 145px}.rs-project-card{width:clamp(220px,36vw,290px)}.rs-projects__hint{display:none}.rs-projects__control{left:24px;right:24px}.rs-projects__intro{font-size:14px}.rs-projects__head h2 span{font-size:42px}.rs-projects__head h2 strong{font-size:70px}}
@media(max-width:620px){.rs-projects{min-height:760px;padding:36px 0 32px}.rs-projects__head{position:relative;width:auto;margin:0 20px}.rs-projects__head h2{display:flex;align-items:baseline;gap:10px}.rs-projects__head h2 span{font-size:34px;letter-spacing:-.06em}.rs-projects__head h2 strong{font-size:46px}.rs-projects__intro{display:none}.rs-projects__eyebrow{margin-bottom:10px}.rs-projects__stage{position:relative;inset:auto;height:520px;margin-top:14px}.rs-project-card{left:50%;top:50%;width:min(74vw,282px)}.rs-projects__control{position:relative;left:auto;right:auto;bottom:auto;margin:4px 20px 0;gap:10px}.rs-projects__progress{flex:1}.rs-projects__all{position:absolute;right:0;top:58px}.rs-projects__hint{display:none}}
@media(prefers-reduced-motion:reduce){.rs-project-card,.rs-project-card img,.rs-projects__progress span{transition-duration:.01ms!important}.rs-projects__stage{scroll-behavior:auto}}