/* Desktop Responsive Styles */
/* 기준 뷰포트: 1920px */
/* 1024px ~ 1920px: clamp()로 스케일링 (variables.css, 컴포넌트 CSS에 적용) */
/* 1920px 초과: 중앙 고정 레이아웃 + 고정값 적용 */

/* ============================================
   Hero Video Section - Desktop Fixed Values
   ============================================ */
@media (min-width: 768px) {
  .hero-video__content {
    padding: 100px 0 32px; /* 고정값: header-height, spacing-lg */
  }

  .hero-video__container {
    padding: 0 64px; /* 고정값: spacing-2xl */
    gap: 12px; /* 타이틀과 설명 사이 간격 */
  }

  .hero-video__title {
    font-size: 36px;
    line-height: 42.96px;
    letter-spacing: 4px;
  }

  .hero-video__description {
    font-size: 24px;
    line-height: 33.6px;
    letter-spacing: -0.6px;
  }

  /* Why Section */
  .why-section {
    padding-bottom: clamp(80px, 10.42vw, 200px); /* 200px @1920px */
  }

  .why-section__description {
    margin-top: clamp(6.4px, 0.83vw, 16px); /* 16px @1920px */
  }

  /* Why Image Section - 데스크탑 */
  .why-image-section {
    aspect-ratio: 4 / 1; /* 가로 세로 비율로 높이 자동 조절 */
    min-height: 0;
    padding: 0;
  }

  .why-image-section__text {
    font-size: clamp(17.6px, 2.29vw, 44px);
    line-height: 1.4;
  }

  /* Key Features Section 레이아웃 */
  .key-features-section {
    padding-top: clamp(100px, 10.42vw, 200px); /* 200px @1920px */
  }

  .key-features-section__container {
    gap: clamp(64px, 8.33vw, 160px); /* 사이드바와 콘텐츠 사이 간격 */
  }

  .key-features-sidebar {
    width: clamp(134.4px, 17.5vw, 336px); /* 사이드바 너비 */
  }

  .key-features-sidebar__nav {
    margin-top: clamp(40px, 4.17vw, 80px); /* 헤더와 nav 간격 80px @1920px */
  }

  /* 사이드바 헤더 - 한 줄로 표시 */
  .key-features-sidebar__header {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: clamp(3.2px, 0.42vw, 8px);
    white-space: nowrap;
    font-size: clamp(11.2px, 1.46vw, 28px);
  }

  .key-features-sidebar__logo {
    font-family: var(--font-montserrat); /* Figma: Montserrat */
    font-weight: 800; /* Figma: ExtraBold */
    font-size: clamp(11.2px, 1.46vw, 28px); /* Figma: 28px @1920px */
    line-height: clamp(15.68px, 2.04vw, 39.2px); /* Figma: 39.2px @1920px */
    letter-spacing: 0; /* Figma: 0 */
    color: #0159fd; /* Figma: #0159fd */
    margin: 0;
    flex-shrink: 0;
  }

  .key-features-sidebar__title {
    font-family: var(--font-montserrat); /* Figma: Montserrat */
    font-weight: 400; /* 굵기 제거 */
    font-size: clamp(11.2px, 1.46vw, 28px); /* Figma: 28px @1920px */
    line-height: clamp(15.68px, 2.04vw, 39.2px); /* Figma: 39.2px @1920px */
    letter-spacing: 0; /* Figma: 0 */
    color: #0159fd; /* Figma: #0159fd */
    margin: 0;
    flex-shrink: 0;
  }

  /* 사이드바 링크 - 비활성 상태 */
  .key-features-sidebar__link {
    display: flex;
    align-items: center;
    gap: clamp(10px, 1.04vw, 20px); /* 점과 텍스트 사이 간격 20px @1920px */
    font-family: var(--font-pretendard);
    font-weight: 400; /* Figma: Regular */
    font-size: clamp(10px, 1.04vw, 20px); /* 20px @1920px */
    line-height: clamp(14px, 1.46vw, 28px); /* 28px @1920px */
    letter-spacing: clamp(-0.2px, -0.021vw, -0.4px); /* -0.4px @1920px */
    color: #9aa1a9; /* Figma: 비활성 색상 */
    margin-bottom: clamp(14px, 1.46vw, 28px); /* 항목 간격 28px @1920px */
  }

  /* 구분자 점 - 비활성 상태 */
  .key-features-sidebar__link::before {
    content: '';
    width: clamp(3px, 0.31vw, 6px); /* 6px @1920px */
    height: clamp(3px, 0.31vw, 6px); /* 6px @1920px */
    border-radius: 50%;
    background-color: #c6cbd1; /* Figma: 비활성 점 색상 */
    flex-shrink: 0;
  }

  /* 사이드바 링크 - 활성 상태 */
  .key-features-sidebar__link--active {
    font-weight: 600; /* Figma: SemiBold */
    color: #0159fd; /* Figma: 활성 색상 */
  }

  /* 구분자 점 - 활성 상태 */
  .key-features-sidebar__link--active::before {
    background-color: #0159fd; /* Figma: 활성 점 색상 */
  }

  .key-features-content {
    gap: clamp(32px, 4.17vw, 80px); /* 섹션 사이 갭 */
  }

  .key-feature {
    width: clamp(441.6px, 57.5vw, 1104px); /* feature 가로 길이 */
    max-width: 1104px;
    padding: clamp(32px, 4.17vw, 80px) 0; /* 위아래 여백 */
  }

  /* Key Features Section - 컨테이너 */
  .key-feature__container {
    gap: clamp(20px, 3vw, 60px); /* 최소 20px, 텍스트/이미지 비율 유지 */
  }

  /* Key Features Section - 이미지 영역 비율 */
  .key-feature__image-area {
    width: clamp(50%, 55%, 60%); /* 이미지 영역 고정 비율 */
  }

  /* Key Features Section - 텍스트 스타일 */
  .key-feature__title {
    font-size: clamp(11.2px, 1.46vw, 28px);
    line-height: 1.4;
  }

  .key-feature__description {
    font-size: clamp(7.2px, 0.94vw, 18px);
    line-height: 1.6;
  }

  /* Process Section - 데스크탑 레이아웃 */
  .process-section {
    padding: clamp(80px, 10.42vw, 200px) 0; /* 200px @1920px */
  }

  /* Process Section - 데스크탑 텍스트 스타일 */
  .process-section__title {
    font-family: var(--font-pretendard);
    font-weight: 700; /* Figma: Pretendard Bold */
    font-size: clamp(17.6px, 2.29vw, 44px); /* 44px @1920px */
    line-height: clamp(24.64px, 3.21vw, 61.6px); /* 61.6px @1920px */
    letter-spacing: clamp(-0.35px, -0.046vw, -0.88px); /* -0.88px @1920px */
    color: #1a1d21; /* Figma: #1a1d21 */
    text-align: center; /* Figma: 중앙 정렬 */
    margin: 0 auto; /* 중앙 정렬을 위해 */
    max-width: 100%; /* 제한 제거 */
  }

  .process-section__intro {
    font-family: var(--font-pretendard);
    font-weight: 400; /* Figma: Pretendard Regular */
    font-size: clamp(11.2px, 1.46vw, 28px); /* 28px @1920px */
    line-height: clamp(15.68px, 2.04vw, 39.2px); /* 39.2px @1920px */
    letter-spacing: clamp(-0.22px, -0.029vw, -0.56px); /* -0.56px @1920px */
    color: #1a1d21; /* Figma: #1a1d21 */
    text-align: center; /* Figma: 중앙 정렬 */
    margin: 0 auto; /* 중앙 정렬을 위해 */
    max-width: 100%; /* 제한 제거 */
  }

  /* Process Section - 데스크탑 Step 레이아웃 */
  .process-section__desktop-steps {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: clamp(32px, 4.17vw, 80px); /* 80px @1920px */
    margin-top: clamp(35.2px, 4.58vw, 88px); /* 88px @1920px */
  }

  .process-section__desktop-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(16px, 2.08vw, 40px); /* 40px @1920px */
  }

  .process-section__desktop-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .process-section__desktop-image--double {
    flex-direction: row;
    gap: clamp(4.8px, 0.63vw, 12px); /* 12px @1920px */
  }

  .process-section__step-image {
    width: clamp(96px, 12.5vw, 240px); /* 240px @1920px */
    height: auto;
    object-fit: contain;
  }

  .process-section__desktop-image--double .process-section__step-image {
    width: clamp(96px, 12.5vw, 240px); /* 240px @1920px */
  }

  .process-section__desktop-step-text {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .process-section__desktop-step-text .process-step__text {
    font-family: var(--font-pretendard);
    font-weight: 500; /* Figma: Pretendard Medium */
    font-size: clamp(8px, 1.04vw, 20px); /* 20px @1920px */
    line-height: clamp(11.2px, 1.46vw, 28px); /* 28px @1920px */
    letter-spacing: clamp(-0.16px, -0.021vw, -0.4px); /* -0.4px @1920px */
    color: #1a1d21; /* Figma: #1a1d21 */
    text-align: center; /* Figma: 중앙 정렬 */
    background-color: #e2e5e9; /* Figma: 배경 #e2e5e9 */
    border-radius: 1000px; /* Figma: border-radius 1000px */
    padding: clamp(6.4px, 0.83vw, 16px) clamp(9.6px, 1.25vw, 24px); /* 16px 24px @1920px */
    margin: 0;
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
  }

  .process-section__desktop-step-text .process-step__text strong {
    font-weight: 800; /* ExtraBold */
  }

  /* CTA Section - 데스크탑 레이아웃 */
  .cta-section {
    height: clamp(337.6px, 43.96vw, 844px); /* 844px @1920px */
    min-height: auto;
    padding: 0;
    margin-top: 0; /* 위쪽 마진 제거 */
    display: flex;
    align-items: center;
  }

  .cta-section__content {
    max-width: clamp(576px, 75vw, 1440px); /* 1440px @1920px */
    gap: clamp(32px, 4.17vw, 80px); /* 80px @1920px */
  }

  .cta-section__image-area {
    flex: 0 0 clamp(235.2px, 30.63vw, 588px); /* 588px @1920px - 고정 비율 */
    height: clamp(177.6px, 23.13vw, 444px); /* 444px @1920px */
  }

  .cta-section__text-area {
    flex: 1;
  }

  /* CTA Section - 데스크탑 이미지 구조 */
  .cta-section__desktop-images {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }

  .cta-section__desktop-image {
    position: absolute;
    object-fit: contain;
  }

  /* 메인 이미지 (가장 뒤) - 컨테이너 기준 % */
  .cta-section__desktop-image--main {
    top: 0;
    left: 1.2%; /* 7/588 */
    width: 83.3%; /* 490/588 */
    height: 71.6%; /* 318/444 */
    z-index: 1;
  }

  /* 세로 이미지 (중간) - 컨테이너 기준 % */
  .cta-section__desktop-image--vertical {
    top: 39%; /* 173/444 */
    left: 19.2%; /* 113/588 */
    width: 21.6%; /* 127/588 */
    height: 59%; /* 262/444 */
    z-index: 2;
  }

  /* 가로 이미지 (가장 앞) - 컨테이너 기준 % */
  .cta-section__desktop-image--horizontal {
    top: 49.8%; /* 221/444 */
    left: 44.2%; /* 260/588 */
    width: 51.5%; /* 303/588 */
    height: 44.6%; /* 198/444 */
    z-index: 3;
  }

  /* 데스크탑에서 모바일 이미지 숨김 */
  .cta-section__mobile-images {
    display: none;
  }

  /* CTA Section - 데스크탑 텍스트 스타일 */
  .cta-section__title {
    font-family: var(--font-pretendard);
    font-weight: 700; /* Figma: Pretendard Bold */
    font-size: clamp(14.4px, 1.88vw, 36px); /* 36px @1920px */
    line-height: clamp(20.16px, 2.63vw, 50.4px); /* 50.4px @1920px */
    letter-spacing: clamp(-0.29px, -0.038vw, -0.72px); /* -0.72px @1920px */
    color: #1a1d21; /* Figma: #1a1d21 */
    margin: 0;
  }

  .cta-section__description {
    font-family: var(--font-pretendard);
    font-weight: 400; /* Figma: Pretendard Regular */
    font-size: clamp(11.2px, 1.46vw, 28px); /* 28px @1920px */
    line-height: clamp(15.68px, 2.04vw, 39.2px); /* 39.2px @1920px */
    letter-spacing: clamp(-0.22px, -0.029vw, -0.56px); /* -0.56px @1920px */
    color: #1a1d21; /* Figma: #1a1d21 */
    margin: 0;
  }

  .btn--cta-primary {
    font-family: var(--font-pretendard);
    font-weight: 600; /* Figma: Pretendard SemiBold */
    font-size: clamp(9.6px, 1.25vw, 24px); /* 24px @1920px */
    line-height: clamp(13.44px, 1.75vw, 33.6px); /* 33.6px @1920px */
    letter-spacing: 0; /* Figma: 0 */
    background-color: #0159fd; /* Figma: #0159fd */
    color: #ffffff;
    border: none;
    border-radius: 1000px; /* Figma: border-radius 1000px */
    padding: 0;
    width: clamp(80px, 10.42vw, 200px); /* 200px @1920px */
    height: clamp(32px, 4.17vw, 80px); /* 80px @1920px */
    cursor: pointer;
    transition: background-color 0.2s ease;
  }

  .btn--cta-primary:hover {
    background-color: #0148d4; /* hover 시 약간 어두운 파란색 */
  }

  /* 데스크탑에서 모바일 요소 숨김 */
  .process-section__mobile-image,
  .process-section__mobile-slider,
  .process-section__mobile-step,
  .mobile-floating-cta {
    display: none;
  }

  /* Key Features Section - 이미지 영역 공통 스타일 */
  .key-feature__image-area {
    background-color: transparent;
  }

  .key-feature__image-area picture {
    display: block;
  }

  .key-feature__image {
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
  }

  #feature-1 .key-feature__container {
    gap: 0; /* gap 제거, 공간은 자동 조절 */
  }

  #feature-1 .key-feature__image-area {
    width: auto; /* 55% 고정 해제 */
    flex: 0 0 auto; /* 이미지 자체 크기 사용 */
    margin-left: auto; /* 이미지를 오른쪽 끝에 고정 */
    display: flex;
    flex-direction: row;
    gap: clamp(16px, 2.08vw, 40px);
    align-items: center;
    justify-content: flex-start;
  }

  #feature-1 .key-feature__image {
    width: clamp(104px, 13.54vw, 260px);
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
    flex-shrink: 0;
  }

  /* Key Features Section - Feature 2 이미지 배치 */
  #feature-2 .key-feature__image-area {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #feature-2 .key-feature__image--single {
    width: 100%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
  }

  /* Key Features Section - Feature 3 이미지와 아이콘 배치 */
  #feature-3 .key-feature__image-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
  }

  #feature-3 .key-feature__image-wrapper {
    position: relative;
    width: 100%;
    height: auto;
  }

  #feature-3 .key-feature__image--main {
    width: 80%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
  }

  #feature-3 .key-feature__image--icon {
    position: absolute;
    right: -8%;
    bottom: -2%;
    width: 38%;
    height: auto;
  }

  /* Key Features Section - Feature 4 이미지 배치 */
  #feature-4 .key-feature__image-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #feature-4 .key-feature__image-wrapper {
    position: relative;
    width: 100%;
    height: auto;
  }

  /* 세로 폰 이미지 (앞) */
  #feature-4 .key-feature__image--main {
    position: relative;
    width: 40%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
    z-index: 2;
  }

  /* 가로 상담 이미지 (뒤) */
  #feature-4 .key-feature__image--overlay {
    position: absolute;
    right: 0;
    bottom: 10%;
    width: 70%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
    z-index: 1;
  }

  /* Key Features Section - Feature 5 이미지 배치 */
  #feature-5 .key-feature__image-area {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #feature-5 .key-feature__image--single {
    width: 100%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
  }

  /* Key Features Section - Feature 6 이미지 배치 */
  #feature-6 .key-feature__image-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  #feature-6 .key-feature__image-wrapper {
    position: relative;
    width: 80%;
    aspect-ratio: 432 / 489;
  }

  /* 가로 이미지 (6-1) - 뒤, 왼쪽 하단 */
  #feature-6 .key-feature__image--main {
    position: absolute;
    left: 0;
    top: 32.5%;
    width: 90%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
    z-index: 1;
  }

  /* 세로 이미지 (6-2) - 앞, 오른쪽 상단 */
  #feature-6 .key-feature__image--overlay {
    position: absolute;
    left: 46%;
    top: 0;
    width: 52.3%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
    z-index: 2;
  }

  /* Key Features Section - Feature 7 이미지 배치 */
  #feature-7 .key-feature__image-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
  }

  #feature-7 .key-feature__image-wrapper {
    position: relative;
    width: 90%;
    height: auto;
  }

  /* 메인 이미지 (대시보드, 7-1) */
  #feature-7 .key-feature__image--main {
    width: 100%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
  }

  /* 아이콘 이미지 (3D 문서, 7-2) */
  #feature-7 .key-feature__image--icon {
    position: absolute;
    right: -5%;
    bottom: -10%;
    width: 30%;
    height: auto;
    z-index: 2;
  }

  /* Key Features Section - Feature 8 이미지 배치 */
  #feature-8 .key-feature__image-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #feature-8 .key-feature__image-wrapper {
    position: relative;
    width: 100%;
    height: auto;
  }

  /* 메인 이미지 (음성 메모, 8-1) - 앞 */
  #feature-8 .key-feature__image--base {
    position: relative;
    width: 58%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
    z-index: 2;
  }

  /* 배경 이미지 (대시보드, 8-2) - 뒤 */
  #feature-8 .key-feature__image--overlay {
    position: absolute;
    right: 2.5%;
    bottom: 8%;
    width: 68%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
    z-index: 1;
  }

  /* Key Features Section - Feature 9 이미지 배치 (3개 이미지) */
  #feature-9 .key-feature__image-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #feature-9 .key-feature__image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.15;
  }

  /* 이미지 1 (9-1) - 상단 오른쪽 메인 이미지 */
  #feature-9 .key-feature__image-1 {
    position: absolute;
    top: 15%;
    left: 16%;
    width: 67%;
    z-index: 1;
  }

  #feature-9 .key-feature__image-1 img {
    width: 100%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
  }

  /* 이미지 2 (9-2) - 왼쪽 상단 작은 이미지 */
  #feature-9 .key-feature__image-2 {
    position: absolute;
    left: 0%;
    top: 31%;
    width: 30%;
    z-index: 2;
  }

  #feature-9 .key-feature__image-2 img {
    width: 100%;
    height: auto;
    border-radius: clamp(9.6px, 1.25vw, 24px);
  }

  /* 이미지 3 (9-3) - 하단 오른쪽 이미지 */
  #feature-9 .key-feature__image-3 {
    position: absolute;
    left: 34%;
    top: 56%;
    width: 67%;
    z-index: 1;
  }

  #feature-9 .key-feature__image-3 img {
    width: 100%;
    height: auto;
    border-radius: clamp(11.2px, 1.46vw, 28px);
  }
}

/* ============================================
   Hero Slider Section (index.html) - Desktop Fixed Values
   ============================================ */
@media (min-width: 768px) {
  .hero-content {
    padding: 100px 0 32px; /* 고정값: header-height, spacing-lg */
  }

  .hero-content__container {
    padding: 0 64px; /* 고정값: spacing-2xl */
  }

  /* 슬라이드 1 (Main) */
  .hero-content__title {
    font-size: 80px; /* max값 고정 */
    line-height: 1.4;
  }

  .hero-content__subtitle {
    font-size: 40px; /* max값 고정 */
    line-height: 1.4;
  }

  .hero-content__description {
    font-size: 28px; /* max값 고정 */
    line-height: 1.4;
  }

  .hero-slide--main .hero-content__description:last-of-type {
    font-size: 20px; /* max값 고정 */
    line-height: 1.4;
  }

  /* 슬라이드 2 (Doctors) */
  .hero-slide--doctors .hero-content__title {
    font-size: 48px; /* max값 고정 */
    line-height: 1.4;
  }

  .hero-slide--doctors .hero-content__description {
    font-size: 28px; /* max값 고정 */
    line-height: 1.4;
  }

  /* 슬라이드 3 (Users) */
  .hero-slide--users .hero-content__title {
    font-size: 48px; /* max값 고정 */
    line-height: 1.4;
  }

  .hero-slide--users .hero-content__description {
    font-size: 28px; /* max값 고정 */
    line-height: 1.4;
  }

  /* Slider Indicators */
  .slider-indicators {
    bottom: 32px; /* 고정값: spacing-lg */
    gap: 20px; /* 고정값: indicator-gap */
  }

  .slider-indicator {
    width: 12px; /* 고정값: indicator-size */
    height: 12px;
  }

  /* 슬라이드 1 (Main) 텍스트 간격 고정 */
  .hero-slide--main .hero-content__title {
    margin-bottom: 20px; /* max값 고정 */
  }

  .hero-slide--main .hero-content__subtitle {
    margin-bottom: 60px; /* max값 고정 */
  }

  .hero-slide--main .hero-content__description {
    margin-bottom: 12px; /* max값 고정 */
  }

  .hero-slide--main .hero-content__description:last-of-type {
    margin-bottom: 0;
  }

  /* 슬라이드 2 (Doctors) 텍스트 간격 고정 */
  .hero-slide--doctors .hero-content__title {
    margin-bottom: 12px; /* max값 고정 */
  }

  .hero-slide--doctors .hero-content__description {
    margin-bottom: 60px; /* max값 고정 */
  }

  /* 슬라이드 3 (Users) 텍스트 간격 고정 */
  .hero-slide--users .hero-content__title {
    margin-bottom: 12px; /* max값 고정 */
  }

  .hero-slide--users .hero-content__description {
    margin-bottom: 60px; /* max값 고정 */
  }

  /* Footer - 데스크탑 스타일 */
  .footer {
    background-color: #2a2f36;
    height: clamp(131.2px, 17.08vw, 328px); /* 328px @1920px */
    min-height: auto;
    margin-top: 0;
  }

  .footer__container {
    max-width: 1920px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .footer__line {
    display: none;
  }

  .footer__content {
    padding: 0;
    width: clamp(560px, 72.92vw, 1400px); /* 1400px @1920px */
    max-width: 1400px;
  }

  .footer__text {
    font-family: var(--font-pretendard);
    font-weight: 400;
    font-size: clamp(6px, 0.78vw, 15px); /* 15px @1920px */
    line-height: clamp(8.4px, 1.09vw, 21px); /* 21px @1920px */
    letter-spacing: 0;
    color: #f7f8fa;
    margin: 0;
    text-align: left;
    white-space: pre-line;
  }

  .footer__text strong {
    font-weight: 700;
  }
}

/* 1920px 초과 시 고정값 + 중앙 정렬 */
@media (min-width: 1921px) {
  :root {
    /* 1920px 기준 고정값 */
    --header-height: 100px;
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --spacing-2xl: 64px;
    --indicator-size: 16px;
    --indicator-gap: 30px;
    --font-size-base: 16px;
    --font-size-title: 64px;
    --font-size-subtitle: 36px;
    --font-size-body: 24px;
  }

  .hero-content__container {
    max-width: var(--container-max-width);
    margin: 0 auto;
  }

  .header__container {
    max-width: var(--container-max-width);
    margin: 0 auto;
  }

  /* 헤더 요소 고정값 */
  .header__logo-image {
    height: 32px;
  }

  .btn--header {
    height: 40px;
    font-size: 13px;
  }

  .header__language-text,
  .header__language-option {
    font-size: 13px;
  }

  .header__language-arrow {
    width: 12px;
  }

  .header__language-dropdown {
    border-radius: 8px;
    min-width: 60px;
  }

  .header__menu,
  .header__menu-icon,
  .header-menu__close,
  .header-menu__close-icon {
    width: 24px;
    height: 24px;
  }

  .header-menu__drawer {
    width: 600px; /* 1920px 기준 max값 고정 */
  }

  .header-menu__link {
    font-size: 60px; /* 1920px 기준 max값 고정 */
  }

  /* 버튼 고정값 */
  .btn {
    font-size: 13px;
  }

  .btn--cta {
    width: 300px; /* 768px 이상과 동일한 고정값 */
    height: 80px;
    font-size: 22px;
  }

  .btn--cta-primary {
    font-size: 24px; /* 1920px 고정값 */
    line-height: 33.6px;
    width: 200px;
    height: 80px;
  }

  /* Footer 고정값 */
  .footer {
    height: 328px;
  }

  .footer__content {
    width: 1400px;
  }

  .footer__text {
    font-size: 15px;
    line-height: 21px;
  }
}