/* Shared header appearance. Page-specific navigation and behavior are retained. */
header.unified-header {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 28px;
  width: 100%;
  max-width: none;
  min-height: 74px;
  margin: 0;
  padding: 14px 5%;
  background: #fffaf3;
  color: #2b1721;
  border: 0;
  border-bottom: 1px solid #ded2c8;
  border-radius: 0;
  font: 14px/1.5 Inter, system-ui, sans-serif;
}
header.unified-header > a {
  display: block;
  flex: 0 0 212px;
  width: 212px;
  min-width: 212px;
  padding: 0;
}
header.unified-header > a img { display:block; width:212px; max-width:100%; height:auto; }
header.unified-header nav {
  display:flex; flex-direction:row; align-items:center; justify-content:flex-end;
  flex-wrap:nowrap; gap:16px; width:auto; margin:0; padding:0;
  font:inherit;
}
header.unified-header nav a, header.unified-header nav button {
  display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 auto; min-height:42px; margin:0; padding:9px 0;
  color:#2b1721; background:transparent; border:1px solid transparent;
  border-radius:999px; text-decoration:none; white-space:nowrap;
  font:750 14px/1.5 Inter,system-ui,sans-serif; letter-spacing:normal;
}
header.unified-header nav :is(.nav-cta,.navButton,button),
header.unified-header nav a[href="/urban-ownership"],
header.unified-header nav a[href="/workplace-experience"] {
  padding:9px 16px; border-color:#01a072; background:transparent;
}
header.unified-header nav a:hover, header.unified-header nav button:hover {color:#007c59;}
header.unified-header nav :is(.nav-cta,.navButton,button):hover,
header.unified-header nav a[href="/urban-ownership"]:hover,
header.unified-header nav a[href="/workplace-experience"]:hover {background:#dff3eb;color:#2b1721;}
header.unified-header a:focus-visible,header.unified-header button:focus-visible {outline:2px solid #01a072;outline-offset:4px;}
@media(max-width:1100px){
  header.unified-header{flex-wrap:wrap;gap:10px;padding:12px 5%;}
  header.unified-header > a{flex-basis:180px;width:180px;min-width:180px;}
  header.unified-header > a img{width:180px;}
  header.unified-header nav{order:2;width:100%;min-width:0;max-width:100%;justify-content:flex-start;overflow-x:auto;gap:12px;scrollbar-width:none;}
  header.unified-header nav a,header.unified-header nav button{font-size:13px;}
}
