/* Supplied Stiltz logo replaces the separate Phase 1 wordmark and slogan. */
.site-header .header-brand-logo {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 0;
  max-width: 100%;
  min-height: 0;
  width: 100%;
}
.site-header .header-brand-logo img {
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

/* Expanded desktop header: centred logo and menu, without side panels. */
@media (min-width: 981px) {
  .site-header:not(.is-condensed) .header-frame {
    grid-template-columns: minmax(0, 1fr);
  }
  .site-header:not(.is-condensed) .header-main {
    grid-column: 1;
  }
  .site-header:not(.is-condensed) .header-mark,
  .site-header:not(.is-condensed) .header-book-panel {
    display: none;
  }
  .site-header:not(.is-condensed) .header-brand,
  .site-header:not(.is-condensed) .main-nav {
    border: 0;
  }
}

/* Breathing room above the expanded desktop logo. */
@media (min-width: 981px) {
  .site-header:not(.is-condensed) .header-brand {
    padding-top: 16px !important;
  }
}

/* Expand the Phase 1 logo downward, preserving top spacing and menu position. */
@media (min-width: 981px) {
  .site-header:not(.is-condensed) .header-brand-logo img {
    transform: scale(1.265);
    transform-origin: center top;
  }
}

/* Phase 1 white overlay fades into the hero without a hard bottom edge. */
@media (min-width: 981px) {
  .site-header:not(.is-condensed) {
    --phase1-overlay-opacity: .65;
    background: transparent;
  }
  .site-header:not(.is-condensed)::before {
    content: '';
    position: absolute;
    inset: 0 0 -100px;
    pointer-events: none;
    z-index: -1;
    background: linear-gradient(to bottom,
      rgba(255, 255, 255, var(--phase1-overlay-opacity)) 0%,
      rgba(255, 255, 255, var(--phase1-overlay-opacity)) calc(100% - 100px),
      rgba(255, 255, 255, 0) 100%);
  }
  .site-header:not(.is-condensed) .main-nav a {
    color: #000;
    text-shadow: none;
  }
  body:has(main.stay-page-full) .site-header:not(.is-condensed) { --phase1-overlay-opacity: .65; }
  body:has(main.contact-page) .site-header:not(.is-condensed) { --phase1-overlay-opacity: .65; }
}

/* Keep the existing Phase B image box when using Phase A shadow artwork. */
@media (min-width: 981px) and (pointer: fine) {
  .site-header.is-condensed .header-mark img.header-mark-logo {
    aspect-ratio: 1200 / 353;
    object-fit: contain;
  }
}

/* Match Desert Breeze Phase 1 header height and logo-to-menu spacing. */
@media (min-width: 981px) and (pointer: fine) {
  body .site-header[data-site-header]:not(.is-condensed) .header-frame,
  body .site-header[data-site-header]:not(.is-condensed) .header-main {
    grid-template-rows: 130px 64px;
    min-height: 194px;
  }
  body .site-header[data-site-header]:not(.is-condensed) { min-height: 194px; }
  body .site-header[data-site-header]:not(.is-condensed) .header-brand-logo img { height: 71px; }
}

/* Phase B uses the same clean white header surface. */
body .site-header[data-site-header].is-condensed { background: #fff; }