:root {
    --typeHeaderPrimary: Barlow;
    --typeHeaderFallback: sans-serif;
    --typeHeaderSize: 37px;
    --typeHeaderStyle: normal;
    --typeHeaderWeight: 500;
    --typeHeaderLineHeight: 1.2;
    --typeHeaderSpacing: 0.025em;

    --typeBasePrimary:Barlow;
    --typeBaseFallback:sans-serif;
    --typeBaseSize: 16px;
    --typeBaseWeight: 500;
    --typeBaseStyle: normal;
    --typeBaseSpacing: 0.05em;
    --typeBaseLineHeight: 1.5;

    
      --buttonRadius: 35px;
    

    --iconWeight: 4px;
    --iconLinecaps: miter;
  }

  

  .hero {
    background-image: linear-gradient(100deg, #000000 40%, #212121 63%, #000000 79%);
  }

  .placeholder-content,
  .image-wrap,
  .skrim__link,
  .pswp__img--placeholder {
    background-image: linear-gradient(100deg, #ffffff 40%, #f7f7f7 63%, #ffffff 79%);
  }