/* Shared portal navigation; the two panels echo the welcome screen. */
.portal-home{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;flex-shrink:0;border:1px solid currentColor;border-radius:24px;padding:6px 12px;color:inherit;opacity:.85;font:12px Arial,sans-serif;line-height:1.2;text-decoration:none;transition:opacity .2s,border-color .2s}
.portal-home svg{width:26px;height:26px;flex:none;overflow:visible}
.portal-home .portal-left,.portal-home .portal-right{transform-origin:center;transition:transform .35s ease}
.portal-home:hover,.portal-home:focus-visible{opacity:1}
.portal-home:hover .portal-left{transform:translateX(-2px) rotate(-7deg)}
.portal-home:hover .portal-right{transform:translateX(2px) rotate(7deg)}
.portal-home:focus-visible{outline:2px solid currentColor;outline-offset:5px}
header>.portal-home{order:3;margin-left:16px}
header>nav{order:2}
header>.menu-toggle{order:4}
header:not(.studio-header)>.brand{width:clamp(185px,18vw,260px);flex-shrink:1;margin-right:20px}
header:not(.studio-header)>.brand .brand-logo{width:100%;max-width:100%;object-fit:contain}
@media(max-width:1100px){header>.portal-home{margin-left:auto;margin-right:12px}.studio-header .brand{flex-shrink:1;min-width:0}.studio-header .menu-toggle{flex-shrink:0}}
@media(max-width:600px){.portal-home{padding:6px;width:44px}.portal-home span{display:none}header>.portal-home{margin-right:8px;margin-left:auto}}
@media(max-width:600px){header:not(.studio-header)>.brand{width:min(52vw,215px);min-width:0;margin-right:6px}header:not(.studio-header)>.menu-toggle{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.portal-home,.portal-home path{transition:none!important;transform:none!important}}
/* The team link needs room alongside the existing studio sections. */
.studio-header nav>a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:1280px){
 .studio-header nav{display:none;position:absolute;top:calc(var(--studio-header-height) - 1px);left:0;right:0;background:#111823;padding:20px 6% 32px;max-height:calc(100dvh - var(--studio-header-height));overflow:auto}
 .studio-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .studio-header nav>a:not(.button){white-space:normal;font:400 1.25rem/1.4 Arial,Helvetica,sans-serif;padding:15px 0;border-top:1px solid var(--line)}
 .studio-header nav .button{margin-top:18px;font-size:1rem}
 .studio-header .menu-toggle{display:grid;place-items:center;width:48px;height:48px;padding:10px;flex:none}
 .studio-header>.portal-home{margin-left:auto;margin-right:12px}
}