/* Integration only: approved hero styles and closed bar; expanded menu pending. */
.intro-running .bh-enter{animation:none;opacity:0}
.intro-running .bh-topline{opacity:0}
.intro-complete .bh-topline{transition:opacity .65s}
.motion-reduced .bh-enter{animation:none!important;opacity:1}
.nav-shell{--shell-height:44px;width:520px;max-width:calc(100% - 40px);bottom:max(20px,env(safe-area-inset-bottom));font-family:BlitekInterface,Arial,sans-serif;color:#20201e}
.nav-background{background:#fff;border:0;border-radius:26px;box-shadow:0 3px 18px #0000000c}
.persistent-bar{height:44px;padding:0 6px;gap:12px;background:#fff;border-radius:26px;color:#20201e}
.bar-brand{gap:10px;min-height:44px}
.bar-symbol{width:26px;height:26px;background:#fff;object-fit:contain}
.bar-wordmark{width:84px;height:18px;filter:brightness(0)}
.bar-talk{position:relative;display:grid;place-items:center;height:32px;padding:0 20px;background:#55583D;color:#fff;border-radius:30px;font-size:14px;font-weight:400}
.bar-talk:before{content:"";position:absolute;inset:-6px 0;min-height:44px}
.menu-toggle{width:44px;height:44px;flex:0 0 44px;padding:0;gap:4px;justify-content:center}
.menu-toggle>span{width:20px;height:1.5px;background:#20201e}
.nav-shell.is-open .menu-toggle>span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.nav-shell.is-open .menu-toggle>span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.menu-panel{bottom:44px;color:#fff}
.nav-shell.is-open .persistent-bar{background:#fff}
.projects-page .bh-hero,.projects-page main>section:not(.work),.projects-page .footer{display:none}
.projects-page .work{padding-top:70px;padding-bottom:140px;min-height:100svh}
.projects-page .projects-back{display:inline-block;margin:30px var(--gutter) 0;font:14px Interface,Arial,sans-serif}
@media(max-width:700px){
 .nav-shell{width:360px;max-width:calc(100% - 28px);bottom:max(16px,env(safe-area-inset-bottom))}
 .persistent-bar{height:44px;padding:0 5px;gap:8px}.bar-brand{gap:7px}
 .bar-symbol{width:25px;height:25px}.bar-wordmark{width:76px;height:17px}
 .bar-talk{height:32px;padding:0 16px;font-size:13px}.menu-toggle{width:44px;height:44px;flex-basis:44px}
 .menu-toggle>span{width:19px}
}
@media(max-width:360px){.bar-wordmark{width:70px}.bar-talk{padding:0 13px}}