/* Split Royal Care mark: lotus at left, wordmark at right. */
header { height: 84px; }
.brand-lockup { display: flex; align-items: center; gap: 15px; min-width: 292px; }
.brand-lotus { width: 76px; height: 66px; object-fit: contain; }
.brand-wordmark { width: 194px; height: 48px; object-fit: contain; }
nav { gap: 14px; font-size: .7rem; }
nav > a:not(.phone):not(.enquire) { height: 84px; }

@media (max-width: 760px) {
  header { height: 82px; padding: 0 18px; background: linear-gradient(105deg, #061c30, #103149); }
  .brand-lockup { gap: 10px; min-width: 0; }
  .brand-lotus { width: 58px; height: 54px; }
  .brand-wordmark { width: 150px; height: 40px; }
  .menu i { background: #fff; }
  nav { top: 82px; gap: 0; padding: 8px 22px 14px; }
  nav > a:not(.phone):not(.enquire) { height: auto; padding: 11px 0; }
  nav .phone { margin-top: 7px; padding: 9px 12px; }
  nav .enquire { margin-top: 7px; padding: 10px 12px; }
}