/*============================================================*/
/*============================================================*/
/*============================================================*/
/*============================================================*/
:root {
  --m-page: 2rem;
  --m-1-5: 1rem;
  --m-2: 1.5rem;
  --m-3: 2rem;
  --m-4: 3rem;
  --m-7: 4.5rem;
  --m-10: 3rem;
  --indent-1: 0rem;
  --indent-2: 0rem;
  --image--profile-logo: 10rem;
  --image--company-header-icon: 6rem;
  --height-header-fluid: 5rem;
  --alternating-block--image: 14rem;
  --chpt-after--width: 6.5rem;
  --chpt-after--height: 6.5rem;
  --image-hero--max-width: 20rem;
  --toc--icon: 4.5rem;
  --ananda-logo--max-width: 7.5rem;
  --button--back-to-website: 14rem;
}
@media (min-width: 20rem) {
  :root {
    --m-page: calc(3.5714285714vw + 1.2857142857rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --m-page: calc(0vw + 3rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --m-page: 3rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --m-1-5: calc(0vw + 1rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --m-1-5: calc(1.1904761905vw + 0.4285714286rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --m-1-5: 1.5rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --m-2: calc(0vw + 1.5rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --m-2: calc(1.1904761905vw + 0.9285714286rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --m-2: 2rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --m-3: calc(0vw + 2rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --m-3: calc(2.380952381vw + 0.8571428571rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --m-3: 3rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --m-4: calc(0vw + 3rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --m-4: calc(2.380952381vw + 1.8571428571rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --m-4: 4rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --m-7: calc(0vw + 4.5rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --m-7: calc(5.9523809524vw + 1.6428571429rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --m-7: 7rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --m-10: calc(0vw + 3rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --m-10: calc(16.6666666667vw - 5rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --m-10: 10rem;
  }
}
@media (min-width: 30rem) {
  :root {
    --indent-1: calc(13.8888888889vw - 4.1666666667rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --indent-1: calc(8.0357142857vw - 1.3571428571rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --indent-1: 5.875rem;
  }
}
@media (min-width: 30rem) {
  :root {
    --indent-2: calc(25vw - 7.5rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --indent-2: calc(10.7142857143vw - 0.6428571429rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --indent-2: 9rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --image--profile-logo: calc(0vw + 10rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --image--profile-logo: calc(19.0476190476vw + 0.8571428571rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --image--profile-logo: 18rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --image--company-header-icon: calc(7.1428571429vw + 4.5714285714rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --image--company-header-icon: calc(19.0476190476vw - 1.1428571429rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --image--company-header-icon: 16rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --height-header-fluid: calc(1.4285714286vw + 4.7142857143rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --height-header-fluid: 6rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --alternating-block--image: calc(11.4285714286vw + 11.7142857143rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --alternating-block--image: 22rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --chpt-after--width: calc(3.5714285714vw + 5.7857142857rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --chpt-after--width: 9rem;
  }
}
@media (min-width: 20rem) {
  :root {
    --chpt-after--height: calc(3.5714285714vw + 5.7857142857rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --chpt-after--height: 9rem;
  }
}
@media (min-width: 24rem) {
  :root {
    --image-hero--max-width: calc(-8.3333333333vw + 22rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --image-hero--max-width: calc(23.8095238095vw + 6.5714285714rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --image-hero--max-width: 28rem;
  }
}
@media (min-width: 24rem) {
  :root {
    --toc--icon: calc(6.25vw + 3rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --toc--icon: calc(2.380952381vw + 4.8571428571rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --toc--icon: 7rem;
  }
}
@media (min-width: 24rem) {
  :root {
    --ananda-logo--max-width: calc(3.7878787879vw + 6.5909090909rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --ananda-logo--max-width: 10rem;
  }
}
@media (min-width: 43.75rem) {
  :root {
    --button--back-to-website: calc(9.7297297297vw + 9.7432432432rem);
  }
}
@media (min-width: 90rem) {
  :root {
    --button--back-to-website: 18.5rem;
  }
}
.text-col-x-sm {
  max-inline-size: 24rem;
}
.text-col-sm {
  max-inline-size: 36rem;
}
.text-col-md {
  max-inline-size: 48rem;
}
.text-col-lg {
  max-inline-size: 60rem;
}
.text-col-xlg {
  max-inline-size: 72rem;
}
.text-col-xxlg {
  max-inline-size: 90rem;
}
.image--profile-logo {
  max-inline-size: var(--image--profile-logo);
  max-block-size: 7rem;
}
.image--company-header-icon {
  width: var(--image--company-header-icon);
}
.alternating-block--image {
  width: var(--alternating-block--image);
}
.block-spacing * + * {
  margin-block-start: var(--m-1-5);
}
#header {
  height: var(--height-header-fluid);
}