.wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:96;pointer-events:none;transform:translate(-102%);background:linear-gradient(90deg,#101014 0%,var(--sumi) 55%);display:grid;place-items:center;transition:transform .46s cubic-bezier(.7,0,.3,1)}.wipe:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:3px;background:var(--shu);box-shadow:0 0 26px #c6402fd9}.wipe.is-on{transform:translate(0);pointer-events:auto}.wipe__glyph{font-family:var(--font-jp);font-size:4rem;color:var(--shu);opacity:0;transform:translateY(10px);transition:opacity .25s .16s,transform .3s .16s}.wipe.is-on .wipe__glyph{opacity:1;transform:none}html.is-arriving:before{content:"\6d41";position:fixed;top:0;right:0;bottom:0;left:0;z-index:97;display:grid;place-items:center;background:linear-gradient(90deg,var(--sumi) 45%,#101014 100%);color:#c6402f;font-family:"Noto Serif JP",serif;font-size:4rem;pointer-events:none;animation:wipeOut .6s cubic-bezier(.7,0,.3,1) .15s forwards}@keyframes wipeOut{to{transform:translate(103%)}}.ripple{position:fixed;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:1px solid rgba(198,64,47,.55);z-index:118;pointer-events:none;animation:rippleOut .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes rippleOut{to{transform:scale(3.2);opacity:0}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--shu),var(--shu-bright));transform-origin:0 50%;transform:scaleX(0);z-index:46;pointer-events:none}.road{position:relative;width:100%;aspect-ratio:1400 / 788;min-height:300px;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:clamp(30px,6vw,80px)}.road__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;filter:brightness(.82) saturate(.92);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.25) 20%,rgba(0,0,0,.7) 38%,#000 55%,#000 88%,rgba(0,0,0,.55) 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.25) 20%,rgba(0,0,0,.7) 38%,#000 55%,#000 88%,rgba(0,0,0,.55) 100%)}.road__anchor{position:absolute}.road__cut{display:none}@supports (mask-mode: luminance){.road__cut{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;filter:brightness(.82) saturate(.92);mask-mode:luminance;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.road__tl{position:absolute;left:var(--x);top:var(--y);width:17%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ff543680,#e0402a38 38%,#c6402f00 68%);mix-blend-mode:screen;animation:tlBreathe 3.4s ease-in-out infinite alternate}.road__tl:nth-of-type(odd){animation-duration:4.3s;animation-delay:-1.2s}@keyframes tlBreathe{0%{opacity:.34}to{opacity:.62}}.road__tl.is-dip{animation:none;opacity:.05;transition:opacity .05s}.road__fog{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.fogp{position:absolute;bottom:13%;left:24%;width:15%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(208,202,190,.16) 0%,rgba(208,202,190,.05) 55%,transparent 75%);filter:blur(6px);opacity:0;animation:fogRise 5.8s linear infinite}.fogp--2{left:21%;width:12%;animation-duration:6.6s;animation-delay:1.7s}.fogp--3{left:27%;width:10%;animation-duration:5.1s;animation-delay:3.2s}.fogp--4{left:66%;bottom:11%;width:13%;animation-duration:7.4s;animation-delay:2.4s;background:radial-gradient(circle,rgba(208,202,190,.09) 0%,rgba(208,202,190,.03) 55%,transparent 75%)}@keyframes fogRise{0%{transform:translateY(14%) scale(.55);opacity:0}18%{opacity:.5}60%{opacity:.26}to{transform:translate(16%,-110%) scale(1.4);opacity:0}}html.motion-off .fogp{display:none}html.motion-off .road__tl{opacity:.5}.motion-toggle{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--smoke);border-bottom:1px solid var(--line-strong);padding:2px 0;transition:color .3s;white-space:nowrap}.motion-toggle:hover{color:var(--washi)}html.motion-off .wipe,html.motion-off.is-arriving:before,html.motion-off .ripple{display:none}
/*# sourceMappingURL=/cdn/shop/t/14/assets/fx.css.map */