/* One studio family. Persistent routes, without competing with each page's task navigation. */
.family-navigation{display:flex;align-items:stretch;justify-content:flex-start;gap:4px;padding:0 var(--pad);background:#23251f;color:#d5d0c2;border-bottom:1px solid #ffffff13;font:500 11px/1.3 var(--sans)}
.family-navigation::after{content:'ONE STUDIO / TWO CHANNELS';align-self:center;margin-left:auto;padding-left:20px;font:8px/1.5 var(--mono);letter-spacing:.1em;color:#b8b8a8}
.family-navigation>a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-bottom:2px solid transparent;transition:background .2s,color .2s}
.family-navigation>a::before{content:'';width:5px;height:5px;background:var(--rust);flex-shrink:0}
.family-navigation>.family-five::before{background:#ffda09}
.family-navigation>.family-studio::before{background:#d5d0c2}
.family-navigation>a:hover{background:#ffffff0c;color:#fff4de}
.family-navigation>a[aria-current]{background:#ffffff09;border-bottom-color:var(--rust);color:#fff4de}
.family-navigation>.family-five[aria-current]{border-bottom-color:#ffda09}
.boutique .family-navigation :focus-visible{outline:2px solid #fff4de;outline-offset:-5px}
.boutique .footer-navigation{flex-wrap:wrap;row-gap:10px}
.boutique .footer-navigation a{min-height:35px;display:inline-flex;align-items:center}
.shared-store-note{display:block;margin-top:15px;color:#646b5c;font:11px/1.7 var(--sans)}
@media(max-width:760px){
 .family-navigation{justify-content:center;padding:0 14px;gap:0;font-size:11px}
 .family-navigation::after{display:none}
 .family-navigation>a{padding:0 10px;justify-content:center;gap:6px;flex:1;white-space:nowrap;min-height:44px}
 .family-navigation>a::before{width:4px;height:4px}
 .boutique .footer-navigation{gap:2px 18px}
}
@media(max-width:360px){.family-navigation{padding:0 5px}.family-navigation>a{padding:0 6px;gap:5px}}
@media(prefers-reduced-motion:reduce){.family-navigation>a{transition:none}}