:root {
  --taxi-yellow: #f4c400;
  --taxi-black: #1f1f1f;
  --page-white: #ffffff;
  --page-gray: #f2f2f0;
}

body {
  font-size: 15px;
}

.site-header {
  height: 104px;
  padding: 0 clamp(24px, 7vw, 108px);
  color: var(--taxi-black);
  background: var(--taxi-yellow);
}

.site-header .brand {
  display: none !important;
}

.site-header nav {
  gap: clamp(28px, 4vw, 68px);
  margin: 0;
  font: 600 clamp(23px, 2.25vw, 32px) "Barlow Condensed", sans-serif;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.site-header nav a:hover,
.site-header nav .current {
  color: #fff;
}

.site-header .header-phone {
  margin-left: auto;
  padding-left: 34px;
  border: 0;
}

.site-header .header-phone span {
  color: var(--taxi-black);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.site-header .header-phone strong {
  font-size: 38px;
}

.page-hero {
  padding: 78px clamp(24px, 12vw, 190px) 70px;
  color: #fff;
  background: var(--taxi-black);
}

.page-hero h1 {
  font-size: clamp(52px, 6.4vw, 84px);
}

.page-hero p:last-child {
  max-width: 520px;
  margin: 20px 0 0;
  color: #d5d5d5;
  line-height: 1.6;
}

.content-wrap {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
  padding: 82px 0;
}

.content-wrap h2 {
  margin-bottom: 24px;
  font-size: clamp(36px, 4vw, 56px);
}

.content-wrap p {
  max-width: 720px;
  color: #4e4e4e;
  line-height: 1.8;
}

.content-wrap p + p {
  margin-top: 20px;
}

.service-grid {
  margin-top: 0;
}

.service-grid article {
  min-height: 270px;
}

.service-grid h3 {
  font-size: 23px;
}

.about-layout {
  display: grid;
  grid-template-columns: minmax(260px, .65fr) minmax(0, 1fr);
  gap: clamp(40px, 8vw, 120px);
  align-items: start;
}

.about-aside {
  padding: 42px 36px;
  color: #fff;
  background: var(--taxi-black);
}

.about-aside h2 {
  margin-bottom: 80px;
}

.about-aside strong {
  color: var(--taxi-yellow);
  font: 700 62px/.85 "Barlow Condensed", sans-serif;
}

.tariff-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(40px, 8vw, 100px);
}

.legal h3 {
  margin: 38px 0 12px;
  font: 600 27px "Barlow Condensed", sans-serif;
  text-transform: uppercase;
}

@media (max-width: 850px) {
  .site-header { height: 74px; }
  .site-header nav { gap: 18px; font-size: 21px; }
  .site-header nav a:nth-child(n + 4) { display: none; }
  .site-header .header-phone { padding-left: 0; }
  .site-header .header-phone span { display: none; }
  .site-header .header-phone strong { font-size: 26px; }
  .about-layout, .tariff-grid { grid-template-columns: 1fr; }
}