:root {
  --container-width: 136.6rem;
  --container-width-s: calc(var(--container-width) / 2);
  --container-width-xs: calc(var(--container-width) / 3);
  --logo-width: clamp(18rem, 2.982vw + 16.926rem, 21rem);
  --menu-height: 6.7rem;
  --slider-height: max(clamp(45rem, 46.72vw + 28.181rem, 92rem), clamp(50vh, calc(50vh + (90 - 50) * ((100vw - 36rem) / (136.6 - 36))), 90vh));
  --slider__walking-man-icon: clamp(10rem, 9.94vw + 6.421rem, 20rem);
  
  --opener-logo-width: clamp(25rem, 19.881vw + 17.843rem, 45rem);
  
  --opener-grafic-walking-man: clamp(10rem, 19.881vw + 2.843rem, 30rem);
  
  --fs-body-s: 1.4rem;
  --fs-body-m: 1.6rem;
  --fs-body-l: 2rem;
  --fs-body-xl: 4rem;
  --fs-body-xxl: 6rem;
  --fs-body-giant: clamp(3.5rem, 6.461vw + 1.174rem, 10rem);
  --fs-body-image-description: clamp(1.4rem, 0.199vw + 1.328rem, 1.6rem);

  --fs-h1: clamp(3.6rem, 1.889vw + 2.92rem, 5.5rem);
  
  --fs-h2: clamp(2.3rem, 2.684vw + 1.334rem, 5rem);
  --fs-h3: clamp(2rem, 1.491vw + 1.463rem, 3.5rem);
  --fs-h4: 2.5rem;
  --fs-h5: ;
  --fs-h6: ;
  --fs-section-header-1: clamp(3rem, 6.143vw + 0.789rem, 5.5rem);

  --fs-heading: clamp(2.5rem, 0.994vw + 2.142rem, 3.5rem);
  --fs-subheading: clamp(2rem, 0.497vw + 1.821rem, 2.5rem);

  
  --lh-headers: 1.1em;
  --lh-h2: 1.3em;
  --lh-h3: 1.3em;
  --lh-h4: 1.3;
  --lh-body: 1.7em;
  --lh-image-caption:1.4;

  
  --section-padding-inline: clamp(1.6rem, 3.704vw + 0.267rem, 5.6rem);
  --section-padding-block: clamp(5rem, 3.976vw + 3.569rem, 9rem);
  --space-xxs: 0.6rem;
  --space-xs: 1rem;
  --space-s: 2rem;
  --space-m: 3rem;
  --space-l: 5rem;
  --space-xl: 7rem;


  
  --grid-1: repeat(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-gap-m: 5rem;
  --grid-gap-l: 9.6rem;

  
  --color-primary: #3F8C94;
  --color-secondary: #A4D734;
  --color-font-light: #fff;
  --color-font-dark: #000;
  --color-font-grey: #4D4D4D;
  --color-font-muted: #999999;
  --color-background-grey: #F8F8F8;

  --color-secondary-trans-05: rgb(from var(--color-secondary) r g b / .05);
  --color-secondary-trans-10: rgb(from var(--color-secondary) r g b / .1);
  --color-secondary-trans-20: rgb(from var(--color-secondary) r g b / .2);
  --color-secondary-trans-30: rgb(from var(--color-secondary) r g b / .3);
  --color-secondary-trans-40: rgb(from var(--color-secondary) r g b / .4);
  --color-secondary-trans-50: rgb(from var(--color-secondary) r g b / .5);
  --color-secondary-trans-60: rgb(from var(--color-secondary) r g b / .6);
  --color-secondary-trans-70: rgb(from var(--color-secondary) r g b / .7);
  --color-secondary-trans-80: rgb(from var(--color-secondary) r g b / .8);
  --color-secondary-trans-90: rgb(from var(--color-secondary) r g b / .9);

  
  --border-radius-m: 0.7rem;

  --transition-02: all .2s;
  --text-decoration-thickness-m:1px;
  --portrait-image-width:clamp(29rem, 10.934vw + 25.064rem, 40rem);
}