:root {
  /* color */
  --black: #000000;
  --black-tint-32: #525252;
  --white: #ffffff;
  --white-shade-8: #EBEBEB;
  --white-shade-28: #B8B8B8;

  /* font family */
  --ft-r: 'Geist-Regular', sans-serif;
  --ft-m: 'Geist-Medium', sans-serif;
  --ft-sb: 'Geist-SemiBold', sans-serif;

  /* font size */
  --fs-164-50: clamp(3.125rem, -2.4608rem + 19.8606vw, 10.25rem);
  --fs-128-50: clamp(3.125rem, -0.6969rem + 13.5889vw, 8rem);
  --fs-128-40: clamp(2.5rem, -1.8118rem + 15.331vw, 8rem);
  --sp-120-40: clamp(2.5rem, -1.4199rem + 13.9373vw, 7.5rem);
  --fs-48-24: clamp(1.5rem, 0.324rem + 4.1812vw, 3rem);
  --fs-48: 3rem;
  --fs-32: 2rem;
  --fs-20-16: clamp(1rem, 0.804rem + 0.6969vw, 1.25rem);
  --fs-16: 1rem;
  --fs-14: 0.875rem;
  --fs-10: 0.625rem;

  /* letter spacing */
  --neg-4: calc(-1 * 0.04);
  --neg-3: calc(-1 * 0.03);
  --neg-2: calc(-1 * 0.02);
  --neg-1: calc(-1 * 0.01);
  --zero: 0;

  /* line height */
  --lh-150: 1.5;
  --lh-120: 1.2;
  --lh-100: 1;

  /* space */
  --sp-913: 57.0625rem;
  --sp-528: 33rem;
  --sp-413: 25.8125rem;
  --sp-378: 23.625rem;
  --sp-341: 21.3125rem;
  --sp-330: 20.625rem;
  --sp-300: 18.75rem;
  --sp-240-80: clamp(5rem, 0.4545rem + 16.1616vw, 15rem);
  --sp-231: 14.4375rem;
  --sp-160-80: clamp(5rem, 1.0801rem + 13.9373vw, 10rem);
  --sp-160-40: clamp(2.5rem, -3.3798rem + 20.9059vw, 10rem);
  --sp-120-80: clamp(5rem, 3.0401rem + 6.9686vw, 7.5rem);
  --sp-120: 7.5rem;
  --sp-99: 6.1875rem;
  --sp-81: 5.0625rem;
  --sp-80: 5rem;
  --sp-80-40: clamp(2.5rem, 0.5401rem + 6.9686vw, 5rem);
  --sp-60: 3.75rem;
  --sp-59: 3.6875rem;
  --sp-50: 3.125rem;
  --sp-41: 2.5625rem;
  --sp-40: 2.5rem;
  --sp-40-20: clamp(1.25rem, 0.27rem + 3.4843vw, 2.5rem);
  --sp-32: 2rem;
  --sp-30-16: clamp(1rem, 0.314rem + 2.439vw, 1.875rem);
  --sp-30: 1.875rem;
  --sp-28: 1.75rem;
  --sp-20-16: clamp(1rem, 0.804rem + 0.6969vw, 1.25rem);
  --sp-20: 1.25rem;
  --sp-18: 1.125rem;
  --sp-17: 1.0625rem;
  --sp-16: 1rem;
  --sp-16-8: clamp(0.5rem, 0.108rem + 1.3937vw, 1rem);
  --sp-12: 0.75rem;
  --sp-11: 0.6875rem;
  --sp-8: 0.5rem;
  --sp-4: 0.25rem;
  --sp-1: 0.0625rem;

  /* style */
  --border: var(--sp-1) solid var(--white-shade-8);

  /* animation */
  --transition-all: all 0.3s ease-in-out;
}
@font-face {
  font-family: 'Geist-Regular';
  src: url('/assets/monolume/fonts/Geist-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Geist-Medium';
  src: url('/assets/monolume/fonts/Geist-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Geist-SemiBold';
  src: url('/assets/monolume/fonts/Geist-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
* {
  &::selection {
    background-color: var(--black);
    color: var(--white);
  }
}
inner-wrapper {
  display: block;
  margin-inline: auto;
  padding-block: var(--sp-160-40);
  padding-inline: var(--sp-30-16);
}
img {
  width: 100%;
}