/* Shared header geometry for content pages; the home header stays independent. */
@media screen {
  body:not(.home-page) > .header {
    height: 80px;
    min-height: 80px;
    padding: 0 max(40px, calc((100vw - 1280px) / 2));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }
  body:not(.home-page) > .header .brand {
    display: inline-flex;
    align-items: baseline;
    gap: .2em;
    flex-shrink: 0;
    font-size: 22px;
    line-height: 1.2;
  }
  body:not(.home-page) > .header nav { gap: 34px; font-size: 13px; }
  @media (max-width: 1050px) {
    body:not(.home-page) > .header { padding-inline: 32px; }
  }
  @media (max-width: 700px) {
    body:not(.home-page) > .header { height: 76px; min-height: 76px; padding-inline: 20px; gap: 16px; }
    body:not(.home-page) > .header .brand { font-size: 21px; }
  }
  .photography-page .photo-hero { height: calc(92svh - 80px); }
  @media (max-width: 700px) {
    .photography-page .photo-hero { height: calc(85svh - 76px); }
  }
}