:root {
  --primary:   #3c0577;
  --black:     #0d0d0d;
  --white:     #ffffff;
  --off-white: #f7f6f4;
  --gray-100:  #f0eeec;
  --gray-200:  #e2dfdb;
  --gray-400:  #b0aca6;
  --gray-600:  #6b6560;
  --font-head: 'Unbounded', sans-serif;
  --font-body: 'Manrope', sans-serif;
  --pad-x: clamp(24px, 5.5vw, 80px);
  --section-y: clamp(80px, 10vw, 130px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--white);color:var(--black);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
img{display:block;max-width:100%;}