@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
}
*::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

body {
  min-block-size: 100vh;
  line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
select,
label {
  line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  word-break: keep-all;
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

a:not([class]) {
  color: currentcolor;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

audio,
canvas,
embed,
img,
object,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}

button,
input,
option,
select,
textarea {
  font: inherit;
}

textarea:not([rows]) {
  min-height: 10em;
}

:target {
  scroll-margin-block: 5ex;
}

/* stylelint-disable-next-line scss/at-mixin-pattern */
:root {
  color-scheme: light dark;
  --tone-red-0: oklch(0% 0 30deg);
  --tone-red-2: oklch(11.3796204055% 0.0192331612 30deg);
  --tone-red-4: oklch(16.725020619% 0.0282676405 30deg);
  --tone-red-6: oklch(20.9505360307% 0.0354093567 30deg);
  --tone-red-8: oklch(24.5813396878% 0.0415459262 30deg);
  --tone-red-10: oklch(27.8255940221% 0.047029173 30deg);
  --tone-red-12: oklch(30.791725436% 0.0520423528 30deg);
  --tone-red-14: oklch(33.5449142848% 0.0566956298 30deg);
  --tone-red-16: oklch(36.1280428055% 0.0610614808 30deg);
  --tone-red-18: oklch(38.5711424751% 0.0651906633 30deg);
  --tone-red-20: oklch(40.8962353023% 0.0691203977 30deg);
  --tone-red-22: oklch(43.1200511276% 0.0728789597 30deg);
  --tone-red-24: oklch(45.25566095% 0.076488441 30deg);
  --tone-red-26: oklch(47.3135127784% 0.0799665005 30deg);
  --tone-red-28: oklch(49.3021175648% 0.0833275226 30deg);
  --tone-red-30: oklch(51.2285198768% 0.0865834139 30deg);
  --tone-red-32: oklch(53.0986306496% 0.0897441645 30deg);
  --tone-red-34: oklch(54.9174684839% 0.0928182566 30deg);
  --tone-red-36: oklch(56.6893385022% 0.0958129665 30deg);
  --tone-red-38: oklch(58.4179674734% 0.0987345929 30deg);
  --tone-red-40: oklch(60.106607628% 0.1015886326 30deg);
  --tone-red-42: oklch(61.7581176108% 0.1043799171 30deg);
  --tone-red-44: oklch(63.3750264509% 0.1071127208 30deg);
  --tone-red-46: oklch(64.9595847172% 0.1097908474 30deg);
  --tone-red-48: oklch(66.5138058689% 0.1124177001 30deg);
  --tone-red-50: oklch(68.0395000087% 0.114996338 30deg);
  --tone-red-52: oklch(69.5383016812% 0.117529524 30deg);
  --tone-red-54: oklch(71.011692954% 0.1199516154 30deg);
  --tone-red-56: oklch(72.4610227272% 0.1139543887 30deg);
  --tone-red-58: oklch(73.8875229981% 0.108051629 30deg);
  --tone-red-60: oklch(75.2923226512% 0.1022386649 30deg);
  --tone-red-62: oklch(76.6764592173% 0.0965112032 30deg);
  --tone-red-64: oklch(78.0408889583% 0.0908652871 30deg);
  --tone-red-66: oklch(79.3864955597% 0.0852972598 30deg);
  --tone-red-68: oklch(80.7140976593% 0.0798037338 30deg);
  --tone-red-70: oklch(82.0244553975% 0.0743815639 30deg);
  --tone-red-72: oklch(83.3182761409% 0.0690278229 30deg);
  --tone-red-74: oklch(84.5962195028% 0.0637397814 30deg);
  --tone-red-76: oklch(85.8589017643% 0.0585148893 30deg);
  --tone-red-78: oklch(87.1068997805% 0.0533507595 30deg);
  --tone-red-80: oklch(88.3407544446% 0.048245154 30deg);
  --tone-red-82: oklch(89.5609737683% 0.0431959706 30deg);
  --tone-red-84: oklch(90.7680356306% 0.0382012319 30deg);
  --tone-red-86: oklch(91.9623902366% 0.0332590749 30deg);
  --tone-red-88: oklch(93.1444623238% 0.0283677421 30deg);
  --tone-red-90: oklch(94.314653146% 0.0235255732 30deg);
  --tone-red-92: oklch(95.4733422628% 0.0187309975 30deg);
  --tone-red-94: oklch(96.6208891568% 0.0139825276 30deg);
  --tone-red-96: oklch(97.7576346981% 0.009278753 30deg);
  --tone-red-98: oklch(98.8839024742% 0.0046183346 30deg);
  --tone-red-100: oklch(100% 0 30deg);
  --tone-green-0: oklch(0% 0 150deg);
  --tone-green-2: oklch(11.3796204055% 0.0192331612 150deg);
  --tone-green-4: oklch(16.725020619% 0.0282676405 150deg);
  --tone-green-6: oklch(20.9505360307% 0.0354093567 150deg);
  --tone-green-8: oklch(24.5813396878% 0.0415459262 150deg);
  --tone-green-10: oklch(27.8255940221% 0.047029173 150deg);
  --tone-green-12: oklch(30.791725436% 0.0520423528 150deg);
  --tone-green-14: oklch(33.5449142848% 0.0566956298 150deg);
  --tone-green-16: oklch(36.1280428055% 0.0610614808 150deg);
  --tone-green-18: oklch(38.5711424751% 0.0651906633 150deg);
  --tone-green-20: oklch(40.8962353023% 0.0691203977 150deg);
  --tone-green-22: oklch(43.1200511276% 0.0728789597 150deg);
  --tone-green-24: oklch(45.25566095% 0.076488441 150deg);
  --tone-green-26: oklch(47.3135127784% 0.0799665005 150deg);
  --tone-green-28: oklch(49.3021175648% 0.0833275226 150deg);
  --tone-green-30: oklch(51.2285198768% 0.0865834139 150deg);
  --tone-green-32: oklch(53.0986306496% 0.0897441645 150deg);
  --tone-green-34: oklch(54.9174684839% 0.0928182566 150deg);
  --tone-green-36: oklch(56.6893385022% 0.0958129665 150deg);
  --tone-green-38: oklch(58.4179674734% 0.0987345929 150deg);
  --tone-green-40: oklch(60.106607628% 0.1015886326 150deg);
  --tone-green-42: oklch(61.7581176108% 0.1043799171 150deg);
  --tone-green-44: oklch(63.3750264509% 0.1071127208 150deg);
  --tone-green-46: oklch(64.9595847172% 0.1097908474 150deg);
  --tone-green-48: oklch(66.5138058689% 0.1124177001 150deg);
  --tone-green-50: oklch(68.0395000087% 0.114996338 150deg);
  --tone-green-52: oklch(69.5383016812% 0.117529524 150deg);
  --tone-green-54: oklch(71.011692954% 0.1199516154 150deg);
  --tone-green-56: oklch(72.4610227272% 0.1139543887 150deg);
  --tone-green-58: oklch(73.8875229981% 0.108051629 150deg);
  --tone-green-60: oklch(75.2923226512% 0.1022386649 150deg);
  --tone-green-62: oklch(76.6764592173% 0.0965112032 150deg);
  --tone-green-64: oklch(78.0408889583% 0.0908652871 150deg);
  --tone-green-66: oklch(79.3864955597% 0.0852972598 150deg);
  --tone-green-68: oklch(80.7140976593% 0.0798037338 150deg);
  --tone-green-70: oklch(82.0244553975% 0.0743815639 150deg);
  --tone-green-72: oklch(83.3182761409% 0.0690278229 150deg);
  --tone-green-74: oklch(84.5962195028% 0.0637397814 150deg);
  --tone-green-76: oklch(85.8589017643% 0.0585148893 150deg);
  --tone-green-78: oklch(87.1068997805% 0.0533507595 150deg);
  --tone-green-80: oklch(88.3407544446% 0.048245154 150deg);
  --tone-green-82: oklch(89.5609737683% 0.0431959706 150deg);
  --tone-green-84: oklch(90.7680356306% 0.0382012319 150deg);
  --tone-green-86: oklch(91.9623902366% 0.0332590749 150deg);
  --tone-green-88: oklch(93.1444623238% 0.0283677421 150deg);
  --tone-green-90: oklch(94.314653146% 0.0235255732 150deg);
  --tone-green-92: oklch(95.4733422628% 0.0187309975 150deg);
  --tone-green-94: oklch(96.6208891568% 0.0139825276 150deg);
  --tone-green-96: oklch(97.7576346981% 0.009278753 150deg);
  --tone-green-98: oklch(98.8839024742% 0.0046183346 150deg);
  --tone-green-100: oklch(100% 0 150deg);
  --tone-blue-0: oklch(0% 0 270deg);
  --tone-blue-2: oklch(11.3796204055% 0.0192331612 270deg);
  --tone-blue-4: oklch(16.725020619% 0.0282676405 270deg);
  --tone-blue-6: oklch(20.9505360307% 0.0354093567 270deg);
  --tone-blue-8: oklch(24.5813396878% 0.0415459262 270deg);
  --tone-blue-10: oklch(27.8255940221% 0.047029173 270deg);
  --tone-blue-12: oklch(30.791725436% 0.0520423528 270deg);
  --tone-blue-14: oklch(33.5449142848% 0.0566956298 270deg);
  --tone-blue-16: oklch(36.1280428055% 0.0610614808 270deg);
  --tone-blue-18: oklch(38.5711424751% 0.0651906633 270deg);
  --tone-blue-20: oklch(40.8962353023% 0.0691203977 270deg);
  --tone-blue-22: oklch(43.1200511276% 0.0728789597 270deg);
  --tone-blue-24: oklch(45.25566095% 0.076488441 270deg);
  --tone-blue-26: oklch(47.3135127784% 0.0799665005 270deg);
  --tone-blue-28: oklch(49.3021175648% 0.0833275226 270deg);
  --tone-blue-30: oklch(51.2285198768% 0.0865834139 270deg);
  --tone-blue-32: oklch(53.0986306496% 0.0897441645 270deg);
  --tone-blue-34: oklch(54.9174684839% 0.0928182566 270deg);
  --tone-blue-36: oklch(56.6893385022% 0.0958129665 270deg);
  --tone-blue-38: oklch(58.4179674734% 0.0987345929 270deg);
  --tone-blue-40: oklch(60.106607628% 0.1015886326 270deg);
  --tone-blue-42: oklch(61.7581176108% 0.1043799171 270deg);
  --tone-blue-44: oklch(63.3750264509% 0.1071127208 270deg);
  --tone-blue-46: oklch(64.9595847172% 0.1097908474 270deg);
  --tone-blue-48: oklch(66.5138058689% 0.1124177001 270deg);
  --tone-blue-50: oklch(68.0395000087% 0.114996338 270deg);
  --tone-blue-52: oklch(69.5383016812% 0.117529524 270deg);
  --tone-blue-54: oklch(71.011692954% 0.1199516154 270deg);
  --tone-blue-56: oklch(72.4610227272% 0.1139543887 270deg);
  --tone-blue-58: oklch(73.8875229981% 0.108051629 270deg);
  --tone-blue-60: oklch(75.2923226512% 0.1022386649 270deg);
  --tone-blue-62: oklch(76.6764592173% 0.0965112032 270deg);
  --tone-blue-64: oklch(78.0408889583% 0.0908652871 270deg);
  --tone-blue-66: oklch(79.3864955597% 0.0852972598 270deg);
  --tone-blue-68: oklch(80.7140976593% 0.0798037338 270deg);
  --tone-blue-70: oklch(82.0244553975% 0.0743815639 270deg);
  --tone-blue-72: oklch(83.3182761409% 0.0690278229 270deg);
  --tone-blue-74: oklch(84.5962195028% 0.0637397814 270deg);
  --tone-blue-76: oklch(85.8589017643% 0.0585148893 270deg);
  --tone-blue-78: oklch(87.1068997805% 0.0533507595 270deg);
  --tone-blue-80: oklch(88.3407544446% 0.048245154 270deg);
  --tone-blue-82: oklch(89.5609737683% 0.0431959706 270deg);
  --tone-blue-84: oklch(90.7680356306% 0.0382012319 270deg);
  --tone-blue-86: oklch(91.9623902366% 0.0332590749 270deg);
  --tone-blue-88: oklch(93.1444623238% 0.0283677421 270deg);
  --tone-blue-90: oklch(94.314653146% 0.0235255732 270deg);
  --tone-blue-92: oklch(95.4733422628% 0.0187309975 270deg);
  --tone-blue-94: oklch(96.6208891568% 0.0139825276 270deg);
  --tone-blue-96: oklch(97.7576346981% 0.009278753 270deg);
  --tone-blue-98: oklch(98.8839024742% 0.0046183346 270deg);
  --tone-blue-100: oklch(100% 0 270deg);
  --tone-neutral-0: oklch(0% 0 0deg);
  --tone-neutral-2: oklch(11.3796204055% 0 0deg);
  --tone-neutral-4: oklch(16.725020619% 0 0deg);
  --tone-neutral-6: oklch(20.9505360307% 0 0deg);
  --tone-neutral-8: oklch(24.5813396878% 0 0deg);
  --tone-neutral-10: oklch(27.8255940221% 0 0deg);
  --tone-neutral-12: oklch(30.791725436% 0 0deg);
  --tone-neutral-14: oklch(33.5449142848% 0 0deg);
  --tone-neutral-16: oklch(36.1280428055% 0 0deg);
  --tone-neutral-18: oklch(38.5711424751% 0 0deg);
  --tone-neutral-20: oklch(40.8962353023% 0 0deg);
  --tone-neutral-22: oklch(43.1200511276% 0 0deg);
  --tone-neutral-24: oklch(45.25566095% 0 0deg);
  --tone-neutral-26: oklch(47.3135127784% 0 0deg);
  --tone-neutral-28: oklch(49.3021175648% 0 0deg);
  --tone-neutral-30: oklch(51.2285198768% 0 0deg);
  --tone-neutral-32: oklch(53.0986306496% 0 0deg);
  --tone-neutral-34: oklch(54.9174684839% 0 0deg);
  --tone-neutral-36: oklch(56.6893385022% 0 0deg);
  --tone-neutral-38: oklch(58.4179674734% 0 0deg);
  --tone-neutral-40: oklch(60.106607628% 0 0deg);
  --tone-neutral-42: oklch(61.7581176108% 0 0deg);
  --tone-neutral-44: oklch(63.3750264509% 0 0deg);
  --tone-neutral-46: oklch(64.9595847172% 0 0deg);
  --tone-neutral-48: oklch(66.5138058689% 0 0deg);
  --tone-neutral-50: oklch(68.0395000087% 0 0deg);
  --tone-neutral-52: oklch(69.5383016812% 0 0deg);
  --tone-neutral-54: oklch(71.011692954% 0 0deg);
  --tone-neutral-56: oklch(72.4610227272% 0 0deg);
  --tone-neutral-58: oklch(73.8875229981% 0 0deg);
  --tone-neutral-60: oklch(75.2923226512% 0 0deg);
  --tone-neutral-62: oklch(76.6764592173% 0 0deg);
  --tone-neutral-64: oklch(78.0408889583% 0 0deg);
  --tone-neutral-66: oklch(79.3864955597% 0 0deg);
  --tone-neutral-68: oklch(80.7140976593% 0 0deg);
  --tone-neutral-70: oklch(82.0244553975% 0 0deg);
  --tone-neutral-72: oklch(83.3182761409% 0 0deg);
  --tone-neutral-74: oklch(84.5962195028% 0 0deg);
  --tone-neutral-76: oklch(85.8589017643% 0 0deg);
  --tone-neutral-78: oklch(87.1068997805% 0 0deg);
  --tone-neutral-80: oklch(88.3407544446% 0 0deg);
  --tone-neutral-82: oklch(89.5609737683% 0 0deg);
  --tone-neutral-84: oklch(90.7680356306% 0 0deg);
  --tone-neutral-86: oklch(91.9623902366% 0 0deg);
  --tone-neutral-88: oklch(93.1444623238% 0 0deg);
  --tone-neutral-90: oklch(94.314653146% 0 0deg);
  --tone-neutral-92: oklch(95.4733422628% 0 0deg);
  --tone-neutral-94: oklch(96.6208891568% 0 0deg);
  --tone-neutral-96: oklch(97.7576346981% 0 0deg);
  --tone-neutral-98: oklch(98.8839024742% 0 0deg);
  --tone-neutral-100: oklch(100% 0 0deg);
  --surface: light-dark(var(--tone-neutral-98), var(--tone-neutral-4));
  --on-surface: light-dark(var(--tone-neutral-4), var(--tone-neutral-98));
  --on-surface-variant: light-dark(var(--tone-neutral-24), var(--tone-neutral-78));
  --surface-1: light-dark(var(--tone-neutral-100), var(--tone-neutral-2));
  --surface-2: light-dark(var(--tone-neutral-96), var(--tone-neutral-6));
  --surface-3: light-dark(var(--tone-neutral-94), var(--tone-neutral-8));
  --surface-4: light-dark(var(--tone-neutral-92), var(--tone-neutral-10));
  --surface-5: light-dark(var(--tone-neutral-90), var(--tone-neutral-12));
  --outline: light-dark(var(--tone-neutral-50), var(--tone-neutral-52));
  --outline-variant: light-dark(var(--tone-neutral-80), var(--tone-neutral-22));
  --primary: light-dark(var(--tone-red-40), var(--tone-red-62));
  --on-primary: light-dark(var(--tone-red-100), var(--tone-red-2));
  --primary-container: light-dark(var(--tone-red-90), var(--tone-red-12));
  --on-primary-container: light-dark(var(--tone-red-30), var(--tone-red-72));
  --secondary: light-dark(var(--tone-green-40), var(--tone-green-62));
  --on-secondary: light-dark(var(--tone-green-100), var(--tone-green-2));
  --secondary-container: light-dark(var(--tone-green-90), var(--tone-green-12));
  --on-secondary-container: light-dark(var(--tone-green-30), var(--tone-green-72));
  --tertiary: light-dark(var(--tone-blue-40), var(--tone-blue-62));
  --on-tertiary: light-dark(var(--tone-blue-100), var(--tone-blue-2));
  --tertiary-container: light-dark(var(--tone-blue-90), var(--tone-blue-12));
  --on-tertiary-container: light-dark(var(--tone-blue-30), var(--tone-blue-72));
}

/* stylelint-disable-next-line scss/at-function-pattern */
/* stylelint-disable-next-line scss/at-function-pattern */
:root {
  /* stylelint-disable-next-line scss/dollar-variable-no-missing-interpolation */
  --min-width: 37.5rem;
  /* stylelint-disable-next-line scss/dollar-variable-no-missing-interpolation */
  --max-width: 100rem;
  /* stylelint-disable-next-line scss/dollar-variable-no-missing-interpolation */
  --min-content-width: 35.5rem;
  /* stylelint-disable-next-line scss/dollar-variable-no-missing-interpolation */
  --max-content-width: 85rem;
  /* stylelint-disable-next-line scss/dollar-variable-no-missing-interpolation */
  --min-font-size: 1rem;
  /* stylelint-disable-next-line scss/dollar-variable-no-missing-interpolation */
  --max-font-size: 1.25rem;
}

:root {
  --step--2: clamp(0.6944rem, 0.6311rem + 0.1689vw, 0.8rem);
  --step--1: clamp(0.8333rem, 0.7333rem + 0.2667vw, 1rem);
  --step-0: clamp(1rem, 0.85rem + 0.4vw, 1.25rem);
  --step-1: clamp(1.2rem, 0.9825rem + 0.58vw, 1.5625rem);
  --step-2: clamp(1.44rem, 1.1321rem + 0.821vw, 1.9531rem);
  --step-3: clamp(1.728rem, 1.3rem + 1.1415vw, 2.4414rem);
  --step-4: clamp(2.0736rem, 1.4867rem + 1.5651vw, 3.0518rem);
  --step-5: clamp(2.4883rem, 1.6925rem + 2.1222vw, 3.8147rem);
}

body {
  font-size: var(--step-0);
}

h1 {
  font-size: var(--step-5);
}

h2 {
  font-size: var(--step-4);
}

h3 {
  font-size: var(--step-3);
}

h4 {
  font-size: var(--step-2);
}

h5 {
  font-size: var(--step-1);
}

h6 {
  font-size: var(--step-0);
}

:root {
  --space-3xs: clamp(0.25rem, 0.2125rem + 0.1vw, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.425rem + 0.2vw, 0.625rem);
  --space-xs: clamp(0.75rem, 0.6375rem + 0.3vw, 0.9375rem);
  --space-s: clamp(1rem, 0.85rem + 0.4vw, 1.25rem);
  --space-m: clamp(1.5rem, 1.275rem + 0.6vw, 1.875rem);
  --space-l: clamp(2rem, 1.7rem + 0.8vw, 2.5rem);
  --space-xl: clamp(3rem, 2.55rem + 1.2vw, 3.75rem);
  --space-2xl: clamp(4rem, 3.4rem + 1.6vw, 5rem);
  --space-3xl: clamp(6rem, 5.1rem + 2.4vw, 7.5rem);
  --space-3xs-2xs: clamp(0.25rem, 0.025rem + 0.6vw, 0.625rem);
  --space-2xs-xs: clamp(0.5rem, 0.2375rem + 0.7vw, 0.9375rem);
  --space-xs-s: clamp(0.75rem, 0.45rem + 0.8vw, 1.25rem);
  --space-s-m: clamp(1rem, 0.475rem + 1.4vw, 1.875rem);
  --space-m-l: clamp(1.5rem, 0.9rem + 1.6vw, 2.5rem);
  --space-l-xl: clamp(2rem, 0.95rem + 2.8vw, 3.75rem);
  --space-xl-2xl: clamp(3rem, 1.8rem + 3.2vw, 5rem);
  --space-2xl-3xl: clamp(4rem, 1.9rem + 5.6vw, 7.5rem);
  --space-s-3xl: clamp(1rem, -2.9rem + 10.4vw, 7.5rem);
  --space-s-2xl: clamp(1rem, -1.4rem + 6.4vw, 5rem);
  --space-s-xl: clamp(1rem, -0.65rem + 4.4vw, 3.75rem);
  --space-s-l: clamp(1rem, 0.1rem + 2.4vw, 2.5rem);
}

body {
  color: var(--on-surface);
  background-color: var(--surface-1);
}

.flow > * + * {
  margin-block-start: var(--flow-space, 1.25rem);
}

.grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-placement, auto-fill), minmax(min(100%, var(--grid-min-item-size, 16rem)), 1fr));
  gap: var(--grid-space, var(--space-s-l, 1rem));
}
.grid[data-equal-row] {
  grid-auto-rows: 1fr;
}

.link {
  width: 100%;
}

.link ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: azure;
  font-family: "MuseumClassicMedium", serif;
  font-size: 2.5rem;
  font-weight: normal;
}

.link ul a {
  display: block;
  background-color: transparent;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.link ul a:hover {
  background-color: oklch(95.55% 0.1492 105.2deg);
  color: oklch(68.08% 0.1923 251.83deg);
}

.link li {
  width: 100%;
  border-bottom: 0.125rem solid oklch(95.55% 0.1492 105.2deg);
}

.link li:first-child {
  border-top: 0.125rem solid oklch(95.55% 0.1492 105.2deg);
}

.link li a {
  display: flex;
  align-items: center;
  justify-content: center;
  max-inline-size: var(--wrapper-max-width, 120rem);
  margin-inline: auto;
  padding: 1rem 1.375rem;
  text-align: center;
}

.site-mainheader {
  width: 100%;
  display: flex;
  height: 5.25rem;
  padding: 2.875rem 2.875rem;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 1000;
}
.site-mainheader .menu-toggle-btn {
  display: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
.site-mainheader .menu-toggle-btn img {
  width: 2.75rem;
  height: auto;
  display: block;
}

.site-mainheader .nav {
  display: flex;
  justify-content: flex-end;
}

.nav-list {
  display: flex;
  list-style: none;
  margin: 0;
  gap: 0.5rem;
}

.site-mainheader .logo {
  margin: 0;
  display: flex;
  gap: 1.25rem;
  color: oklab(22.213% 0 -0.00003);
  font-family: "Pretendard Variable";
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 144%;
  white-space: nowrap;
}

.site-mainheader .nav-list a {
  display: inline-block;
  padding: 1.25rem;
  color: oklab(22.213% 0 -0.00003);
  font-family: "Pretendard Variable";
  font-size: 1.75rem;
  font-weight: 600;
}
.site-mainheader .nav-list a:hover, .site-mainheader .nav-list a:focus-visible {
  color: oklab(71.115% -0.08935 -0.11425);
}

.site-mainheader .nav-list li:last-child a {
  padding-right: 0;
}

@media (max-width: 64rem) {
  .site-mainheader .menu-toggle-btn {
    display: block;
  }
  .site-mainheader .nav-list {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 0 0 1rem 0;
    border-bottom: 2px solid oklab(71.115% -0.08935 -0.11425);
    z-index: 999;
    align-items: stretch;
  }
  .site-mainheader .nav-list.is-active {
    display: block;
    width: 100%;
  }
  .site-mainheader .nav-list a {
    padding: 0.5rem 0;
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
  }
  .site-mainheader .nav-list li:first-child a {
    padding-top: 0;
  }
}
@media (max-width: 48rem) {
  .site-mainheader {
    flex-direction: row;
    align-items: center;
    height: 5.25rem;
    padding: 1.25rem 1.5rem;
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 1000;
  }
  .site-mainheader .logo {
    margin-bottom: 0;
    font-size: 1rem;
  }
  .site-mainheader .menu-toggle-btn {
    display: block;
  }
  .site-mainheader .nav-list {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 0 0 1rem 0;
    border-bottom: 2px solid oklab(71.115% -0.08935 -0.11425);
    z-index: 999;
    align-items: stretch;
  }
  .site-mainheader .nav-list.is-active {
    display: block;
    width: 100%;
  }
  .site-mainheader .nav-list a {
    padding: 0.5rem 0;
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
  }
  .site-mainheader .nav-list li:first-child a {
    padding-top: 0;
  }
}
.site-pageheader {
  width: 100%;
  display: flex;
  height: 5.25rem;
  padding: 2.875rem 2.875rem;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 1000;
}
.site-pageheader .menu-toggle-btn {
  display: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
.site-pageheader .menu-toggle-btn img {
  width: 2.75rem;
  height: auto;
  display: block;
}

.site-pageheader .nav {
  display: flex;
  justify-content: flex-end;
}

.nav-list {
  display: flex;
  list-style: none;
  margin: 0;
  gap: 0.5rem;
}

.site-pageheader .logo {
  margin: 0;
  display: flex;
  gap: 1.25rem;
  color: oklab(22.213% 0 -0.00003);
  font-family: "Pretendard Variable";
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 144%;
  white-space: nowrap;
}

.site-pageheader .nav-list a {
  display: inline-block;
  padding: 1.25rem;
  color: oklab(22.213% 0 -0.00003);
  font-family: "Pretendard Variable";
  font-size: 1.75rem;
  font-weight: 600;
}
.site-pageheader .nav-list a:hover, .site-pageheader .nav-list a:focus-visible {
  color: oklab(71.115% -0.08935 -0.11425);
}

.site-pageheader .nav-list li:last-child a {
  padding-right: 0;
}

@media (max-width: 64rem) {
  .site-pageheader .menu-toggle-btn {
    display: block;
  }
  .site-pageheader .nav-list {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 0 0 1rem 0;
    border-bottom: 2px solid oklab(71.115% -0.08935 -0.11425);
    z-index: 999;
    align-items: stretch;
  }
  .site-pageheader .nav-list.is-active {
    display: block;
    width: 100%;
  }
  .site-pageheader .nav-list a {
    padding: 0.5rem 0;
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
  }
  .site-pageheader .nav-list li:first-child a {
    padding-top: 0;
  }
}
@media (max-width: 48rem) {
  .site-pageheader {
    flex-direction: row;
    align-items: center;
    height: 5.25rem;
    padding: 1.25rem 1.5rem;
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 1000;
  }
  .site-pageheader .logo {
    margin-bottom: 0;
    font-size: 1rem;
  }
  .site-pageheader .menu-toggle-btn {
    display: block;
  }
  .site-pageheader .nav-list {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 0 0 1rem 0;
    border-bottom: 2px solid oklab(71.115% -0.08935 -0.11425);
    z-index: 999;
    align-items: stretch;
  }
  .site-pageheader .nav-list.is-active {
    display: block;
    width: 100%;
  }
  .site-pageheader .nav-list a {
    padding: 0.5rem 0;
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
  }
  .site-pageheader .nav-list li:first-child a {
    padding-top: 0;
  }
}
.page-Works .site-pageheader .nav-list a.nav-Works,
.page-Designers .site-pageheader .nav-list a.nav-Designers,
.page-Archive .site-pageheader .nav-list a.nav-Archive,
.page-About .site-pageheader .nav-list a.nav-About {
  color: oklab(71.115% -0.08935 -0.11425);
}

.works-wrapper {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: calc(100vh - 5.25rem);
}
@media (max-width: 64rem) {
  .works-wrapper {
    padding: 0;
  }
}
@media (max-width: 48rem) {
  .works-wrapper {
    flex-direction: column;
    height: auto;
    overflow: visible;
  }
}

.works-sidebar {
  width: 12rem;
  flex-shrink: 0;
  position: sticky;
  top: 5.25rem;
  height: auto;
  padding: 0;
}
@media (max-width: 64rem) {
  .works-sidebar {
    width: 12rem;
  }
}
@media (max-width: 48rem) {
  .works-sidebar {
    width: 100%;
    height: auto;
    padding: 0;
    background-color: #ffffff;
    border-bottom: 2px solid oklab(71.115% -0.08935 -0.11425);
    position: sticky;
    top: 5.25rem;
    z-index: 100;
  }
  .works-sidebar .category-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 2rem;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0rem 1rem;
  }
}

.category-list {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  padding: 2.875rem 0 0 2.875rem;
  margin: 0;
  list-style: none;
}
@media (max-width: 64rem) {
  .category-list {
    padding-left: 2.875rem;
    padding-right: 2.875rem;
  }
}

.category-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: oklab(82.032% 0 -0.00009);
  font-family: "PretendardVariable";
  font-size: 1.75rem;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
  white-space: nowrap;
}
.category-item .arrow-svg {
  display: none;
  margin-right: 0.375rem;
}
.category-item:hover {
  color: oklab(71.115% -0.08935 -0.11425);
}
.category-item.active {
  color: oklab(71.115% -0.08935 -0.11425);
  font-weight: 700;
}
.category-item.active .arrow-svg {
  display: inline-block;
  flex-shrink: 0;
}
.category-item.active .arrow-svg path {
  fill: oklab(71.115% -0.08935 -0.11425);
}
@media (max-width: 48rem) {
  .category-item {
    flex: 1;
    text-align: center;
    font-size: 1.5rem;
    padding: 1.125rem 0rem;
  }
}

.works-content {
  flex: 1;
  padding: 4.0625rem 4.125rem;
}
.works-content .works-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 4.125rem;
       column-gap: 4.125rem;
  row-gap: 3rem;
  padding: 0;
  margin: 0;
}
@media (max-width: 64rem) {
  .works-content {
    padding: 2.5rem 1.5rem;
  }
}
@media (max-width: 48rem) {
  .works-content {
    height: auto;
    overflow-y: visible;
    padding: 2rem 2.875rem;
  }
  .works-content .works-grid {
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }
}

.work-card {
  display: flex;
  flex-direction: column;
}
.work-card.is-hidden {
  display: none !important;
}
.work-card .thumbnail-box {
  width: 100%;
  aspect-ratio: 16/10;
  background-color: #d9d9d9;
  margin-bottom: 1.25rem;
}
.work-card .work-title {
  font-family: "PretendardVariable";
  font-size: 1.5rem;
  font-weight: 700;
  color: oklab(22.213% 0 -0.00003);
  margin-bottom: 0.3rem;
}
.work-card .work-designer {
  font-family: "PretendardVariable";
  font-size: 1.125rem;
  color: #8e8e93;
}

.intro {
  text-align: center;
  width: 100%;
  max-inline-size: var(--wrapper-max-width, 120rem);
  margin-inline: auto;
  padding: 6.875rem 2.5rem;
}

.intro h1 {
  color: azure;
  font-family: "MuseumClassicMedium", serif;
  font-size: 12.5rem;
  font-weight: normal;
  padding-bottom: 3rem;
}

.intro p {
  color: oklch(95.55% 0.1492 105.2deg);
  font-family: "Pretendard", sans-serif;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 2.49rem;
  letter-spacing: -0.48px;
}

.page-text {
  color: oklch(95.55% 0.1492 105.2deg);
  font-family: "pretendard variable", serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: -0.56px;
  padding: 1rem 2.5rem;
}

.image-item figcaption {
  font-family: "Pretendard variable", sans-serif;
  line-height: 150%;
  font-size: 1rem;
  padding-top: 0.375rem;
}

.page-sourcetext {
  color: oklch(95.55% 0.1492 105.2deg);
  font-family: "pretendard variable", serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 156%;
  letter-spacing: -0.56px;
  padding: 1rem 2.5rem;
}

.image-group {
  display: grid;
  grid-template-columns: repeat(3, minmax(27.75rem, 1fr));
  gap: 1rem;
  inline-size: 100%;
  padding-bottom: 1.5rem;
}

@media (max-width: 64rem) {
  .image-group {
    grid-template-columns: 1fr;
  }
}
.works-wrapper {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 48rem) {
  .works-wrapper {
    flex-direction: column;
    align-items: stretch;
    height: auto;
    overflow: visible;
  }
}

.works-content {
  flex: 1;
  width: 100%;
  padding: 2.875rem 2.875rem;
}
@media (max-width: 64rem) {
  .works-content {
    padding: 2.5rem 2.5rem;
  }
}
@media (max-width: 48rem) {
  .works-content {
    padding: 2rem 1.5rem;
  }
}
.works-content .works-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 22px;
       column-gap: 22px;
  row-gap: 56px;
  width: 100%;
}
@media (max-width: 64rem) {
  .works-content .works-grid {
    grid-template-columns: repeat(1, 1fr);
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 4rem;
  }
}

.work-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  cursor: pointer;
  text-decoration: none;
}
.work-card .card-image {
  width: 100%;
  aspect-ratio: 16/10;
  background-color: #f0f0f0;
}
.work-card .card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}
.work-card .card-info {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.work-card .card-info .title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1b1b1b;
  margin: 0;
  line-height: 1.4;
  word-break: keep-all;
}
.work-card .card-info .author {
  font-size: 1.125rem;
  color: oklab(60.999% 0 -0.00007);
  margin: 0;
}

.designers-main {
  width: 100%;
  padding: 4rem 2.875rem;
}
@media (max-width: 64rem) {
  .designers-main {
    padding: 1.25rem 1.5rem;
  }
}

.site-container {
  width: 100%;
}

.designers-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 72px;
  width: 100%;
}
@media (max-width: 48rem) {
  .designers-grid {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 2.5rem;
  }
}

.designer-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.designer-card .profile-img-box {
  width: 100%;
  aspect-ratio: 3/4;
  background-color: #f0f0f0;
  margin-bottom: 1rem;
  overflow: hidden;
}
.designer-card .profile-img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.designer-card .name-kor {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 1.625rem;
  font-weight: 600;
  color: #1b1b1b;
  line-height: 1;
  margin-bottom: 0.5625rem;
}
.designer-card .name-eng {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #838383;
  line-height: 1;
  margin-bottom: 0.25rem;
}

.page-Detail .site-pageheader {
  position: relative;
  top: auto;
}
.page-Detail .site-pageheader .nav-list .nav-Works {
  color: oklab(71.115% -0.08935 -0.11425);
  font-weight: 600;
}
.page-Detail .site-subheader {
  position: sticky;
  top: 0;
  width: 100%;
  height: 4rem;
  background-color: #ffffff;
  padding: 0 2.875rem;
  display: flex;
  align-items: center;
  border-bottom: 2px solid oklab(71.115% -0.08935 -0.11425);
  z-index: 900;
}
@media (max-width: 48rem) {
  .page-Detail .site-subheader {
    padding: 0 1.5rem;
    height: 3.5rem;
  }
}
.page-Detail .site-subheader .back-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: oklab(71.115% -0.08935 -0.11425);
  font-family: "Pretendard Variable", sans-serif;
  font-size: 1.625rem;
  font-weight: 600;
}
.page-Detail .site-subheader .back-btn span {
  margin-left: -0.4rem;
}
.page-Detail .detail-main-wrapper {
  display: flex;
  align-items: flex-start;
  padding: 0;
  width: 100%;
}
.page-Detail .detail-main-wrapper .detail-info-side {
  width: 42rem;
  background-color: #F5F5F5;
  padding: 4rem 2rem 4rem 2.875rem;
  min-height: calc(100vh - 4rem);
  position: sticky;
  top: 4rem;
  flex-shrink: 0;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-title {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 2.75rem;
  color: oklab(22.213% 0 -0.00003);
}
.page-Detail .detail-main-wrapper .detail-info-side .project-category {
  font-size: 1.5rem;
  color: oklab(60.999% 0 -0.00007);
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-desc-group {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-desc-group .project-desc-ko {
  font-size: 1.25rem;
  line-height: 1.6;
  color: oklab(22.213% 0 -0.00003);
}
.page-Detail .detail-main-wrapper .detail-info-side .project-desc-group .project-desc-en {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #838383;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-team-section {
  margin-top: 5.5rem;
  width: 100%;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-team-section .divider {
  border: none;
  border-top: 1px solid oklab(82.032% 0 -0.00009);
  margin-bottom: 1.5rem;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-team-section .team-heading {
  font-size: 1.125rem;
  font-weight: 700;
  color: oklab(22.213% 0 -0.00003);
  margin-bottom: 1.25rem;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-team-section .team-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-team-section .team-list .team-member {
  display: flex;
  align-items: center;
  gap: 3.75rem;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-team-section .team-list .team-member .member-info {
  display: flex;
  flex-direction: column;
  gap: 0;
  line-height: 1.5;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-team-section .team-list .team-member .member-info .member-name-group {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-team-section .team-list .team-member .member-info .member-name-group .name-ko {
  font-size: 1.25rem;
  font-weight: 600;
  color: oklab(22.213% 0 -0.00003);
}
.page-Detail .detail-main-wrapper .detail-info-side .project-team-section .team-list .team-member .member-info .member-name-group .name-en {
  font-size: 1.25rem;
  font-weight: 600;
  color: oklab(60.999% 0 -0.00007);
  margin-bottom: 0.1rem;
}
.page-Detail .detail-main-wrapper .detail-info-side .project-team-section .team-list .team-member .member-info .member-id {
  font-size: 1.25rem;
  font-weight: 600;
  color: oklab(22.213% 0 -0.00003);
}
.page-Detail .detail-main-wrapper .detail-info-side .project-team-section .team-list .team-member .member-info .member-email {
  font-size: 1.25rem;
  font-weight: 600;
  color: oklab(22.213% 0 -0.00003);
}
.page-Detail .detail-main-wrapper .detail-media-side {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.page-Detail .detail-main-wrapper .detail-media-side .image-box {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  background-color: transparent;
}
.page-Detail .detail-main-wrapper .detail-media-side .image-box img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: top;
  margin: 0;
  padding: 0;
}
@media (max-width: 62rem) {
  .page-Detail .detail-main-wrapper {
    flex-direction: column;
  }
  .page-Detail .detail-main-wrapper .detail-info-side {
    width: 100%;
    position: relative;
    top: auto;
    min-height: auto;
    padding: 3rem 1.5rem;
  }
  .page-Detail .detail-main-wrapper .detail-media-side {
    width: 100%;
    max-width: 100%;
    padding: 0 1.5rem 3rem 1.5rem;
  }
}

.page-DesignersDetail .site-pageheader {
  position: relative;
  top: auto;
}
.page-DesignersDetail .site-pageheader .nav-list .nav-Designers {
  color: oklab(71.115% -0.08935 -0.11425);
  font-weight: 600;
}
.page-DesignersDetail .site-subheader {
  position: sticky;
  top: 0;
  width: 100%;
  height: 4rem;
  background-color: #ffffff;
  padding: 0 2.875rem;
  display: flex;
  align-items: center;
  border-bottom: 2px solid oklab(71.115% -0.08935 -0.11425);
  z-index: 900;
}
@media (max-width: 48rem) {
  .page-DesignersDetail .site-subheader {
    padding: 0 1.5rem;
    height: 3.5rem;
  }
}
.page-DesignersDetail .site-subheader .back-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: oklab(71.115% -0.08935 -0.11425);
  font-family: "Pretendard Variable", sans-serif;
  font-size: 1.625rem;
  font-weight: 600;
}
.page-DesignersDetail .site-subheader .back-btn span {
  margin-left: -0.4rem;
}
.page-DesignersDetail .designer-detail-wrapper {
  width: 100%;
  padding: 4rem 2.875rem 8rem 2.875rem;
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media (max-width: 48rem) {
  .page-DesignersDetail .designer-detail-wrapper {
    padding: 2.5rem 1.5rem 6rem 1.5rem;
    gap: 3.5rem;
  }
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 2.5rem;
  width: 100%;
}
@media (max-width: 48rem) {
  .page-DesignersDetail .designer-detail-wrapper .profile-upper-room {
    flex-direction: column;
    gap: 2.5rem;
  }
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-image-zone {
  width: 35%;
  max-width: 277px;
  aspect-ratio: 3/4;
  overflow: hidden;
  background-color: #f5f5f5;
  flex-shrink: 0;
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-image-zone img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 48rem) {
  .page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-image-zone {
    width: 100%;
    max-width: 100%;
  }
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-info-zone {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-info-zone .info-top-group {
  display: flex;
  flex-direction: column;
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-info-zone .info-top-group .name-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  margin-bottom: 2.5rem;
  line-height: 1;
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-info-zone .info-top-group .name-group .name-ko {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  color: #1b1b1b;
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-info-zone .info-top-group .name-group .name-en {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #838383;
  margin: 0;
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-info-zone .info-top-group .profile-intro {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 1.25rem;
  line-height: 1.6;
  color: #333333;
  margin: 0;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-info-zone .contact-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-info-zone .contact-group .contact-line {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  margin: 0;
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-info-zone .contact-group .sns-line {
  font-weight: 500;
  color: #1b1b1b;
}
.page-DesignersDetail .designer-detail-wrapper .profile-upper-room .profile-info-zone .contact-group .email-line {
  font-weight: 500;
  color: #1b1b1b;
}
.page-DesignersDetail .designer-detail-wrapper .projects-lower-room {
  width: 100%;
  padding-top: 3rem;
}
.page-DesignersDetail .designer-detail-wrapper .projects-lower-room .section-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 2rem;
  font-weight: 660;
  color: oklab(71.115% -0.08935 -0.11425);
  margin-bottom: 2rem;
  letter-spacing: 0.05em;
}
.page-DesignersDetail .designer-detail-wrapper .projects-lower-room .section-title .arrow-svg {
  width: 1.5rem;
  height: auto;
  color: oklab(71.115% -0.08935 -0.11425);
}
.page-DesignersDetail .designer-detail-wrapper .projects-lower-room .section-title .arrow-svg path {
  fill: oklab(71.115% -0.08935 -0.11425);
}
.page-DesignersDetail .designer-detail-wrapper .projects-lower-room .designer-works-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 2.5rem;
  width: 100%;
}
.page-DesignersDetail .designer-detail-wrapper .projects-lower-room .designer-works-grid .mini-work-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.page-DesignersDetail .designer-detail-wrapper .projects-lower-room .designer-works-grid .mini-work-card .mini-thumbnail {
  width: 100%;
  aspect-ratio: 16/10;
  background-color: #1b1b1b;
  overflow: hidden;
  margin-bottom: 1rem;
}
.page-DesignersDetail .designer-detail-wrapper .projects-lower-room .designer-works-grid .mini-work-card .mini-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.page-DesignersDetail .designer-detail-wrapper .projects-lower-room .designer-works-grid .mini-work-card .mini-title {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  color: #1b1b1b;
  line-height: 1.3;
}
.page-DesignersDetail .designer-detail-wrapper .projects-lower-room .designer-works-grid .mini-work-card .mini-designer {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #838383;
  margin-top: 0.125rem;
  margin-bottom: 0;
}
@media (max-width: 62rem) {
  .page-DesignersDetail .designer-detail-wrapper .projects-lower-room .designer-works-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 48rem) {
  .page-DesignersDetail .designer-detail-wrapper .projects-lower-room .designer-works-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.about-hero-graphic {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}
.about-hero-graphic img {
  width: 100%;
  max-width: 1000px;
  height: auto;
  display: block;
}
@media (max-width: 48rem) {
  .about-hero-graphic {
    padding: 1.5rem 0;
  }
}

@font-face {
  font-family: "Pretendard Variable";
  src: url("../asset/fonts/PretendardVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
}
/* 1. 스크롤바 전체 뼈대 (두께 설정) */
::-webkit-scrollbar {
  width: 6px; /* 세로 스크롤바 굵기 */
  height: 6px; /* 가로 스크롤바 굵기 */
}

/* 2. 스크롤바 배경 (트랙) */
::-webkit-scrollbar-track {
  background-color: oklab(100% 0 -0.00011); /* 연한 회색 배경 */
  border-radius: 10px; /* 둥근 모서리 */
}

/* 3. 스크롤바 막대기 (썸) */
::-webkit-scrollbar-thumb {
  background-color: oklab(71.115% -0.08935 -0.11425); /* 기본 막대 색상 */
  border-radius: 10px; /* 막대기도 둥글게 */
}

body {
  background: oklch(100% 0.00011 271.152deg);
}

ul,
ol {
  list-style: none;
}

.section {
  font-size: var(--step-4);
}
.section > *:not(h1, h2, h3, h4, h5, h6) {
  font-size: var(--step-0);
}
.section__list > * {
  --flow-space: 0.25em;
}

a {
  text-decoration: none;
}

.home-main-section {
  position: relative;
  width: 100%;
  height: calc(100vh - 5.25rem);
  overflow: hidden;
  background-color: #ffffff;
}
.home-main-section #lottie-container {
  width: 100%;
  height: 100%;
}
.home-main-section #lottie-container svg {
  display: block;
  width: 100%;
  height: 100%;
}
.home-main-section .typing-bar-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.page-home {
  overflow: hidden; /* 인덱스 페이지만 스크롤 잠금 */
}/*# sourceMappingURL=home.css.map */