:root {
  --section-padding-block: clamp(8rem, 3.704vw + 6.667rem, 12rem);

  --section-padding-inline:clamp(1.6rem, 3.704vw + 0.267rem, 5.6rem);


  --container-width-xs: ;
  --container-width-s: ;
  --container-width: 144rem;

  --hero-image-height:clamp(50rem, 20.833vw + 25rem, 55rem);
  

  --row-gap-s: 10px;
  --row-gap-m: 32px;
  --row-gap-l: 64px;
  
  
  --grid-columns: 12;
  --grid-1: minmax(0, 1fr);
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  
  --grid-gutter: clamp(1.6rem, 1.481vw + 1.067rem, 3.2rem);
}