/* Shared Morgan Ghan navigation, used on every portfolio and case-study page. */
html{scroll-padding-top:100px}
header.mg-site-header{--mg-header-bg:#11110f;--mg-header-ink:#eae9e3;--mg-header-line:#383832;--mg-header-accent:#ff6a22;position:sticky;top:0;z-index:1000;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px;width:100%;height:82px;min-height:82px;margin:0;padding:0 clamp(20px,4vw,68px);border:0;border-bottom:1px solid var(--mg-header-line);background:var(--mg-header-bg);color:var(--mg-header-ink);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
header.mg-site-header[data-theme=light]{--mg-header-bg:#fff;--mg-header-ink:#171716;--mg-header-line:#d8d8d3;--mg-header-accent:#a9430b}
header.mg-site-header .mg-site-brand{display:inline-flex;align-items:center;gap:8px;font:800 17px/1 Arial,Helvetica,sans-serif;letter-spacing:-.045em;text-decoration:none;color:var(--mg-header-ink);white-space:nowrap}
header.mg-site-header .mg-header-mark{display:inline-block;width:30px;height:28px;flex:none;background:#ff6a22;-webkit-mask:url('/assets/mg_logo_one.png') center top/30px 40px no-repeat;mask:url('/assets/mg_logo_one.png') center top/30px 40px no-repeat}
header.mg-site-header .mg-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-width:94px;min-height:44px;margin:0;padding:10px 0 10px 12px;border:0;border-radius:0;background:transparent;color:var(--mg-header-ink);cursor:pointer;font:400 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase}
header.mg-site-header .mg-menu-toggle:hover{color:var(--mg-header-accent)}
.mg-menu-icon{display:inline-flex;flex-direction:column;justify-content:space-between;width:23px;height:16px;position:relative}
.mg-menu-icon span{display:block;width:23px;height:2px;background:currentColor;transform-origin:center;transition:transform .18s,opacity .18s}
.mg-menu-toggle[aria-expanded=true] .mg-menu-icon span:first-child{transform:translateY(7px) rotate(45deg)}
.mg-menu-toggle[aria-expanded=true] .mg-menu-icon span:nth-child(2){opacity:0}
.mg-menu-toggle[aria-expanded=true] .mg-menu-icon span:last-child{transform:translateY(-7px) rotate(-45deg)}
header.mg-site-header .mg-menu{position:absolute;top:calc(100% - 1px);right:clamp(20px,4vw,68px);display:flex;flex-direction:column;gap:0;width:360px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 100px);overflow:auto;margin:0;padding:12px 24px 18px;border:1px solid var(--mg-header-line);background:var(--mg-header-bg);color:var(--mg-header-ink);box-shadow:0 22px 35px #0003}
header.mg-site-header .mg-menu[hidden]{display:none!important}
header.mg-site-header .mg-menu a{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin:0;padding:18px 0;border-bottom:1px solid var(--mg-header-line);color:var(--mg-header-ink);text-decoration:none;font:400 14px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase}
header.mg-site-header .mg-menu a:last-child{border-bottom:0}
header.mg-site-header .mg-menu a:hover,header.mg-site-header .mg-menu a[aria-current=page]{color:var(--mg-header-accent)}
header.mg-site-header a:focus-visible,header.mg-site-header button:focus-visible{outline:2px solid var(--mg-header-accent);outline-offset:5px}
@media(max-width:700px){header.mg-site-header{height:68px;min-height:68px}header.mg-site-header .mg-site-brand{font-size:16px}header.mg-site-header .mg-menu{right:20px;width:calc(100vw - 40px);max-height:calc(100dvh - 88px)}html{scroll-padding-top:86px}}
@media(prefers-reduced-motion:reduce){.mg-menu-icon span{transition:none}}