/* WB7R1 — Header clarity, navigation hierarchy & restrained hero-video refinement.
   Derived from user visual acceptance after WB7. Brand geometry/colours remain unchanged. */

/* Stronger identity without enlarging the whole page. */
.p5-header .p5-header-inner {
  min-height: 90px;
  gap: 1rem;
}
.p5-header .p5-brand {
  gap: .85rem;
}
.p5-header .p5-brand-logo-h3 {
  width: 198px !important;
  height: auto !important;
  image-rendering: auto;
}
.p5-brand-companion {
  gap: .18rem;
  padding-left: .86rem;
  border-left-color: rgba(6,45,34,.16);
}
.p5-brand-nepali {
  font-size: .88rem;
  font-weight: 800;
  line-height: 1.18;
}
.p5-brand-location {
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .085em;
  line-height: 1.2;
}

/* Commercial actions lead; links stay on one line instead of looking accidental/wrapped. */
.p5-nav {
  gap: .82rem;
}
.p5-nav > a:not(.p5-btn) {
  white-space: nowrap;
  font-size: .92rem;
}
.p5-nav > .p5-btn {
  white-space: nowrap;
  padding-inline: 1rem;
  font-size: .84rem;
}

/* Collapse earlier than the old 1000px threshold rather than compressing the brand or wrapping menu labels. */
@media (max-width: 1160px) {
  .p5-nav {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    background: var(--p5-ivory-50);
    padding: 1rem 18px 1.35rem;
    border-bottom: 1px solid var(--p5-line);
    box-shadow: var(--p5-shadow-sm);
    flex-direction: column;
    align-items: stretch;
    margin: 0;
  }
  .p5-nav.is-open { display: flex; }
  .p5-nav > a:not(.p5-btn) { padding: .8rem .25rem; }
  .p5-nav-toggle { display: inline-flex; }
  .p5-brand-companion { display: flex; }
  .p5-header .p5-brand-logo-h3 { width: 190px !important; }
  .p5-brand-nepali { font-size: .84rem; }
  .p5-brand-location { font-size: .64rem; }
}

@media (max-width: 680px) {
  .p5-header .p5-header-inner { min-height: 72px; }
  .p5-header .p5-brand-logo-h3 { width: 160px !important; }
  .p5-brand-companion { display: none; }
}

@media (max-width: 360px) {
  .p5-header .p5-brand-logo-h3 { display: none; }
  .p5-header .p5-brand-logo-i2 { display: block; }
}

/* Hero video stays secondary evidence of craft; only a restrained large-desktop increase. */
.captivating-hero-shell {
  min-height: min(500px, calc(100svh - 90px));
}
@media (min-width: 1181px) {
  .captivating-hero-shell {
    grid-template-columns: minmax(380px, .90fr) minmax(520px, 1.10fr);
    gap: clamp(1.5rem, 2.5vw, 2.25rem);
    padding-top: clamp(1.05rem, 1.9vw, 1.8rem);
  }
  .captivating-hero-media-card {
    width: min(100%, 665px);
  }
}