/* Source-verified BUNCH identity: current Instagram logo and Bio Site palette. */
:root {
  --red: #fd0102;
  --deep-red: #b20606;
}

.brand {
  gap: 14px;
  letter-spacing: -.045em;
}

.brand-logo-frame {
  display: block;
  position: relative;
  width: 174px;
  height: 58px;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-radius: 0;
  flex: none;
}

.brand-logo {
  position: static;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}

.empire-name {
  display: block;
  line-height: .96;
}

.empire-name b {
  color: var(--red);
  font-weight: 800;
}

.empire-name small {
  margin-top: 6px;
}

.btn.red,
.passport-card {
  background: var(--deep-red);
  border-color: var(--deep-red);
}

.footer .brand-logo-frame {
  width: 154px;
  height: 52px;
  border: 0;
  background: transparent;
  margin-bottom: 12px;
  overflow: visible;
}

.footer .brand {
  display: inline-flex;
  width: auto;
}

.footer .brand-logo {
  filter: brightness(0) invert(1);
  opacity: .96;
}

.footer .empire-name {
  color: #fff;
}

@media (max-width: 1050px) {
  .brand-logo-frame { width: 150px; height: 50px; }
  .empire-name small { display: none; }
}

@media (max-width: 760px) {
  .brand-logo-frame { width: 142px; height: 46px; }
  .empire-name { font-size: .82rem; }
  .site-header { gap: 12px; }
}

@media (max-width: 430px) {
  .empire-name { display: none; }
  .brand-logo-frame { width: 132px; height: 44px; }
}