:root {
  --page-gutter: 56px;
  --header-pad: 25px;

  --header-title-size: 24px;
  --nav-gap: 32px;
  --nav-font: 13px;
  --hero-top: 60px;
  --hero-bottom: 56px;
  --hero-title-size: clamp(66px, 5.3vw, 85px);
  --hero-description-font: 18px;
  --eyebrow-font: 12px;
  --section-pad: 77px;
  --section-title-size: 49px;
  --posts-columns: minmax(0, 1fr) 300px;
  --content-gap: 36px;
  --post-padding: 28px 18px 31px;
  --post-title-size: 33px;
  --projects-columns: repeat(3, minmax(0, 1fr));
  --project-card-height: 242px;
  --project-top-space: 54px;
  --footer-symbol-width: clamp(325px, 27vw, 420px);
  --footer-feature-gap: 55px;
  --footer-feature-padding: 56px;
  --footer-title-size: 40px;
  --footer-description-size: 16px;
  --footer-meta-size: 11px;
  --footer-details-gap: 14px;
  --contact-title-size: 50px;
}