:root {
  --page-gutter: 40px;
  --header-pad: 24px;

  --header-title-size: 23px;
  --nav-gap: 28px;
  --nav-font: 13px;
  --hero-top: 52px;
  --hero-bottom: 48px;
  --hero-title-size: clamp(52px, 6vw, 70px);
  --hero-description-font: 16px;
  --eyebrow-font: 11px;
  --section-pad: 70px;
  --section-title-size: 44px;
  --posts-columns: minmax(0, 1fr) 255px;
  --content-gap: 24px;
  --post-padding: 27px 16px 29px;
  --post-title-size: 30px;
  --projects-columns: repeat(3, minmax(0, 1fr));
  --project-card-height: 220px;
  --project-top-space: 44px;
  --footer-symbol-width: clamp(265px, 27vw, 330px);
  --footer-feature-gap: 40px;
  --footer-feature-padding: 46px;
  --footer-title-size: 34px;
  --footer-description-size: 15px;
  --footer-meta-size: 10px;
  --footer-details-gap: 13px;
  --contact-title-size: 46px;
}