/* The existing portrait is displayed in white without altering its pixels. */
.aoa-client-header .topbar-inner { min-height: 100px; padding-block: 12px; gap: 24px; }
.aoa-client-header .aoa-signature {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  color: #fff;
  text-decoration: none;
  letter-spacing: normal;
}
.aoa-signature-face { display: block; width: 68px; height: 68px; flex: 0 0 68px; overflow: hidden; filter: brightness(0) invert(1); }
.aoa-signature-copy { display: flex; flex-direction: column; gap: 5px; }
.aoa-signature-name { font: 500 40px/1 'Space Grotesk', Arial, sans-serif; letter-spacing: -.065em; }
.aoa-signature-full { font: 500 11px/1.3 'Space Grotesk', Arial, sans-serif; white-space: nowrap; letter-spacing: 0; }
.aoa-client-header nav { gap: 24px; }
.aoa-client-header nav > a { min-height: 44px; display: inline-flex; align-items: center; white-space: nowrap; }
.detail-dash .booking-intro { top: 125px; }
.detail-dash section[id], .detail-dash main[id] { scroll-margin-top: 112px; }
@media (max-width: 850px) {
  .aoa-client-header .topbar-inner { flex-direction: column; align-items: stretch; gap: 8px; }
  .aoa-client-header .aoa-signature { align-self: flex-start; }
  .aoa-client-header nav { justify-content: space-between; gap: 12px; }
  .aoa-client-header nav > a, .aoa-client-header .booking-menu > summary { font-size: 12px; }
  .detail-dash .booking-intro { top: 165px; }
  .detail-dash section[id], .detail-dash main[id] { scroll-margin-top: 160px; }
  .detail-dash #story-title, .detail-dash #services-title { scroll-margin-top: 160px; }
  .aoa-client-header .booking-menu-panel { max-height: calc(100dvh - 185px); }
}
@media (max-width: 430px) {
  .aoa-client-header nav { gap: 8px; }
  .aoa-client-header nav > a, .aoa-client-header .booking-menu > summary { font-size: 11px; }
  .aoa-client-header .booking-menu > summary { gap: 4px; }
}
@media (max-width: 360px) {
  .aoa-client-header nav { display: grid; grid-template-columns: repeat(2, max-content); gap: 0 16px; }
  .aoa-client-header .booking-menu { justify-self: end; }
  .detail-dash section[id], .detail-dash main[id], .detail-dash #story-title, .detail-dash #services-title { scroll-margin-top: 204px; }
  .aoa-client-header .booking-menu-panel { max-height: calc(100dvh - 225px); }
}