/* Shared navigation for the studio and product webroots. */
.site-header,.studio-header{width:min(1320px,100%);max-width:1320px;margin:auto;padding:1.7rem 3.3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;font:16px/1.7 Arial,Helvetica,sans-serif}
.brand,.studio-brand{display:block;flex:none;padding:0;line-height:0}
.brand img,.studio-brand img{display:block;width:160px;max-width:100%;height:auto}
.site-header nav,.studio-header nav{display:flex;align-items:center;justify-content:flex-start;gap:2.3rem;flex-wrap:wrap;min-width:0;max-width:100%}
.site-header nav a,.studio-header nav a{color:#173d3c;text-decoration:none;font-size:1rem;font-weight:400;padding:.7rem .1rem;min-height:44px;border-bottom:1px solid transparent;overflow-wrap:anywhere}
.site-header nav a[aria-current],.studio-header nav a[aria-current]{border-color:#9f8051}
.site-header nav a:hover,.studio-header nav a:hover{border-color:#173d3c;text-decoration:none}
.site-header nav a:focus-visible,.studio-header nav a:focus-visible{outline:3px solid #9f8051;outline-offset:5px}
@media(max-width:1000px){.site-header,.studio-header{padding:1.5rem 2rem}}
@media(max-width:700px){.site-header,.studio-header{flex-direction:row;padding:1.2rem;gap:1rem}.brand img,.studio-brand img{width:132px}.site-header nav,.studio-header nav{gap:1.1rem}.site-header nav a,.studio-header nav a{font-size:.95rem}}