/* IROHA agency-style English navigation for independent creative pages. */
.studio-header{position:sticky;top:0;z-index:60;height:86px;background:#fff;border-bottom:1px solid #edf0f3;backdrop-filter:none}
.studio-header .studio-header-inner{width:auto;max-width:1100px;margin:0 auto;padding:0 27px;min-height:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.studio-header .studio-wordmark{display:inline-flex;flex-direction:column;line-height:1.15;white-space:nowrap}
.studio-header .studio-wordmark strong{font:750 27px/1.15 Arial,system-ui,sans-serif;letter-spacing:.16em}
.studio-header .studio-wordmark span{font-size:8px;letter-spacing:.2em;color:#9aa7b5;margin-top:6px}
.studio-header #primary-nav.nav{display:flex;align-items:center;gap:4px;flex:initial}
.studio-header #primary-nav.nav a{padding:9px 11px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#6d7787;border-radius:6px;white-space:nowrap;text-align:left}
.studio-header #primary-nav.nav a:hover,.studio-header #primary-nav.nav a[aria-current="page"]{color:#3b7895;background:#edf8fc}
.studio-header #primary-nav.nav .nav-apply{margin-left:9px;background:#283447;color:#fff;padding:9px 19px;border-radius:100px}
.studio-header #primary-nav.nav .nav-apply:hover,.studio-header #primary-nav.nav .nav-apply[aria-current="page"]{background:#435a71;color:#fff}
.studio-header .mobile-toggle{display:none;background:none;border:1px solid #e8ebf0;border-radius:8px;font-size:12px;padding:9px 12px;color:#283447;cursor:pointer}
.studio-header .drawer-head{display:none}
.studio-drawer-backdrop{display:none}
@media(max-width:880px){
.studio-header{height:74px;min-height:74px}
.studio-header .studio-header-inner{min-height:74px;flex-wrap:nowrap}
.studio-header .mobile-toggle{display:block}
.studio-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(31,42,58,.43);z-index:50;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease}
#menu-backdrop.studio-drawer-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;touch-action:none}
.studio-header #primary-nav.nav{display:flex;flex:initial;position:fixed;top:0;right:0;bottom:0;width:min(85vw,360px);height:100vh;height:100dvh;overflow-y:auto;background:#fff;box-shadow:-16px 0 45px #25374f28;border-left:1px solid #ecf1f5;z-index:80;padding:22px 24px 32px;gap:3px;flex-direction:column;align-items:stretch;flex-wrap:nowrap;transform:translateX(105%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .38s cubic-bezier(.22,.8,.26,1),opacity .25s ease,visibility .38s ease}
.studio-header #primary-nav.nav.open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
.studio-header #primary-nav.nav a{display:block;padding:15px 15px;border-radius:12px;font-size:13px;letter-spacing:.08em;margin:0;width:100%;text-align:left}
.studio-header #primary-nav.nav .nav-apply{margin:12px 0 0;text-align:center;border-radius:100px}
.studio-header #primary-nav.nav .drawer-head{display:flex;align-items:center;justify-content:space-between;padding:4px 0 23px;margin-bottom:9px;border-bottom:1px solid #eaf0f5}
.studio-header #primary-nav .drawer-head strong{display:block;font:800 26px Arial,system-ui,sans-serif;letter-spacing:.16em}
.studio-header #primary-nav .drawer-head span{display:block;color:#96a8b7;font-size:10px;letter-spacing:.18em}
.studio-header #primary-nav.nav .drawer-close{display:grid;place-items:center;width:42px;height:42px;background:#f0f7fb;border:0;border-radius:50%;color:#516879;font-size:27px;line-height:1;padding:0;margin:0;text-align:center}
}

@media(prefers-reduced-motion:reduce){.studio-header #primary-nav.nav,.studio-drawer-backdrop{transition:none!important}}
@media(max-width:620px){.studio-header .studio-header-inner{padding:0 17px}}
.iroha-mode-switch .container{max-width:1100px;width:auto;margin:0 auto;padding:0 27px}
@media(max-width:620px){.iroha-mode-switch .container{padding:0 17px}}