/* Final explicit brand layer. It always uses the supplied chrome asset rather
   than a tinted text approximation, so each screen size sees the same mark. */
.nav > .brand,
footer > .brand {
  display: block !important;
  overflow: visible !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  line-height: 0;
}

.nav > .brand .site-brand-logo,
footer > .brand .site-brand-logo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* Keep the official chrome asset in the About Ace visual and in both logo
   panels that open from Ace Signature Media's project journey. */
.about-visual .about-logo,
.ace-logo-panel {
  background: #020405 !important;
}

.about-visual .about-logo img,
.reel-mark img,
.ace-logo-panel img {
  display: block !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* The founder image and resume action remain on the Team page only. */
.team-page .team-founder-card,
.team-page .team-founder-portrait {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.team-page .resume-halo-button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Desktop-only: keep the standalone Resume action centered beneath the
   founder profile, without changing the tablet or phone placement. */
@media (min-width: 1024px) {
  .team-page .resume-halo-button {
    display: flex !important;
    margin: 30px auto 0 !important;
    inset: auto !important;
    float: none !important;
  }
}

@media (min-width: 751px) {
  .nav > .brand {
    width: 170px !important;
    height: 78px !important;
  }

  footer > .brand {
    width: 170px !important;
    height: 78px !important;
    transform: translateY(-28px) !important;
  }
}

/* Phone-only: restore the logo in the header, then place it on the left side
   of the footer so it does not overlap the Ace Enterprises mark on the right. */
@media (max-width: 750px) {
  .nav > .brand {
    display: block !important;
    visibility: visible !important;
    width: 128px !important;
    height: 60px !important;
    margin: 0 !important;
    transform: none !important;
    position: relative;
    z-index: 8;
  }

  footer > .brand {
    display: block !important;
    visibility: visible !important;
    grid-column: 1 / 3 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    align-self: center !important;
    width: 124px !important;
    height: 54px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .about-visual .about-logo {
    display: grid !important;
    visibility: visible !important;
  }

  /* Phone-only brand restoration: keep every supplied chrome mark present,
     and bring back the homepage presentation mark without crowding the
     calls to action or the scroll cue. */
  .nav > .brand .site-brand-logo,
  footer > .brand .site-brand-logo,
  .about-visual .about-logo img,
  .journey-modal .reel-mark img,
  .journey-modal .ace-logo-panel img,
  footer .footer-enterprises-mark {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
  }

  .signature-hero .hero-mark {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    z-index: 3 !important;
    right: 6vw !important;
    left: auto !important;
    bottom: 112px !important;
    width: min(44vw, 170px) !important;
    height: auto !important;
    padding: 7px 8px !important;
    overflow: visible !important;
    border: 1px solid rgba(154, 222, 255, .32) !important;
    background: linear-gradient(145deg, rgba(12, 27, 40, .54), rgba(2, 5, 8, .28)) !important;
    box-shadow: 0 0 19px rgba(75, 182, 246, .18) !important;
    clip-path: none !important;
    opacity: .84 !important;
    transform: none !important;
  }

  .signature-hero .hero-mark::before,
  .signature-hero .hero-mark::after {
    display: none !important;
  }

  .signature-hero .hero-mark img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
  }

  .team-page .team-founder-card {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .team-page .team-founder-portrait,
  .team-page .team-founder-portrait img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}