:root{--cinematic-nav-height: 5.5rem}html{scroll-padding-top:calc(var(--cinematic-nav-height) + 1rem)}body.navigation-menu-open{overflow:hidden}body:not(.template-index) #MainContent{padding-top:calc(var(--cinematic-nav-height) + 1rem)}#origin,#about,#recognition,#impact,#music,#services,#book,#epk,[data-story-section]{scroll-margin-top:calc(var(--cinematic-nav-height) + 1rem)}.cinematic-nav{position:fixed;top:0;right:0;left:0;z-index:100;color:#f7f7f2;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.template-index:not(.awakening-navigation-visible):not(.awakening-complete) .cinematic-nav{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-.75rem)}html.no-js .template-index .cinematic-nav{opacity:1;pointer-events:auto;transform:none}.cinematic-nav__bar{display:flex;align-items:center;justify-content:space-between;gap:clamp(.75rem,2vw,1.5rem);width:100%;min-width:0;padding:max(.75rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .75rem max(1rem,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.76) 72%,transparent)}.cinematic-nav__brand{display:inline-flex;flex:0 0 auto;align-items:center;min-height:3rem;color:inherit;text-decoration:none}.cinematic-nav__brand-logo{display:block;width:auto;max-width:min(28vw,8rem);height:clamp(2.65rem,5vw,4rem);object-fit:contain}.cinematic-nav__links{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:clamp(.7rem,2.25vw,1.5rem);font-size:clamp(.66rem,.8vw,.76rem);letter-spacing:.13em;text-transform:uppercase}.cinematic-nav a{color:inherit;text-decoration:none}.cinematic-nav a:focus-visible,.cinematic-nav__toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}.cinematic-nav__toggle{display:none;flex:0 0 auto;width:3rem;height:3rem;padding:.7rem;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#000;color:#fff;cursor:pointer;touch-action:manipulation}.cinematic-nav__toggle-lines,.cinematic-nav__toggle-lines:before,.cinematic-nav__toggle-lines:after{display:block;width:1.25rem;height:1px;margin:0 auto;background:currentColor;transition:transform .22s ease,opacity .22s ease}.cinematic-nav__toggle-lines{position:relative}.cinematic-nav__toggle-lines:before,.cinematic-nav__toggle-lines:after{content:"";position:absolute;left:0}.cinematic-nav__toggle-lines:before{transform:translateY(-.38rem)}.cinematic-nav__toggle-lines:after{transform:translateY(.38rem)}.cinematic-nav.is-menu-open .cinematic-nav__toggle-lines{background:transparent}.cinematic-nav.is-menu-open .cinematic-nav__toggle-lines:before{transform:rotate(45deg)}.cinematic-nav.is-menu-open .cinematic-nav__toggle-lines:after{transform:rotate(-45deg)}.js .cinematic-nav.is-compact .cinematic-nav__toggle{display:inline-grid;place-items:center}.js .cinematic-nav.is-compact .cinematic-nav__links{position:absolute;top:100%;right:max(1rem,env(safe-area-inset-right));display:grid;width:min(calc(100vw - 2rem),24rem);max-height:calc(100dvh - var(--cinematic-nav-height) - 1rem);align-items:stretch;gap:0;overflow-y:auto;overscroll-behavior:contain;border:0;background:#000;box-shadow:0 1.25rem 3rem #0000009e;opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}.js .cinematic-nav.is-compact .cinematic-nav__links a{display:flex;align-items:center;min-height:3.25rem;padding:.9rem 1rem;border-bottom:0}.js .cinematic-nav.is-compact .cinematic-nav__links a:last-child{border-bottom:0}.js .cinematic-nav.is-compact.is-menu-open .cinematic-nav__links{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}@media(max-width:767px){:root{--cinematic-nav-height: 4.5rem}.cinematic-nav__bar{padding-top:max(.6rem,env(safe-area-inset-top));padding-bottom:.6rem;background:#000000f0}.cinematic-nav__brand-logo{max-width:6.5rem;height:3rem}}@media(prefers-reduced-motion:reduce){.cinematic-nav,.cinematic-nav__links,.cinematic-nav__toggle-lines,.cinematic-nav__toggle-lines:before,.cinematic-nav__toggle-lines:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/navigation.css.map */