/* Loaded after page styles. Decorative actions share the exact speaker mark. */
:root { --brand-control-teal:#00e5cc; --brand-control-red:#e8483f; --brand-control-third:#7752ff; --brand-control-ease:cubic-bezier(.23,1,.32,1); }
.brand-action-mark {
  position:relative; display:inline-flex!important; align-items:center; justify-content:center;
  flex:0 0 18px!important; width:18px!important; height:18px!important; vertical-align:middle;
  overflow:visible!important; pointer-events:none; background:none!important;
  mask:none!important; -webkit-mask:none!important; transform:none!important;
}
.brand-action-mark.partner-arrow { position:absolute; }
.brand-action-mark .brand-arrow-glyph {
  display:block; width:100%; height:100%; overflow:visible; transform-origin:center;
  transition:transform 360ms var(--brand-control-ease),opacity 160ms ease;
}
.brand-action-mark .brand-arrow-cell { fill:var(--brand-control-red)!important; stroke:none!important; }
.brand-action-mark .brand-arrow-cell:nth-child(even) { fill:var(--brand-control-teal)!important; }
.brand-action-mark::after {
  content:''; position:absolute; inset:3px;
  background:conic-gradient(var(--brand-control-teal) 0 50%,var(--brand-control-red) 0);
  opacity:0; transform:rotate(0deg) scale(.8);
  transition:transform 180ms var(--brand-control-ease),opacity 120ms ease;
}
/* Only pseudo-arrows are removed; stepped button background layers stay intact. */
.brand-action:is(.btn,.text-link,.city-text-link)::after { content:none!important; }
.brand-action-mark + .brand-action-mark { margin-left:0; }
.brand-action:not(.hero-ticket):not(.partner-card) > .brand-action-mark { margin-inline-start:12px; }
.brand-action:is(.btn,.text-link,.city-text-link,.pill-button,.nav-ticket,.buy-ticket,.ftr2__hostbtn) { gap:12px; }
.brand-action:is(.btn,.text-link,.city-text-link,.pill-button,.nav-ticket,.buy-ticket,.ftr2__hostbtn) > .brand-action-mark { margin-inline-start:0; }
[data-brand-action]:is(:active,[data-brand-pressed]) .brand-arrow-glyph {
  transform:rotate(450deg) scale(.82); opacity:0; transition-duration:180ms,120ms;
}
[data-brand-action]:is(:active,[data-brand-pressed]) .brand-action-mark::after {
  transform:rotate(90deg) scale(1); opacity:1;
}
@media(hover:hover) and (pointer:fine) {
  [data-brand-action]:hover:not(:focus-visible):not(:active):not([data-brand-pressed]):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) .brand-arrow-glyph { transform:rotate(360deg); }
}
[data-brand-action]:is(:focus-visible,:disabled,[aria-disabled="true"],[aria-busy="true"]):not([data-brand-pressed]) .brand-arrow-glyph { transform:none; opacity:1; transition:none; }
[data-brand-action]:is(:focus-visible,:disabled,[aria-disabled="true"],[aria-busy="true"]):not([data-brand-pressed]) .brand-action-mark::after { transform:none; opacity:0; transition:none; }
[data-brand-eyebrow] { display:flex; align-items:center; gap:12px; }
[data-brand-eyebrow]::before { content:none!important; }
.brand-triad {
  --brand-triad-third:var(--brand-control-third); position:relative; display:inline-block;
  flex:0 0 18px; width:18px; height:18px; margin:0; background:none; vertical-align:middle;
}
.brand-triad[data-brand-tone="dark"] { --brand-triad-third:#fff; }
.brand-triad > i { position:absolute; width:6px; height:6px; background:var(--brand-control-teal); }
.brand-triad > i:nth-child(1) { left:0; top:0; }
.brand-triad > i:nth-child(2) { right:0; top:6px; background:var(--brand-control-red); }
.brand-triad > i:nth-child(3) { left:0; bottom:0; background:var(--brand-triad-third); }
.signup-copy > .brand-triad { margin-bottom:24px; }
@media(prefers-reduced-motion:reduce) {
  [data-brand-action] .brand-arrow-glyph { transform:none!important; opacity:1!important; transition:none!important; }
  [data-brand-action] .brand-action-mark::after { transform:none!important; opacity:0!important; transition:none!important; }
}

/* Hero geometry/placement stays owned by hero-scroll.css: only recolour cells. */
.hero-ticket .pixel-glyph .pixel-cell { fill:var(--brand-control-teal)!important; stroke:none!important; }
.hero-ticket .pixel-glyph .pixel-cell:nth-child(2) { fill:var(--brand-control-red)!important; }
.hero-ticket .pixel-glyph .pixel-cell:nth-child(3) { fill:var(--brand-control-third)!important; }