.rd{--rd-rgb: 212, 21, 20;--rd-accent: #D41514;--rd-w: 160px;--rd-h: 284px;--rd-dw: clamp(220px, 27vw, 360px);--rd-dh: clamp(340px, 68vh, 600px);position:relative;z-index:2;background:#050505;color:#f4f5f7}.rd *,.rd *:before,.rd *:after{box-sizing:border-box}.rd.is-ready{height:calc(var(--rd-total, 400) * 1vh)}.rd.is-ready .rd__pin{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh}.rd__stage{position:relative;width:100%;height:100%;overflow:hidden;background:#050505;isolation:isolate}html.rd-active.sz4-snap{scroll-snap-type:none}.rd__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.55;background:radial-gradient(ellipse 55% 60% at 50% 52%,rgba(var(--rd-rgb),.32),transparent 70%),radial-gradient(ellipse 80% 55% at 50% 112%,rgba(255,255,255,.08),transparent 70%),radial-gradient(1100px 700px at 75% 8%,#17181c,transparent 60%)}.rd__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.78) 100%)}.rd__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;perspective:1100px;perspective-origin:50% 50%}.rd__world{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.rd__portal{position:absolute;left:50%;top:50%;width:var(--rd-dw);height:var(--rd-dh);margin:calc(var(--rd-dh) / -2) 0 0 calc(var(--rd-dw) / -2);border-radius:8px 8px 0 0;opacity:0;transform:translateZ(-260px) scale(1.24);background:radial-gradient(ellipse at 50% 62%,#fff 0,rgba(var(--rd-rgb),.95) 24%,rgba(var(--rd-rgb),.4) 58%,rgba(var(--rd-rgb),0) 82%);box-shadow:0 0 140px 40px rgba(var(--rd-rgb),.45)}.rd__door{position:absolute;left:50%;top:50%;width:var(--rd-dw);height:var(--rd-dh);margin:calc(var(--rd-dh) / -2) 0 0 calc(var(--rd-dw) / -2);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none}.rd__frame{position:absolute;left:-16px;right:-16px;top:-16px;bottom:0;border:16px solid #17181c;border-bottom:0;border-radius:14px 14px 0 0;box-shadow:inset 0 0 0 1px #fff3,0 0 0 1px #ffffff14,0 0 70px rgba(var(--rd-rgb),.3)}.rd__door:after{content:"";position:absolute;left:-30%;right:-30%;bottom:-20px;height:40px;background:radial-gradient(ellipse at center,rgba(var(--rd-rgb),.4),transparent 70%)}.rd__leaf{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(180deg,#2a2c33,#14151a 52%,#0c0c0f);border:1px solid rgba(255,255,255,.16);-webkit-backface-visibility:visible;backface-visibility:visible;will-change:transform}.rd__leaf--l{left:0;transform-origin:0 50%;border-radius:6px 0 0}.rd__leaf--r{right:0;transform-origin:100% 50%;border-radius:0 6px 0 0}.rd__leaf i{position:absolute;left:12%;right:12%;top:8%;bottom:8%;border:1px solid rgba(255,255,255,.16);border-radius:4px;box-shadow:inset 0 0 26px #000000a6,0 0 0 1px #00000080;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 45%)}.rd__leaf:after{content:"";position:absolute;top:50%;width:6px;height:clamp(54px,10vh,92px);margin-top:calc(clamp(54px,10vh,92px)/-2);border-radius:6px;background:linear-gradient(180deg,#fff,#8c919a);box-shadow:0 0 16px rgba(var(--rd-rgb),.65)}.rd__leaf--l:after{right:9px}.rd__leaf--r:after{left:9px}.rd__phone{position:absolute;left:50%;top:50%;width:var(--rd-w);height:var(--rd-h);margin:calc(var(--rd-h) / -2) 0 0 calc(var(--rd-w) / -2);opacity:0;visibility:hidden;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rd__phone-in{position:relative;width:100%;height:100%;overflow:hidden;border-radius:clamp(18px,2.2vw,30px);border:3px solid #f4f5f7;background:#0c0c0e;box-shadow:0 0 0 1px #ffffff40,0 26px 60px #000000a6,0 0 44px rgba(var(--rd-rgb),.2);-webkit-mask-image:-webkit-radial-gradient(white,black);animation:rdFloat 6s ease-in-out infinite}.rd__phone-in:before{content:"";position:absolute;left:50%;top:8px;width:26%;height:5px;margin-left:-13%;border-radius:4px;background:#0000008c;z-index:3}.rd__phone-in:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 34%)}.rd__media{display:block;width:100%;height:100%;object-fit:cover;background:#0c0c0e}@keyframes rdFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.rd__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:none;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;border:0;cursor:pointer;background:#00000052;-webkit-tap-highlight-color:transparent}.rd__play i{display:block;width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:#00000073;position:relative}.rd__play i:before{content:"";position:absolute;left:50%;top:50%;margin:-11px 0 0 -7px;width:0;height:0;border-left:20px solid #ffffff;border-top:11px solid transparent;border-bottom:11px solid transparent}.rd__phone.is-blocked .rd__play{display:flex}.rd__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:16px;background:radial-gradient(120% 70% at 30% 0%,rgba(var(--rd-rgb),.55),transparent 60%),linear-gradient(165deg,#23252c,#0c0c0f 70%)}.rd__ph:before{content:"";position:absolute;left:50%;top:46%;width:0;height:0;margin:-22px 0 0 -12px;border-left:36px solid rgba(255,255,255,.92);border-top:22px solid transparent;border-bottom:22px solid transparent}.rd__ph:after{content:"";position:absolute;left:50%;top:46%;width:82px;height:82px;margin:-41px 0 0 -41px;border:2px solid rgba(255,255,255,.5);border-radius:50%}.rd__ph span{display:block;width:62%;height:8px;border-radius:6px;background:#ffffff80;box-shadow:0 -16px #ffffff42}.rd__copy{position:absolute;left:50%;top:50%;z-index:4;width:min(40vw,520px);transform:translate(-50%,-50%);text-align:center;pointer-events:none}.rd__slides{display:grid}.rd__slide{grid-area:1 / 1;opacity:0;transform:perspective(900px) rotateX(-32deg) translateY(34px);transform-origin:50% 100%;transition:opacity .4s ease,transform .6s cubic-bezier(.22,1,.36,1)}.rd__slide[data-st=on]{opacity:1;transform:none;transition-delay:.05s}.rd__slide[data-st=past]{opacity:0;transform:perspective(900px) rotateX(32deg) translateY(-34px);transform-origin:50% 0}.rd__title{margin:0 0 16px;font:700 clamp(1.5rem,2.7vw,2.5rem) / 1.12 var(--ff-head, "Space Grotesk", system-ui, sans-serif);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.7),0 0 30px rgba(var(--rd-rgb),.25)}.rd__title:after{content:"";display:block;width:44px;height:3px;margin:16px auto 0;border-radius:3px;background:var(--rd-accent)}.rd__text{margin:0;font-size:clamp(.84rem,1vw,.98rem);line-height:1.65;color:#cfd3da;text-shadow:0 1px 12px rgba(0,0,0,.8)}.rd__dots{display:flex;justify-content:center;gap:8px;margin-top:22px}.rd__dots i{width:7px;height:7px;border-radius:50%;background:#ffffff40;transition:transform .35s ease,background .35s ease}.rd__dots i.is-on{background:var(--rd-accent);transform:scale(1.4)}.rd__dots i:only-child{display:none}.rd__hint{position:absolute;left:50%;bottom:24px;z-index:5;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font:500 11px / 1 var(--ff-body, system-ui, sans-serif);letter-spacing:.22em;text-transform:uppercase;color:#9aa0a9;pointer-events:none}.rd__hint:after{content:"";width:1px;height:40px;background:linear-gradient(#ffffff,transparent);animation:rdDrip 2s ease-in-out infinite}@keyframes rdDrip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media(max-width:768px){.rd{--rd-dw: clamp(200px, 62vw, 300px);--rd-dh: clamp(320px, 60vh, 480px)}.rd__scene{perspective:900px;perspective-origin:50% 40%}.rd__copy{top:auto;bottom:clamp(52px,9vh,92px);width:calc(100% - 40px);transform:translate(-50%)}.rd__title{font-size:clamp(1.3rem,6vw,1.6rem);margin-bottom:10px}.rd__title:after{margin-top:12px}.rd__text{font-size:.84rem;line-height:1.55}.rd__dots{margin-top:16px}.rd__hint{bottom:18px}.rd__phone-in{border-radius:20px;border-width:2px;-webkit-mask-image:none;mask-image:none;animation:none}.rd__media{border-radius:17px}.rd__play i{width:44px;height:44px}.rd__play i:before{margin:-9px 0 0 -5px;border-left-width:16px;border-top-width:9px;border-bottom-width:9px}}@media(hover:none)and (pointer:coarse){.rd__phone-in{-webkit-mask-image:none;mask-image:none;animation:none}.rd__media{border-radius:inherit}}@media(max-height:520px){.rd{--rd-dw: clamp(180px, 30vw, 260px);--rd-dh: clamp(200px, 70vh, 360px)}}.rd:not(.is-ready) .rd__stage{height:auto;overflow:visible;padding:80px 18px}.rd:not(.is-ready) .rd__scene,.rd:not(.is-ready) .rd__world{position:static;perspective:none}.rd:not(.is-ready) .rd__world{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.rd:not(.is-ready) .rd__door,.rd:not(.is-ready) .rd__portal,.rd:not(.is-ready) .rd__hint,.rd:not(.is-ready) .rd__dots{display:none}.rd:not(.is-ready) .rd__phone{position:relative;left:auto;top:auto;margin:0;width:min(42vw,200px);height:auto;aspect-ratio:9 / 16;opacity:1;visibility:visible}.rd:not(.is-ready) .rd__copy{position:static;width:auto;max-width:520px;margin:28px auto 0;transform:none}.rd:not(.is-ready) .rd__slide{opacity:1;transform:none}.rd:not(.is-ready) .rd__slide:not(:first-child){display:none}@media(prefers-reduced-motion:reduce){.rd.is-ready{height:calc((var(--rd-total, 400) - var(--rd-door, 0)) * 1vh)}.rd__door,.rd__portal,.rd__hint{display:none}.rd__phone-in,.rd__hint:after{animation:none}.rd__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/softz-door-reels.css.map */