@media (max-width: 911px) {
    /* 헤더의 최대 높이를 --capH 변수로 제한하고, 넘치는 부분은 숨깁니다. */
    .container.header-wrapper {
      max-height: var(--capH, 9999px);
      overflow: hidden;
    }
    /* 헤더의 실제 높이만큼 히어로 섹션 상단에 패딩을 주어 콘텐츠가 겹치지 않게 합니다. */
    section.hero {
      padding-top: var(--actualHeaderH, 0px) !important;
    }
  }