html {
        scroll-behavior: smooth;
      }

      body {
        font-family: 'Noto Sans', 'Noto Sans KR', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        font-weight: 400;
        letter-spacing: 0;
      }

      .display-latin {
        font-family: 'Archivo Black', 'Arial Black', 'Noto Sans', sans-serif;
        font-weight: 900 !important;
        letter-spacing: 0;
      }

      .display-korean {
        font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
        font-weight: 800 !important;
        letter-spacing: 0;
        line-height: 1.08 !important;
        word-break: keep-all;
      }

      #pageTitle.display-korean {
        font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
      }

      .condensed-label {
        font-family: 'Bebas Neue', 'Noto Sans', sans-serif;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0;
      }

      .brand-grid-bg {
        background-image:
          linear-gradient(rgba(50, 21, 6, 0.045) 1px, transparent 1px),
          linear-gradient(90deg, rgba(50, 21, 6, 0.045) 1px, transparent 1px);
        background-size: 64px 64px;
      }

      .font-black,
      .font-extrabold {
        font-weight: 700 !important;
      }

      .font-semibold {
        font-weight: 500 !important;
      }

      .faq-question {
        font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
        font-weight: 700 !important;
      }

      [data-reveal] {
        opacity: 1;
        transform: none;
        transition:
          opacity 820ms cubic-bezier(0.22, 1, 0.36, 1),
          transform 820ms cubic-bezier(0.22, 1, 0.36, 1);
        transition-delay: var(--reveal-delay, 0ms);
      }

      [data-reveal].is-visible {
        opacity: 1;
        transform: translateY(0);
      }

      .qna-answer {
        display: grid;
        grid-template-rows: 0fr;
        opacity: 0;
        transition:
          grid-template-rows 600ms cubic-bezier(0.22, 1, 0.36, 1),
          opacity 480ms ease;
      }

      .qna-item.is-open .qna-answer {
        grid-template-rows: 1fr;
        opacity: 1;
      }

      .qna-item {
        overflow: hidden;
        border: 1px solid rgba(50, 21, 6, 0.18);
        border-radius: 8px;
        background: #fff8ef;
        transition:
          border-color 280ms ease,
          box-shadow 280ms ease,
          transform 280ms ease;
      }

      .qna-item:hover {
        border-color: rgba(50, 21, 6, 0.38);
      }

      .qna-glyph {
        transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1);
      }

      .qna-item.is-open .qna-glyph {
        transform: rotate(45deg);
      }

      .qna-item.is-open .qna-icon {
        background: #ef5f18;
        color: #fff8ef;
      }

      .qna-item.is-open {
        border-color: #ef5f18;
        box-shadow: 0 12px 30px rgba(50, 21, 6, 0.09);
      }

      .qna-item.is-open .qna-question-row {
        background: #fff8ef;
        box-shadow: inset 4px 0 0 #ef5f18;
      }

      .qna-item.is-open .qna-question {
        color: #321506;
      }

      .qna-answer-panel {
        border-top: 1px solid rgba(50, 21, 6, 0.14);
        background: #fdf1e4;
      }

      .qna-icon {
        transition: background-color 360ms ease;
      }

      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }

        [data-reveal] {
          opacity: 1;
          transform: none;
          transition: none;
        }

        .qna-answer,
        .qna-glyph,
        .qna-icon {
          transition: none;
        }
      }