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(248, 223, 196, 0.055) 1px, transparent 1px),
          linear-gradient(90deg, rgba(248, 223, 196, 0.055) 1px, transparent 1px);
        background-size: 64px 64px;
      }

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

      .font-semibold {
        font-weight: 500 !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);
      }

      @media (max-width: 479px) {
        #pageTitle.display-latin {
          font-size: clamp(2rem, 9.2vw, 2.25rem) !important;
          letter-spacing: -0.045em;
          overflow-wrap: anywhere;
          word-break: normal !important;
        }
      }

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

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