*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;overflow:hidden}.hero-container{height:100vh;width:100vw;position:relative;overflow:hidden}canvas{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;object-fit:cover;z-index:-1;transition:filter .5s ease-out}canvas.hero-image-loading{filter:blur(20px)}canvas.hero-image-loaded{filter:blur(0)}@media (prefers-reduced-motion: reduce){canvas{transition:none}canvas.hero-image-loading{filter:blur(10px)}}.menu-item{position:absolute;top:70%;transform:translateY(-50%);font-size:clamp(2rem,5vw,2rem);cursor:pointer;transition:all .3s ease;padding:1rem 2rem;color:#fff;text-decoration:none;font-family:Hiragino Sans W5,Hiragino Kaku Gothic ProN,Hiragino Sans,Helvetica Neue,Arial,sans-serif;font-weight:500;letter-spacing:.05em}.menu-left{left:15%;animation:fadeInLeft .5s ease-out}.menu-right{right:15%;animation:fadeInRight .5s ease-out .3s}.menu-item:hover,.menu-item:focus{transform:translateY(-50%) skew(30deg) scale(1.1)}@keyframes fadeInLeft{0%{opacity:0;transform:translateY(-50%) translate(-50px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateY(-50%) translate(50px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 768px){.menu-item{font-size:clamp(2.4rem,6vw,4.8rem);padding:1.5rem 2.5rem}}@media (max-width: 600px){.menu-left{left:50%;transform:translate(-50%,-100%);top:40%;animation:fadeIn .5s ease-out}.menu-right{right:auto;left:50%;transform:translate(-50%);top:60%;animation:fadeIn .5s ease-out .3s}}@media (prefers-reduced-motion: reduce){.menu-item{animation:none;transition:none}}body{height:100%;width:100vw;overflow:hidden}canvas{position:absolute;width:100%;height:100vh;top:0;left:0}.mask{position:absolute;z-index:2;background:#fff;height:100vh;width:100vw;-webkit-mix-blend-mode:screen;-moz-mix-blend-mode:screen;-o-mix-blend-mode:screen;mix-blend-mode:screen}svg{width:90%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-hero.css.map */