/* PR #30 — compact photo-page header so the upload action appears immediately. */

header.site {
  padding: .48rem 1.2rem !important;
  border-bottom-width: 1px;
}

header.site .container {
  margin: 0 auto !important;
  gap: .18rem;
}

header.site .brand-banner-img {
  display: block;
  width: auto;
  max-width: min(600px, 90vw);
  max-height: 88px;
  object-fit: contain;
}

header.site .subtitle {
  max-width: 1080px;
  margin: 0 auto;
  font-size: .94rem;
  line-height: 1.3;
}

.top-nav .nav-shell {
  min-height: 60px;
}

.top-nav .nav-link {
  min-height: 46px;
  padding: .5rem clamp(.7rem, 1.8vw, 1.08rem);
  font-size: 1.06rem;
}

.shrink-tool {
  margin-top: .66rem !important;
}

.tool-suite-intro {
  margin-bottom: .66rem;
}

.tool-suite-intro .tool-suite-eyebrow {
  margin: 0 0 .1rem;
  font-size: .84rem;
}

.tool-suite-intro h2 {
  margin: 0 0 .14rem;
  font-size: clamp(2.04rem, 3.84vw, 2.76rem);
  line-height: 1.05;
}

.tool-suite-intro > p:last-child {
  margin: 0;
  font-size: 1.06rem;
  line-height: 1.4;
}

@media (max-width: 700px) {
  header.site {
    padding: .36rem .78rem !important;
  }

  header.site .brand-banner-img {
    max-width: min(420px, 90vw);
    max-height: 68px;
  }

  header.site .subtitle {
    max-width: 53ch;
    font-size: .82rem;
    line-height: 1.24;
  }

  .top-nav .nav-shell {
    min-height: 58px;
  }

  .top-nav .nav-link {
    min-height: 46px;
    padding-block: .5rem;
  }

  .shrink-tool {
    margin-top: .48rem !important;
  }

  .tool-suite-intro {
    margin-bottom: .5rem;
  }

  .tool-suite-intro h2 {
    font-size: 1.86rem;
  }

  .tool-suite-intro > p:last-child {
    font-size: .96rem;
  }
}