/* Frozen 01 brand interaction: R2-only namespace, same zero-height collapse and arrow. */
.v2-brand-toggle { display: none; }
html.v2-brand-doc body.sa-page .top { overflow: visible; z-index: 40;
  transition: height .32s cubic-bezier(.3, .7, .2, 1), border-bottom-width .32s step-end, box-shadow .32s; }
html.v2-brand-doc body.sa-page .top .brand { transition: opacity .2s ease .1s, transform .32s cubic-bezier(.3, .7, .2, 1), visibility 0s; }
html.v2-brand-doc.v2-brand-collapsed body.sa-page .top { height: 0; border-bottom-width: 0; box-shadow: none;
  transition: height .32s cubic-bezier(.3, .7, .2, 1), border-bottom-width .32s step-start, box-shadow .32s; }
html.v2-brand-doc.v2-brand-collapsed body.sa-page .top .brand { opacity: 0; transform: translateY(-18px); visibility: hidden; pointer-events: none;
  transition: opacity .14s ease, transform .32s cubic-bezier(.3, .7, .2, 1), visibility 0s .32s; }

html.v2-brand-doc .top .v2-brand-toggle { all: unset; box-sizing: border-box; position: absolute; z-index: 41; right: 6px; top: 100%;
  width: 44px; height: 44px; display: grid; place-items: center; cursor: pointer; -webkit-tap-highlight-color: transparent;
  transform: translateY(-48px); transition: transform .32s cubic-bezier(.3, .7, .2, 1); }
html.v2-brand-doc.v2-brand-collapsed .top .v2-brand-toggle { transform: translateY(0); }
.v2-brand-toggle i { box-sizing: border-box; width: 34px; height: 22px; display: grid; place-items: center; border-radius: 11px;
  background: linear-gradient(#2c150b, #1e0d06); border: 1px solid rgba(204, 160, 92, .42);
  box-shadow: 0 1px 0 rgba(255, 220, 160, .08) inset, 0 2px 6px rgba(0, 0, 0, .28);
  transition: transform .32s cubic-bezier(.3, .7, .2, 1), border-radius .32s, background .32s; }
.v2-brand-toggle svg { width: 12px; height: 7px; fill: none; stroke: #d9ae68; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;
  transition: transform .32s cubic-bezier(.3, .7, .2, 1); }
/* collapsed: flush with the top edge, square top corners → reads as a tab hanging from the lintel */
html.v2-brand-doc.v2-brand-collapsed .v2-brand-toggle i { transform: translateY(-11px); height: 24px; border-radius: 0 0 11px 11px; border-top-width: 0;
  background: linear-gradient(rgba(30, 13, 6, .9), rgba(38, 17, 8, .82)); }
html.v2-brand-doc.v2-brand-collapsed .v2-brand-toggle svg { transform: translateY(2px) rotate(180deg); }
.v2-brand-toggle:active i { filter: brightness(1.18); }
.v2-brand-toggle:focus-visible i { box-shadow: 0 0 0 1.5px #e4c58e, 0 2px 6px rgba(0, 0, 0, .28); }
@media(min-width:701px){html.v2-brand-doc .top .v2-brand-toggle{display:none}}
