.jpn-intro,.jpn-pt{display:none;--nx: .22;--ny: -.97}html.jpn-intro-on .jpn-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:block;overflow:hidden;pointer-events:none;contain:strict;--part: 84vh}.jpn-intro .jpn-intro__half{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;background:radial-gradient(120% 90% at 50% 50%,#0d0d0d,#050505 55%,#000);will-change:transform;backface-visibility:hidden}.jpn-intro__half--a{clip-path:polygon(0 0,100% 0,100% 62%,0 38%)}.jpn-intro__half--b{clip-path:polygon(0 37.6%,100% 61.6%,100% 100%,0 100%)}.jpn-intro__half--a{animation:jpn-part-a .8s cubic-bezier(.76,0,.24,1) 1.4s forwards}.jpn-intro__half--b{animation:jpn-part-b .8s cubic-bezier(.76,0,.24,1) 1.4s forwards}.jpn-intro .jpn-intro__slash,.jpn-pt .jpn-pt__slash{position:absolute;left:50%;top:50%;z-index:2;display:block;width:160vmax;height:1px;margin:-.5px 0 0 -80vmax;transform:rotate(var(--cut-deg, 13deg));pointer-events:none}.jpn-intro__slash:before,.jpn-pt__slash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff0,#fffffff2 22%,#fff,#fffffff2 78%,#fff0);box-shadow:0 0 6px .5px #ffffffb3,0 0 26px 3px #c8dcff59;transform:scaleX(0);transform-origin:0 50%;opacity:0;will-change:transform,opacity}.jpn-intro__slash:before{animation:jpn-blade .6s cubic-bezier(.65,0,.35,1) 1.2s forwards}.jpn-intro__logo{position:relative;display:block;flex:none;width:150px;aspect-ratio:900 / 760;contain:layout paint;animation:jpn-intro-zoom 2.2s cubic-bezier(.4,0,.2,1) forwards}@media screen and (max-width:374px){.jpn-intro__logo{width:128px}}@media screen and (min-width:750px){.jpn-intro__logo{width:190px}}.jpn-intro__logo img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain}.jpn-intro__base{opacity:0;animation:jpn-intro-in .15s ease forwards}.jpn-intro__sweep{opacity:0;-webkit-mask-image:linear-gradient(105deg,transparent 38%,#000 50%,transparent 62%);mask-image:linear-gradient(105deg,transparent 38%,#000 50%,transparent 62%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;animation:jpn-intro-sweep .7s ease-in-out .15s forwards}.jpn-intro__full{opacity:0;filter:drop-shadow(0 0 22px rgba(255,255,255,.35));animation:jpn-intro-full .3s ease .55s forwards}html.jpn-pt-out .jpn-pt,html.jpn-pt-in .jpn-pt{position:fixed;left:0;right:0;bottom:0;top:var(--jpn-pt-top, var(--header-bottom, 96px));z-index:2147482999;display:block;overflow:hidden;contain:strict;--nx: var(--jpn-nx, .22);--ny: var(--jpn-ny, -.97);--part: var(--jpn-part, 90vh);--cut-deg: var(--jpn-cut-deg, 13deg)}html.jpn-pt-in .jpn-pt{pointer-events:none}.jpn-pt .jpn-pt__half{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--stage, #000);will-change:transform;backface-visibility:hidden}.jpn-pt__half--a{clip-path:polygon(0 0,100% 0,100% 62%,0 38%)}.jpn-pt__half--b{clip-path:polygon(0 37.6%,100% 61.6%,100% 100%,0 100%)}html.jpn-pt-out .jpn-pt__slash:before{animation:jpn-blade-in .22s cubic-bezier(.65,0,.35,1) forwards}html.jpn-pt-out .jpn-pt__half--a{animation:jpn-close-a .26s cubic-bezier(.76,0,.24,1) .02s both}html.jpn-pt-out .jpn-pt__half--b{animation:jpn-close-b .26s cubic-bezier(.76,0,.24,1) .02s both}html.jpn-pt-in:not(.jpn-pt-open) .jpn-pt{animation:jpn-fade-out .3s ease 1.2s forwards}html.jpn-pt-in.jpn-pt-open .jpn-pt__half--a{animation:jpn-part-a .56s cubic-bezier(.76,0,.24,1) forwards}html.jpn-pt-in.jpn-pt-open .jpn-pt__half--b{animation:jpn-part-b .56s cubic-bezier(.76,0,.24,1) forwards}@keyframes jpn-intro-in{0%{opacity:0}to{opacity:.22}}@keyframes jpn-intro-sweep{0%{opacity:0;-webkit-mask-position:100% 0;mask-position:100% 0}15%,80%{opacity:1}to{opacity:0;-webkit-mask-position:0% 0;mask-position:0% 0}}@keyframes jpn-intro-full{0%{opacity:0}to{opacity:1}}@keyframes jpn-intro-zoom{0%{transform:scale(.97)}to{transform:scale(1.04)}}@keyframes jpn-blade{0%{opacity:1;transform:scaleX(0)}42%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes jpn-blade-in{0%{opacity:.9;transform:scaleX(0)}70%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes jpn-part-a{0%{transform:translateZ(0)}to{transform:translate3d(calc(var(--nx) * var(--part)),calc(var(--ny) * var(--part)),0)}}@keyframes jpn-part-b{0%{transform:translateZ(0)}to{transform:translate3d(calc(var(--nx) * var(--part) * -1),calc(var(--ny) * var(--part) * -1),0)}}@keyframes jpn-close-a{0%{transform:translate3d(calc(var(--nx) * var(--part)),calc(var(--ny) * var(--part)),0)}to{transform:translateZ(0)}}@keyframes jpn-close-b{0%{transform:translate3d(calc(var(--nx) * var(--part) * -1),calc(var(--ny) * var(--part) * -1),0)}to{transform:translateZ(0)}}@keyframes jpn-fade-out{to{opacity:0;visibility:hidden}}@keyframes jpn-intro-fade{0%{opacity:1}to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html:not(.jpn-slashing)::view-transition-old(root){animation:none;mix-blend-mode:normal}html:not(.jpn-slashing)::view-transition-new(root){animation:jm-cut var(--t-3, .42s) var(--ease-in-out, cubic-bezier(.76, 0, .24, 1)) both;mix-blend-mode:normal}::view-transition-group(jpn-hg-0),::view-transition-group(jpn-hg-1),::view-transition-group(jpn-hg-2),::view-transition-group(jpn-hg-3),::view-transition-new(jpn-hg-0),::view-transition-new(jpn-hg-1),::view-transition-new(jpn-hg-2),::view-transition-new(jpn-hg-3){animation:none;mix-blend-mode:normal}::view-transition-old(jpn-hg-0),::view-transition-old(jpn-hg-1),::view-transition-old(jpn-hg-2),::view-transition-old(jpn-hg-3){display:none}}@keyframes jm-cut{0%{clip-path:polygon(calc(100% + 21vh) 0,calc(100% + 21vh) 0,calc(100% + 21vh) 100%,100% 100%)}to{clip-path:polygon(0 0,calc(100% + 21vh) 0,calc(100% + 21vh) 100%,-21vh 100%)}}@media(prefers-reduced-motion:reduce){html.jpn-intro-on .jpn-intro{animation:jpn-intro-fade .45s ease .15s forwards}.jpn-intro .jpn-intro__half{animation:none}.jpn-intro .jpn-intro__slash{display:none}.jpn-intro__logo,.jpn-intro__sweep{animation:none}.jpn-intro__sweep,.jpn-intro__base{opacity:0;animation:none}.jpn-intro__full{animation:none;opacity:1}html .jpn-pt{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/jpn-intro.css.map */