/* Shared navigation for the studio and ProjectRush showcase. */
html:has(.site-header){scroll-padding-top:112px}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:96px;padding:16px 4.5%;border-bottom:1px solid rgba(242,194,48,.25);background:rgba(255,253,247,.97);color:#2c2517;font-family:'Space Grotesk',system-ui,sans-serif}
.site-header a{text-decoration:none}
.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #7a6000;outline-offset:4px}
.site-brand{display:flex;flex:none;align-items:center;gap:12px;font-size:14px;line-height:1.2}
.site-brand img{display:block;width:44px;height:44px;padding:5px;object-fit:contain;border:1px solid rgba(242,194,48,.4);border-radius:10px;background:radial-gradient(120% 120% at 50% 30%,#fff8d6 0%,#fff 72%);box-shadow:0 4px 14px rgba(242,194,48,.16)}
.site-brand span{font-family:'Inter',system-ui,sans-serif;font-weight:700;letter-spacing:.08em}
.site-brand small{font-family:'Space Grotesk',system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.3em;color:rgba(44,37,23,.66)}
.site-navigation{display:flex;align-items:center;gap:28px;min-width:0}
.site-nav-group{display:flex;flex-direction:column;gap:2px;min-width:0}
.site-nav-group+.site-nav-group{padding-left:28px;border-left:1px solid rgba(122,96,0,.25)}
.site-nav-label{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:24px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(44,37,23,.66)}
.site-nav-group.is-current .site-nav-label{color:#7a6000}
.site-nav-group.is-current .site-nav-label::before{content:"";width:6px;height:6px;border-radius:50%;background:#f2c230}
.site-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px}
.site-nav-links a{display:inline-flex;align-items:center;min-height:36px;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:.01em;color:rgba(44,37,23,.74);white-space:nowrap}
.site-header a:hover,.site-header a[aria-current="page"]{color:#7a6000}
.site-navigation a:hover,.site-navigation a[aria-current="page"]{text-decoration:underline;text-decoration-color:#f2c230;text-decoration-thickness:2px;text-underline-offset:6px}
.site-menu-toggle{display:none;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 18px;border:1px solid rgba(122,96,0,.25);border-radius:999px;background:#fffdf7;color:#2c2517;font:600 14px 'Space Grotesk',system-ui,sans-serif;cursor:pointer}
.site-menu-toggle::after{content:"+";font-size:22px;font-weight:400;line-height:1}
.site-menu-toggle[aria-expanded="true"]::after{content:"\2212"}
@media(max-width:1100px){
  html:has(.site-header){scroll-padding-top:92px}
  .site-header{min-height:76px;flex-wrap:wrap;gap:0 20px;padding:12px 4.5%}
  .site-header.is-enhanced .site-menu-toggle{display:inline-flex}
  .site-navigation{display:flex;flex-direction:column;align-items:stretch;gap:16px;flex-basis:100%;margin-top:12px;padding:12px 0 4px;border-top:1px solid rgba(122,96,0,.2);max-height:calc(100dvh - 100px);overflow-y:auto}
  .site-header.is-enhanced .site-navigation{display:none}
  .site-header.is-menu-open .site-navigation{display:flex}
  .site-nav-group+.site-nav-group{padding:12px 0 0;border-left:0;border-top:1px solid rgba(122,96,0,.2)}
  .site-nav-label{min-height:36px}
  .site-nav-links{gap:0 24px}
  .site-nav-links a{min-height:44px}
}