/* Concept 07: five equal navigation segments, with a separate trip action. */
.header.segmented-header {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(480px,560px) minmax(0,1fr);
  width:min(calc(100% - 48px),1320px);
  height:88px;
  gap:24px;
  padding:0;
  background:#fff;
  position:relative;
  z-index:40;
}
.segmented-header .brand.brand-image {width:230px;max-width:100%;justify-self:start}
.segmented-header .brand-image img {width:100%;height:52px;object-fit:cover;object-position:center}
.header.segmented-header .header-nav {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:0;
  width:100%;
  padding:3px;
  border:1px solid #dfe8e5;
  border-radius:12px;
  background:#f0f5f3;
  box-shadow:none;
  position:static;
}
.header.segmented-header .header-nav-link {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:46px;
  padding:10px 8px;
  border-radius:8px;
  color:#26383f;
  font-size:14px;
  font-weight:600;
  line-height:1.3;
  text-decoration:none;
  transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.header-nav-link + .header-nav-link::before {content:"";position:absolute;left:-2px;top:11px;bottom:11px;width:1px;background:#dce6e2}
.header.segmented-header .header-nav-link[aria-current] {background:#fff;color:#c63716;box-shadow:0 1px 4px #2030390a}
.header-nav-link[aria-current]::after {content:"";position:absolute;bottom:0;left:18px;right:18px;height:3px;background:#d93c17;border-radius:3px 3px 0 0}
.segmented-header .header-actions {justify-self:end;display:flex;align-items:center;gap:10px}
.header.segmented-header .header-cta {min-height:46px;padding:12px 22px;gap:16px;border-radius:999px;background:#d93c17;color:#fff;font-size:13px;white-space:nowrap}
.header.segmented-header .header-cta span {display:inline}
.header.segmented-header .menu-button {display:none}
.segmented-header a:focus-visible,.segmented-header button:focus-visible {outline:3px solid #9b2a0f;outline-offset:4px}
@media(hover:hover) {
  .header.segmented-header .header-nav-link:hover {background:#e2eeea;color:#b33113;text-decoration:none}
  .header.segmented-header .header-nav-link[aria-current]:hover {background:#fff}
  .header.segmented-header .header-cta:hover {background:#ba3112}
}
@media(max-width:1000px) and (min-width:901px) {
  .header.segmented-header {grid-template-columns:minmax(0,1fr) 500px minmax(0,1fr);gap:16px}
  .header.segmented-header .header-cta {padding-inline:16px;gap:10px}
}
@media(max-width:900px) {
  .header.segmented-header {width:calc(100% - 40px);height:76px;grid-template-columns:minmax(0,1fr) auto;gap:14px}
  .segmented-header .brand.brand-image {width:200px}
  .segmented-header .brand-image img {height:46px}
  .segmented-header .header-actions {gap:8px}
  .header.segmented-header .header-cta {min-height:44px;padding:11px 17px;font-size:12px;gap:12px}
  .header.segmented-header .menu-button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid #dfe8e5;border-radius:10px;background:#f0f5f3;cursor:pointer}
  .segmented-header .menu-button span {display:block;width:19px;height:2px;background:#26383f;transition:transform .2s ease}
  .segmented-header .menu-button[aria-expanded="true"] span:first-child {transform:translateY(4px) rotate(45deg)}
  .segmented-header .menu-button[aria-expanded="true"] span:last-child {transform:translateY(-4px) rotate(-45deg)}
  .header.segmented-header .header-nav {display:none;position:absolute;top:calc(100% - 2px);left:0;right:0;width:100%;padding:6px;grid-template-columns:1fr;border-radius:14px;box-shadow:0 14px 30px #20303914}
  .header.segmented-header .header-nav.open {display:grid}
  .header.segmented-header .header-nav-link {justify-content:flex-start;min-height:52px;padding:15px 20px;font-size:15px}
  .header-nav-link + .header-nav-link::before {left:12px;right:12px;top:-1px;bottom:auto;width:auto;height:1px}
  .header-nav-link[aria-current]::after {left:0;top:10px;bottom:10px;right:auto;width:3px;height:auto;border-radius:0 3px 3px 0}
}
@media(max-width:380px) {
  .header.segmented-header {width:calc(100% - 24px);gap:8px;height:70px}
  .segmented-header .brand.brand-image {width:146px}
  .segmented-header .brand-image img {height:36px}
  .segmented-header .header-actions {gap:6px}
  .header.segmented-header .header-cta {padding-inline:13px;font-size:11px;gap:0}
  .header.segmented-header .header-cta span {display:none}
}
@media(prefers-reduced-motion:reduce) {
  .header.segmented-header .header-nav-link,.segmented-header .menu-button span {transition:none}
}