.brand-mark {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: inherit !important;
}

.brand-mark img,
.window-brand img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.42));
}

.window-brand {
  width: 76px !important;
  height: 76px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: inherit !important;
}

.home-footer .brand-mark {
  width: 48px !important;
  height: 48px !important;
}

@media (max-width: 760px) {
  .brand-mark { width: 38px !important; height: 38px !important; }
  .window-brand { width: 54px !important; height: 54px !important; }
}

.hero-media {
  background:
    linear-gradient(90deg, rgba(4, 5, 10, 1) 0%, rgba(4, 5, 10, 0.96) 28%, rgba(4, 5, 10, 0.72) 48%, rgba(4, 5, 10, 0.22) 72%, rgba(4, 5, 10, 0.12) 100%),
    linear-gradient(0deg, #070910 0%, rgba(7, 9, 16, 0.15) 42%, transparent 65%),
    url('/images/home-hero-sunset.webp') center / cover no-repeat !important;
}

.hero-content::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -48px -70px -48px -55px;
  border-radius: 36px;
  background: radial-gradient(ellipse at 30% 50%, rgba(2, 3, 7, 0.78) 0%, rgba(2, 3, 7, 0.46) 52%, transparent 76%);
  pointer-events: none;
}

.hero h1,
.hero-copy,
.hero-meta,
.hero .eyebrow {
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.9);
}

@media (max-width: 760px) {
  .hero-media {
    background:
      linear-gradient(90deg, rgba(4, 5, 10, 0.97), rgba(4, 5, 10, 0.72)),
      linear-gradient(0deg, #070910 0%, transparent 48%),
      url('/images/home-hero-sunset.webp') 62% center / cover no-repeat !important;
  }
  .hero-content::before { inset: -28px -18px; }
}