/* Stable tab nodes let the selected state transition smoothly between venues. */
.brand-tabs .brand-tab{background-color:rgba(255,255,255,.36);box-shadow:0 3px 8px rgba(48,37,27,.07),0 1px 2px rgba(48,37,27,.04),inset 0 1px 0 rgba(255,255,255,.6);transform:translateY(0);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background-color .24s ease,border-color .24s ease,color .24s ease}
.brand-tabs .brand-tab.selected{background-color:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 7px 14px rgba(72,43,30,.19),0 2px 4px rgba(72,43,30,.1),inset 0 1px 0 rgba(255,255,255,.16)}
@media(hover:hover) and (pointer:fine){.brand-tabs .brand-tab:not(.selected):hover{background-color:rgba(255,255,255,.62);transform:translateY(-2px);box-shadow:0 6px 12px rgba(48,37,27,.12),0 2px 3px rgba(48,37,27,.05)}}
#brand-tabs .brand-tab:active{transform:translateY(1px) scale(.97);box-shadow:0 1px 3px rgba(48,37,27,.12),inset 0 1px 2px rgba(48,37,27,.07);transition-duration:90ms}
@media(prefers-reduced-motion:reduce){#brand-tabs .brand-tab{transform:none;transition:none!important}}