/* --- BLOCK: Clear, centered navigation that follows the current canvas --- */
.site-header{position:fixed;z-index:20;padding:22px 4%;min-height:80px;transition:background .3s,border-color .3s,color .3s;isolation:isolate}
.site-header:before{display:none}
.site-header .main-nav{gap:32px;font-size:18px}
.main-nav [data-nav]{position:relative;padding:5px 0}
.main-nav [aria-current]:after{content:'';position:absolute;left:50%;bottom:-3px;width:4px;height:4px;border-radius:50%;background:var(--circuit-accent,#c8aa70);transform:translateX(-50%)}
.site-header .main-nav .scene-contact{font-weight:600;color:var(--circuit-accent,#c8aa70);border:0;text-decoration:none;opacity:1}
body:not([data-audience]) .site-header .main-nav .scene-contact{color:#99764b}
.header-tools{margin-left:auto}
.perspective-switch{display:flex;gap:3px;padding:3px;border:1px solid rgba(200,170,112,.24);border-radius:30px;background:rgba(27,28,25,.15)}
.perspective-switch button{border:0;background:none;padding:6px 12px;font-size:11px;line-height:1.2;border-radius:20px;color:var(--quiet,#a9aa9e);transition:background .25s,color .25s}
.perspective-switch button[aria-pressed=true]{background:rgba(200,170,112,.15);color:var(--circuit-accent,#c8aa70)}
.perspective-switch button:hover{color:var(--circuit-accent,#c8aa70)}
body:not([data-audience]) .perspective-switch{background:rgba(246,240,225,.65);border-color:rgba(145,112,67,.24)}
body:not([data-audience]) .perspective-switch button{color:#766751}
body[data-audience=startup] .perspective-switch{background:rgba(143,111,68,.04);border-color:rgba(143,111,68,.2)}
.menu-toggle{display:none}
.skip-link{z-index:30}
@media(min-width:761px) and (max-width:1150px){.site-header .brand>span:last-child{display:none}.site-header .main-nav{gap:24px;font-size:16px}.perspective-switch button{padding:6px 10px}}
/* --- BLOCK: A compact mobile menu with the same navigation and audience control --- */
@media(max-width:760px){
 .site-header{min-height:72px;padding:18px 6%;gap:16px}
 .site-header .brand img{width:48px}
 .menu-toggle{display:block;margin-left:auto;background:none;border:0;padding:5px 0;font-size:16px;font-weight:500;color:inherit}
 body:not([data-audience]) .menu-toggle{color:#302e29}
 .site-header .main-nav{display:none;position:absolute;left:16px;right:16px;top:calc(100% + 4px);transform:none;width:auto;align-items:flex-start;flex-direction:column;gap:16px;padding:24px 24px 82px;font-size:18px;background:#f7f2e6;border:1px solid rgba(143,111,68,.16);box-shadow:0 12px 32px rgba(0,0,0,.12);border-radius:3px}
 .site-header.is-menu-open .main-nav{display:flex}
 body[data-audience=investor] .site-header .main-nav{background:#24251f;border-color:rgba(200,170,112,.18)}
 .site-header .header-tools{display:none}
 .site-header.is-menu-open .header-tools{display:block;position:absolute;top:calc(100% + 225px);left:40px;z-index:1}
 .main-nav [aria-current]:after{left:auto;right:-14px;bottom:50%;transform:translateY(50%)}
 body:not([data-audience]) .site-header.is-menu-open .main-nav [data-nav]{background:none!important;color:#302e29!important}
 .site-header .main-nav .scene-contact{font-size:18px}
 .perspective-switch button{font-size:12px;padding:7px 15px}
}
/* Leave reading space beneath the persistent header on the pinned canvases. */
.services-workspace{padding-top:105px}
@media(max-width:760px){.services-workspace{padding-top:95px}.about-workspace{padding-top:100px}.investor-about-sheet{padding-top:100px}}

/* --- BLOCK: Mobile navigation is an editorial panel in the active palette --- */
@media(max-width:760px){
 .site-header{padding:16px 6%;min-height:70px;flex-wrap:nowrap}
 .menu-toggle{display:flex;align-items:center;gap:10px;font:600 11px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:12px 0}
 .menu-toggle:after{content:'';width:22px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .25s}
 .site-header.is-menu-open .menu-toggle:after{transform:rotate(-45deg)}
 .site-header.is-menu-open{background:#f3eddf;color:#302e29}
 body[data-audience=investor] .site-header.is-menu-open{background:#24251f;color:#f2ede1}
 .site-header .main-nav{left:0;right:0;top:100%;border-radius:0;border:0;border-bottom:1px solid rgba(149,116,74,.3);box-shadow:0 18px 25px rgba(0,0,0,.08);padding:20px 8% 108px;gap:0;background:#f3eddf}
 .site-header .main-nav [data-nav],.site-header .main-nav .scene-contact{display:block;width:100%;text-align:left;font:400 30px/1.2 Georgia,serif;letter-spacing:-.025em;padding:12px 0;border-bottom:1px solid rgba(149,116,74,.15)}
 .site-header .main-nav .scene-contact{font-size:26px;color:var(--circuit-accent)}
 .main-nav [aria-current]:after{left:auto;right:4px;bottom:50%;width:5px;height:5px}
 .site-header.is-menu-open .header-tools{left:8%;top:calc(100% + 275px)}
 .perspective-switch{background:none;border-radius:0;padding:0;border:0;gap:22px}
 .perspective-switch button{font-size:12px;border-radius:0;padding:8px 0;border-bottom:1px solid transparent}
 .perspective-switch button[aria-pressed=true]{background:none;border-bottom-color:currentColor}
}
/* --- BLOCK: A quiet menu trigger morphs into a true close mark --- */
@media(max-width:760px){
 .menu-toggle:after{display:none}
 .menu-lines{position:relative;display:block;width:22px;height:14px}
 .menu-lines i{position:absolute;left:0;top:3px;width:22px;height:1px;background:currentColor;transition:transform .4s cubic-bezier(.22,1,.36,1),top .4s cubic-bezier(.22,1,.36,1)}
 .menu-lines i:last-child{top:11px}
 .site-header.is-menu-open .menu-lines i{top:7px;transform:rotate(45deg)}
 .site-header.is-menu-open .menu-lines i:last-child{transform:rotate(-45deg)}
 .menu-toggle:focus-visible{outline:none;text-decoration:underline;text-underline-offset:6px}
 .site-header .main-nav{display:flex;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-14px);clip-path:inset(0 0 100%);transition:clip-path .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1),opacity .3s,visibility .48s}
 .site-header.is-menu-open .main-nav{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0);clip-path:inset(0)}
 .site-header .header-tools{display:block;position:absolute;left:8%;top:calc(100% + 275px);visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .45s,visibility .45s}
 .site-header.is-menu-open .header-tools{visibility:visible;pointer-events:auto;opacity:1;transform:none;transition-delay:.12s}
 .about-statement span{opacity:1!important}
 .about-portrait,.investor-portrait{align-self:flex-end;margin-left:auto;margin-right:0;width:75%;max-width:300px}
}
@media(prefers-reduced-motion:reduce){.site-header .main-nav,.site-header .header-tools,.menu-lines i{transition:none}}
/* Keyboard focus stays visible without imitating the current-section indicator. */
.main-nav [data-nav]:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.phase-navigation button:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}