/* The cab stays parked until pointer, scroll or touch movement arrives. */
html { scroll-padding-top: 152px; }
.site-header {
  background: #edf0e3;
  border-bottom-color: #dbe1cf;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.header-scene {
  position: relative;
  height: 132px;
  isolation: isolate;
}
.site-header .nav-shell {
  position: relative;
  z-index: 1;
  height: 72px;
}
.site-header .brand,
.site-header .desktop-nav a {
  text-shadow: 0 1px 8px #f3f4eb;
}
.taxi-banner {
  position: absolute;
  inset: 0;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  pointer-events: none;
  background: linear-gradient(180deg, #f3f4eb, #e9eddd);
}
.taxi-city {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 1440px;
  min-width: 100%;
  height: 96px;
  max-width: none;
  color: #8d9b78;
  opacity: .48;
  transform: translateX(-50%);
}
.taxi-road {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  border-top: 1px solid #b8c4a5;
  background: #e2e8d5;
}
.taxi-road::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  border-top: 1px dashed #bcc8aa;
}
.taxi-journey {
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 100%;
  height: 81px;
  will-change: transform;
  transform: translateX(calc(65% - 90px));
}
.london-taxi {
  display: block;
  width: 180px;
  height: 81px;
  max-width: none;
  overflow: visible;
}
.taxi-wheel {
  transform-origin: 0 0;
}
@media (max-width: 700px) {
  html { scroll-padding-top: 144px; }
  .header-scene { height: 124px; }
  .site-header .nav-shell { height: 64px; }
  .taxi-city { width: 1100px; height: 76px; bottom: 18px; }
  .taxi-road { height: 18px; }
  .taxi-road::after { top: 8px; }
  .taxi-journey {
    bottom: 6px;
    height: 67px;
    transform: translateX(calc(65% - 75px));
  }
  .london-taxi { width: 150px; height: 67px; }
}