.hc-brand-reel {
  --hc-brand-logo-hover: rgba(255, 255, 255, .58);
  --hc-brand-logo-hover-border: #101010;
  --hc-brand-editorial: #111;
  --hc-brand-editorial-eyebrow: #dca34d;
  --hc-brand-editorial-title: #fff;
  --hc-brand-editorial-body: #d3d3d3;
  --hc-brand-editorial-cta: #f3bd66;
  --hc-brand-editorial-cta-hover-bg: #f3bd66;
  --hc-brand-editorial-cta-hover-text: #111;
  --hc-brand-action-hover: rgba(255, 255, 255, .08);
}

.hc-brand-reel__logo:hover,
.hc-brand-reel__logo:focus-visible {
  background: var(--hc-brand-logo-hover) !important;
  border-color: var(--hc-brand-logo-hover-border) !important;
  outline: 0;
}

.hc-brand-reel__application { background-color: var(--hc-brand-editorial); }
.hc-brand-reel__meta span { color: var(--hc-brand-editorial-eyebrow); }
.hc-brand-reel__meta h3 { color: var(--hc-brand-editorial-title); }
.hc-brand-reel__meta p { color: var(--hc-brand-editorial-body); }

.hc-brand-reel__editorial-cta {
  align-items: center;
  border-bottom: 1px solid currentColor;
  color: var(--hc-brand-editorial-cta);
  display: inline-flex;
  font: 600 .72rem/1.2 Inter, Arial, sans-serif;
  gap: .85rem;
  letter-spacing: .14em;
  margin-top: 1.75rem;
  padding: 0 0 .7rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .2s, color .2s, padding .2s;
}
.hc-brand-reel__editorial-cta b { font-size: 1.15rem; font-weight: 400; }
.hc-brand-reel__editorial-cta:hover,
.hc-brand-reel__editorial-cta:focus-visible {
  background: var(--hc-brand-editorial-cta-hover-bg);
  color: var(--hc-brand-editorial-cta-hover-text);
  outline: 0;
  padding: .6rem .85rem;
}

.hc-brand-reel__actions > * { transition: background .2s, color .2s; }
.hc-brand-reel__actions > a:hover,
.hc-brand-reel__actions > a:focus-visible { background: var(--hc-brand-action-hover); outline: 0; }
.hc-brand-reel__motion .hanly-element { min-height: 1px; }

@media (max-width: 767px) {
  .hc-brand-reel__editorial-cta { margin-top: 1rem; }
}