:root {
  --color-content: rgb(0, 0, 0);
  --color-ground: rgb(255, 255, 255);
  --page-max-width: 1920px;
  --page-min-height: 100vh;
  --page-inset: clamp(23.067px, 7.208333vw, 86.5px);
  --nav-gap: clamp(8px, 1.083333vw, 13px);
  --nav-item-width: clamp(58px, 7.583333vw, 91px);
  --header-height: 110px;
  --footer-height: 110px;
  --works-gap: 22px;
  --year-row-gap: clamp(31.2px, 9.75vw, 117px);
  --year-width: clamp(40px, 11.916667vw, 143px);
  --work-card-gap-x: 13px;
  --work-card-gap-y: 22px;
  --work-card-height: 121px;
  --detail-max-width: 442px;
  --stage-ratio: 442 / 297;
  --controls-height: 44px;
  --media-bottom-space: 44px;
  --detail-text-gap: 22px;
  --title-row-gap: 13px;
  --title-size: 15px;
  --title-line: 22px;
  --title-tracking: 0em;
  --body-size: 13px;
  --body-line: 22px;
  --body-tracking: 0em;
  --paragraph-space: 22px;
  --latin-size: 13px;
  --latin-line: 21px;
  --latin-tracking: 0em;
  --nav-size: 16px;
  --nav-line: 22px;
  --nav-tracking: 0em;
  --type-size: 13px;
  --type-line: 22px;
  --type-tracking: 0.04em;
}