#hero{position:relative;height:1300vh}#stage{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--blanket)}.ab{position:absolute;box-sizing:border-box}.L{position:absolute;top:0;right:0;bottom:0;left:0}.proj{position:absolute;left:50%;top:42%;transform-origin:50% 100%;pointer-events:none;will-change:transform,opacity}.proj *{box-sizing:border-box}.rp-endpaper{background:#fdf8f2 url(//royalpcs.com/cdn/shop/t/8/assets/ui-pattern.webp?v=73015842178151352171792273846) 0 0/150px auto repeat}.rp-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.rp-linen{background-color:#a3bed8;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(79,59,47,.05) 0 1px,transparent 1px 4px)}#cap{position:absolute;left:6vw;bottom:11vh;width:460px;opacity:0;visibility:hidden;z-index:29000}html[dir=rtl] #cap{left:auto;right:6vw}.cap-box{padding:26px 30px 28px;background:#fdf8f2eb;border:1px solid var(--heirloom);border-radius:6px;box-shadow:0 24px 60px #4f3b2f1f}#capName{font-family:var(--script);font-size:60px;line-height:1.1;margin:6px 0;white-space:nowrap}html[dir=rtl] #capName{font-family:var(--arabic);font-weight:700;font-size:48px}#capLine{margin:0 0 16px;font-size:20px;line-height:1.45;font-style:italic}html[dir=rtl] #capLine{font-style:normal}#dots{position:absolute;right:clamp(12px,2.4vw,36px);top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;align-items:flex-end;opacity:0;visibility:hidden}html[dir=rtl] #dots{right:auto;left:clamp(12px,2.4vw,36px);align-items:flex-start}.rp-dot{display:flex;align-items:center;justify-content:flex-end;gap:12px;height:44px;padding:0 4px;background:none;border:none;cursor:pointer}html[dir=rtl] .rp-dot{flex-direction:row-reverse}.rp-dotname{font-family:var(--script);font-size:24px;opacity:0;transition:opacity .3s;white-space:nowrap}html[dir=rtl] .rp-dotname{font-family:var(--arabic);font-size:17px}.rp-dot:hover .rp-dotname{opacity:1!important}.dt{display:block;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--saddle);transition:transform .3s,background .3s}#play{position:fixed;left:clamp(16px,3vw,40px);bottom:clamp(16px,4vh,36px);z-index:45;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px 0 14px;border-radius:999px;border:1px solid var(--heirloom);background:#fdf8f2eb;font-size:13px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:opacity .4s}html[dir=rtl] #play{left:auto;right:clamp(16px,3vw,40px);letter-spacing:0;font-size:15px}#progress{position:absolute;left:0;top:0;height:2px;width:0;background:var(--honey);z-index:31}#finale{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:90px 16px 0;text-align:center;opacity:0;visibility:hidden;z-index:20}@keyframes rp-rock{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.a-rock{transform-origin:50% 92%;animation:rp-rock 2.6s ease-in-out infinite}@keyframes rp-leap{0%,to{transform:translateY(0) rotate(0)}38%{transform:translateY(-54px) rotate(-7deg)}62%{transform:translateY(-50px) rotate(-2deg)}86%{transform:translateY(0) rotate(2deg)}}.a-leap{transform-origin:50% 100%;animation:rp-leap 2.3s cubic-bezier(.45,0,.3,1) infinite}@keyframes rp-paddle{0%,to{transform:translate(-18px) rotate(-2deg)}50%{transform:translate(18px,-6px) rotate(2deg)}}.a-paddle{animation:rp-paddle 3.6s ease-in-out infinite}@keyframes rp-dance{0%,to{transform:translateY(0) rotate(-6deg)}25%{transform:translateY(-16px) rotate(0)}50%{transform:translateY(0) rotate(6deg)}75%{transform:translateY(-16px) rotate(0)}}.a-dance{transform-origin:50% 100%;animation:rp-dance 1.6s ease-in-out infinite}@keyframes rp-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-34px) rotate(3deg)}}.a-float{transform-origin:50% 0;animation:rp-float 3.8s ease-in-out infinite}@keyframes rp-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.a-sway{transform-origin:50% 100%;animation:rp-sway 3.2s ease-in-out infinite}@keyframes rp-graze{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.a-graze{animation:rp-graze 2.4s ease-in-out infinite}@keyframes rp-twinkle{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1.15);opacity:1}}.a-twinkle{animation:rp-twinkle 2s ease-in-out infinite}@keyframes rp-hop{0%,to{transform:translate(-70px) rotate(0)}22%{transform:translate(-20px,-84px) rotate(-8deg)}45%,55%{transform:translate(50px) rotate(0)}77%{transform:translateY(-84px) rotate(8deg)}}.a-hop{transform-origin:50% 100%;animation:rp-hop 3.2s cubic-bezier(.5,0,.4,1) infinite}@keyframes rp-twirl{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.a-twirl{transform-origin:50% 100%;animation:rp-twirl 2.8s ease-in-out infinite}@keyframes rp-flutter{0%,to{transform:translate(0) scaleX(1)}25%{transform:translate(26px,-18px) scaleX(.55)}50%{transform:translate(48px,4px) scaleX(1)}75%{transform:translate(20px,20px) scaleX(.55)}}.a-flutter{animation:rp-flutter 2.4s ease-in-out infinite}@keyframes rp-ripple{0%{transform:translate(-50%,-50%) scale(.3);opacity:.9}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.a-ripple{animation:rp-ripple 2.6s ease-out infinite}@keyframes rp-note{0%{transform:translate(0);opacity:0}20%{opacity:1}to{transform:translate(40px,-110px) rotate(14deg);opacity:0}}.a-note{animation:rp-note 3s ease-out infinite}@keyframes rp-fall{0%{transform:translateY(-12vh) rotate(0)}to{transform:translate(14vw,112vh) rotate(560deg)}}.a-fall{animation-name:rp-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes rp-drift{0%{transform:translate(-25vw)}to{transform:translate(115vw)}}.a-drift{animation-name:rp-drift;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes rp-hint{0%{transform:scaleY(0);transform-origin:50% 0}48%{transform:scaleY(1);transform-origin:50% 0}52%{transform:scaleY(1);transform-origin:50% 100%}to{transform:scaleY(0);transform-origin:50% 100%}}.a-hint{animation:rp-hint 2.2s ease-in-out infinite}@keyframes rp-glow{0%,to{box-shadow:0 0 0 3px #d8b26c40,0 10px 30px #d8b26c59}50%{box-shadow:0 0 0 6px #d8b26c2e,0 10px 44px #d8b26c99}}.a-glow{animation:rp-glow 2.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.a-rock,.a-leap,.a-paddle,.a-dance,.a-float,.a-sway,.a-graze,.a-twinkle,.a-hop,.a-twirl,.a-flutter,.a-ripple,.a-note,.a-fall,.a-drift,.a-hint,.a-glow{animation:none}}@media(max-width:760px){#dots{display:none}#cap{left:16px;right:16px;bottom:80px;width:auto}html[dir=rtl] #cap{right:16px}.cap-box{padding:16px 20px 14px}#capName{font-size:42px;white-space:normal}#capLine{display:none}#play{bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/rp-hero.css.map */