.header-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.header-link svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}

.header-link .icon-dot {
  fill: currentColor;
  stroke: none;
}

.button-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.countdown {
  width: min(100%, 460px);
  margin-top: clamp(42px, 6vh, 64px);
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.countdown-label {
  display: block;
  margin-bottom: 15px;
  color: #888177;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.countdown-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.countdown-unit {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.countdown-unit strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 400;
  letter-spacing: -.04em;
}

.countdown-unit span {
  color: #938b81;
  font-size: 7px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.services-line {
  margin-bottom: 14px;
  display: flex;
  justify-content: space-between;
  color: #80786f;
  font-size: 8px;
  font-weight: 550;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.services-line span + span::before {
  content: "·";
  margin-right: clamp(8px, 1.2vw, 18px);
  color: #b2aa9f;
}

@media (max-width: 600px) {
  .countdown {
    margin-top: 40px;
  }

  .countdown-unit strong {
    font-size: 26px;
  }

  .services-line {
    font-size: 7px;
    letter-spacing: .07em;
  }

  .services-line span + span::before {
    margin-right: 6px;
  }
}