/* Floating identity and a horizontal, illustrated navigation deck. */
header.site-header,header.ak-public-header{position:fixed;inset:0 0 auto;z-index:1100;width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:16px 4%;border:0;background:transparent;box-shadow:none;backdrop-filter:none;pointer-events:none;mix-blend-mode:difference;color:#fff}
header.site-header .brand,header.ak-public-header .ak-public-brand{position:relative;z-index:103;display:grid;place-items:center;width:102px;height:72px;pointer-events:auto}
header.site-header .brand img,header.ak-public-header .ak-public-brand img{display:block;width:118px;height:100px;object-fit:contain;filter:brightness(0) invert(1);transform:translate(7.0417%,7.4583%)}
header.site-header .nav-toggle,header.ak-public-header .ak-public-toggle{position:relative;z-index:103;display:grid;place-items:center;width:56px;height:56px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;pointer-events:auto}
header .ak-menu-icon{position:relative;display:block;width:28px;height:18px}
.ak-menu-icon i{position:absolute;display:block;left:0;top:4px;width:28px;height:1.5px;background:currentColor;transition:transform .45s var(--ak-motion-ease),top .45s var(--ak-motion-ease)}
.ak-menu-icon i:last-child{top:13px}
[aria-expanded=true] .ak-menu-icon i:first-child{top:8px;transform:rotate(45deg)}
[aria-expanded=true] .ak-menu-icon i:last-child{top:8px;transform:rotate(-45deg)}
html.ak-menu-open header.site-header,html.ak-menu-open header.ak-public-header{mix-blend-mode:normal}
header.site-header .desktop-nav,header.site-header .header-contact,header.ak-public-header .ak-public-desktop,header.ak-public-header .ak-public-contact{display:none}
header.site-header .mobile-nav,header.ak-public-header .ak-public-mobile{position:fixed;inset:0;z-index:101;width:100%;height:100dvh;padding:110px 0 24px;border:0;background:#302733;color:#faf6f0;box-shadow:none;overflow:auto;overscroll-behavior:contain;pointer-events:auto}
header.site-header .mobile-nav:not([hidden]),header.ak-public-header .ak-public-mobile:not([hidden]){display:flex;flex-direction:column;justify-content:space-between;gap:32px;animation:none}
header.site-header .mobile-nav[hidden],header.ak-public-header .ak-public-mobile[hidden]{display:none}
header.site-header .mobile-nav:after,header.ak-public-header .ak-public-mobile:after{display:none}
.ak-menu-deck{display:flex;gap:24px;padding:10px 4% 22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:4vw;flex:1;min-height:280px;scrollbar-width:thin;scrollbar-color:#bd94a6 transparent}
header .ak-menu-deck .ak-menu-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;flex:1 0 260px;min-width:0;max-width:440px;min-height:320px;padding:28px 24px 22px;overflow:hidden;border:1px solid #a68e9d66;border-radius:24px;text-decoration:none;color:#faf6f0;scroll-snap-align:start;transition:background .5s,border-color .5s;isolation:isolate;animation:none;font:400 16px/1.35 "IBM Plex Sans","Segoe UI",sans-serif;letter-spacing:0}
header .ak-menu-deck .ak-menu-card:hover,header .ak-menu-deck .ak-menu-card:focus-visible{padding:28px 24px 22px;background:#493544;border-color:#dfb6c7;color:#faf6f0;text-decoration:none;outline-offset:-4px}
header .ak-menu-deck .ak-menu-card[aria-current=page]{color:#faf6f0;text-decoration:none;background:#ffffff08;border-color:#bd94a6}
.ak-menu-card-title{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;width:100%;font:400 clamp(28px,3vw,48px)/1 "Cormorant Garamond",Georgia,serif;letter-spacing:-.025em}
.ak-menu-card-title>span{font:400 22px/1 "IBM Plex Sans",sans-serif;transition:rotate .5s}
.ak-menu-card:hover .ak-menu-card-title>span{rotate:45deg}
.ak-menu-card-detail{position:relative;z-index:2;font-size:11px;color:#ddc6d1}
.ak-menu-art{position:absolute;inset:24% -1px 12%;z-index:0;overflow:hidden;opacity:.65;transition:opacity .6s,transform .9s var(--ak-motion-ease)}
.ak-menu-card:hover .ak-menu-art,.ak-menu-card:focus-visible .ak-menu-art{opacity:1;transform:scale(1.06) rotate(-3deg)}
.ak-menu-art i{position:absolute;display:block;border:1px solid #bd94a6}
.ak-menu-art-brand{background:url('/images/akumadistrict/akuma-district-logo-ink.png') center/92% auto no-repeat;filter:brightness(0) invert(1);opacity:.7}
.ak-menu-art-brand i{display:none}
.ak-menu-art-goods i:first-child{inset:25% 14% 10%;transform:rotate(-12deg)}
.ak-menu-art-goods i:nth-child(2){left:48%;top:20%;height:80%;width:16%;transform:rotate(-12deg)}
.ak-menu-art-goods i:nth-child(3),.ak-menu-art-goods i:nth-child(4){width:34%;height:22%;top:4%;left:20%;border-radius:80% 80% 0 80%;transform:rotate(24deg)}
.ak-menu-art-goods i:nth-child(4){left:48%;transform:rotate(-34deg);border-radius:80% 80% 80% 0}
.ak-menu-art-code{display:grid;place-items:center}
.ak-menu-art-code:before{content:"</>";font:300 clamp(100px,11vw,170px)/1 Georgia,serif;color:#d4b4c2;letter-spacing:-.1em}
.ak-menu-art-code i:first-child{inset:12% 8%;border-radius:50%}
.ak-menu-art-code i:nth-child(2){inset:4% 20%;border-radius:50%;transform:rotate(35deg)}
.ak-menu-art-code i:nth-child(n+3){display:none}
.ak-menu-art-hello i:first-child{width:72%;aspect-ratio:1;left:14%;top:9%;border-radius:50%;border-width:2px;border-right-color:transparent;transform:rotate(-35deg)}
.ak-menu-art-hello i:nth-child(2){width:50%;aspect-ratio:1;left:25%;top:22%;border-radius:50%;border-bottom-color:transparent}
.ak-menu-art-hello i:nth-child(3){width:150%;height:1px;left:-25%;top:50%;border-bottom:0;transform:rotate(-30deg)}
.ak-menu-art-hello i:nth-child(4){width:24%;aspect-ratio:1;left:38%;top:36%;border-radius:50%;background:#bd94a622}
.ak-menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 4%;font:400 12px/1.6 "IBM Plex Sans","Segoe UI",sans-serif}
.ak-menu-bottom p{margin:0;color:#ddc6d1}
header .ak-menu-bottom a{display:inline;min-height:0;padding:10px 0;border:0;font:inherit;color:#faf6f0;letter-spacing:0;animation:none}
header .ak-menu-bottom a:hover{padding:10px 0;color:#e8bac9}
.ak-public-page>main,.ak-contact-page>main,.ak-legal-page>main{padding-top:100px}
html:not([data-ak-phase]) .ak-preloader{display:flex;visibility:visible;transform:none}
html[data-ak-phase=leaving] .ak-preloader{display:flex;visibility:visible;pointer-events:auto;transform:none;clip-path:none;transition:none}
html[data-ak-phase=leaving],html[data-ak-phase=leaving] body{overflow:hidden}
html:is([data-ak-phase=loading],[data-ak-phase=leaving]) :is(header.site-header,header.ak-public-header){mix-blend-mode:normal}
html.ak-motion-enabled:is([data-ak-phase=loading],[data-ak-phase=leaving]) [data-ak-home]>.site-header{top:0;opacity:1;visibility:visible;pointer-events:none;transition:none}
html:is([data-ak-phase=loading],[data-ak-phase=leaving]) :is(.mobile-nav,.ak-public-mobile){visibility:hidden;pointer-events:none}
html:is([data-ak-phase=loading],[data-ak-phase=leaving]) :is(.nav-toggle,.ak-public-toggle){pointer-events:none}
html:is([data-ak-phase=loading],[data-ak-phase=leaving]) .ak-preloader-top{visibility:hidden}
@media(prefers-reduced-motion:no-preference){
  .ak-motion-enabled .ak-cinema-logo{width:clamp(250px,34vw,540px)}
  .ak-motion-enabled .ak-cinema .hero-art{clip-path:circle(var(--ak-cinema-radius,18%) at 50% 50%)}
  .ak-motion-enabled .ak-cinema .scene-brand{top:50%;left:50%;width:clamp(260px,32vw,540px);height:auto;aspect-ratio:1;transform:translate(-42.9583%,-42.5417%);translate:0 0;opacity:var(--ak-scene-logo-opacity,0)}
  .ak-menu-open .ak-menu-deck .ak-menu-card{animation:ak-deck-enter .8s var(--ak-motion-ease) both}
  .ak-menu-open .ak-menu-deck .ak-menu-card:nth-child(2){animation-delay:.06s}
  .ak-menu-open .ak-menu-deck .ak-menu-card:nth-child(3){animation-delay:.12s}
  .ak-menu-open .ak-menu-deck .ak-menu-card:nth-child(4){animation-delay:.18s}
  @keyframes ak-deck-enter{from{opacity:0;clip-path:inset(0 0 12% 0)}to{opacity:1;clip-path:inset(0)}}
}
@media(max-width:760px){
  header.site-header,header.ak-public-header{height:86px;padding:10px 5%}
  header.site-header .brand,header.ak-public-header .ak-public-brand{width:82px;height:64px}
  header.site-header .brand img,header.ak-public-header .ak-public-brand img{width:102px;height:86px}
  header.site-header .nav-toggle,header.ak-public-header .ak-public-toggle{width:48px;height:48px}
  header.site-header .mobile-nav,header.ak-public-header .ak-public-mobile{padding-top:96px;padding-bottom:24px;gap:18px}
  .ak-menu-deck{padding-inline:5%;gap:16px;scroll-padding-inline:5vw}
  header .ak-menu-deck .ak-menu-card{flex:0 0 76vw;max-width:360px;min-height:300px}
  .ak-menu-card-title{font-size:44px}.ak-menu-art-code:before{font-size:140px}
  .ak-menu-bottom{padding-inline:5%;align-items:flex-start;flex-direction:column;gap:4px}
  .ak-public-page>main,.ak-contact-page>main,.ak-legal-page>main{padding-top:86px}
  .ak-motion-enabled .ak-cinema-logo{width:min(68vw,280px)}
}
@media(prefers-reduced-motion:reduce){
  .ak-menu-icon i,.ak-menu-art,.ak-menu-card-title>span,header .ak-menu-deck .ak-menu-card{transition:none;animation:none}
}