/* A compact homepage header, aligned to the hero's content edges. */
.field-topbar.integrated-masthead {
  display: block;
  padding: 0 var(--page-gutter);
  color: var(--paper);
  background: #103c30;
}
.masthead-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid #b5cd9b40;
}
.masthead-brand { display: flex; align-items: center; gap: 1.5rem; }
.integrated-masthead .field-wordmark {
  flex-shrink: 0;
  color: var(--paper);
  gap: .55rem;
  font-size: 1.75rem;
  line-height: .92;
}
.integrated-masthead .field-wordmark svg {
  stroke: #d58a6c;
  width: 1.6rem;
  height: 1.6rem;
}
.masthead-utility {
  display: grid;
  gap: .25rem;
  margin: 0;
  padding-left: 1.5rem;
  border-left: 1px solid #b5cd9b40;
  font-size: .65rem;
  line-height: 1.5;
  letter-spacing: .03em;
  color: #b8cbb8;
}
.integrated-masthead nav { align-items: center; flex-wrap: nowrap; gap: 1.5rem; margin: 0; font-size: .8rem; }
.integrated-masthead nav a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem 0; white-space: nowrap; }
.integrated-masthead nav .masthead-contact {
  gap: 1rem;
  border: 1px solid #b5cd9b70;
  border-radius: 2px;
  padding: .5rem .9rem;
}
.integrated-masthead nav .masthead-contact:hover { background: #ffffff12; text-decoration: none; }
.masthead-menu {
  display: none;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  padding: .5rem .75rem;
  min-height: 44px;
  font: inherit;
  font-size: .8rem;
  color: var(--paper);
  background: transparent;
  border: 1px solid #b5cd9b70;
  border-radius: 2px;
  cursor: pointer;
}
.integrated-masthead :focus-visible { outline: 2px solid #efae90; outline-offset: 5px; }
@media (max-width: 60rem) {
  .masthead-utility { display: none; }
}
@media (max-width: 42rem) {
  .masthead-row { flex-wrap: wrap; gap: .85rem; padding: 1rem 0; }
  .integrated-masthead .field-wordmark { font-size: 1.65rem; }
  .integrated-masthead nav { width: 100%; gap: .5rem 1rem; justify-content: space-between; flex-wrap: wrap; }
  .integrated-masthead.is-menu-ready .masthead-menu { display: inline-flex; }
  .integrated-masthead.is-menu-ready:not(.is-open) nav { display: none; }
  .integrated-masthead.is-open nav { border-top: 1px solid #b5cd9b40; padding-top: .75rem; }
  .integrated-masthead nav .masthead-contact { gap: .7rem; padding: .5rem .75rem; }
}