/* Approved Phase 1 match to The Stiltz, using Desert Breeze artwork. */
@media (min-width: 981px) {
  .site-header:not(.is-condensed) { background: transparent; }
  .site-header:not(.is-condensed) .header-frame { grid-template-columns: minmax(0, 1fr); grid-template-rows: 102px 64px; }
  .site-header:not(.is-condensed) .header-main { grid-column: 1; grid-row: 1 / span 2; grid-template-rows: 102px 64px; }
  .site-header:not(.is-condensed) .header-mark,
  .site-header:not(.is-condensed) .header-book-panel { display: none; }
  .site-header:not(.is-condensed) .main-nav { display: flex; border: 0; }
  .site-header:not(.is-condensed) .header-brand { border: 0; padding: 16px 20px 8px; }
  .site-header:not(.is-condensed) .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:not(.is-condensed) .header-brand-logo img { display: block; height: 100%; max-height: 100%; max-width: 100%; object-fit: contain; width: auto; transform: scale(1.38); transform-origin: center top; }
}
@media (min-width: 981px) and (hover: hover) and (pointer: fine) {
  .site-header:not(.is-condensed) .header-frame,
  .site-header:not(.is-condensed) .header-main { grid-template-rows: 92px 64px; min-height: 156px; }
  .site-header:not(.is-condensed) .header-brand { padding: 16px 20px 8px; }
  /* Desktop: a further 10% logo enlargement and Stiltz-like logo-to-menu gap. */
  .site-header:not(.is-condensed) .header-brand-logo img { height: 59.2px; align-self: flex-start; transform: scale(1.518); }
}

/* Keep the overlay fitted to the tighter desktop rows, 2026-09-16. */
@media (min-width: 981px) and (hover: hover) and (pointer: fine) {
  .site-header:not(.is-condensed) { background: transparent; min-height: 156px; }
}

/* 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 / 298;
    object-fit: contain;
  }
}

/* Match approved Stiltz Phase 1 white fade and black navigation. */
@media (min-width: 981px) {
  .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, .65) 0%,
      rgba(255, 255, 255, .65) calc(100% - 100px),
      rgba(255, 255, 255, 0) 100%);
  }
  .site-header:not(.is-condensed) .main-nav a {
    color: #000;
    text-shadow: none;
  }
}

/* Margaret's 2026-10-13 header refinements: room below the main logo and a taller white compact strip. */
body .site-header[data-site-header].is-condensed { background: #fff; }
@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].is-condensed { min-height: 90px; }
  body .site-header[data-site-header].is-condensed .header-frame {
    grid-template-columns: 344px minmax(0, 1fr) 188px;
    grid-template-rows: 90px;
    min-height: 90px;
  }
  body .site-header[data-site-header].is-condensed .header-mark { padding-left: 26px; }
  body .site-header[data-site-header].is-condensed .header-mark img.header-mark-logo {
    width: 300px;
    max-height: 76px;
    scale: 1;
    translate: 0;
  }
}