/* MAXTECH v1.0 · G1 P2/Pretendard/Barlow Condensed · 2026-10-14 */
:root {
  --mt-type-wordmark: clamp(48px, 14vw, 112px);
  --mt-cursor-dot: 8px;
  --mt-cursor-ring: 36px;
  --mt-cursor-stroke: 1px;
  --mt-cursor-ring-color: color-mix(in srgb, var(--mt-color-neutral-0) 40%, transparent);
  --mt-color-primary: #181B20;
  --mt-color-secondary: #343A43;
  --mt-color-accent: #E63946;
  --mt-color-action: #B91C2C;
  --mt-color-neutral-900: #181B20;
  --mt-color-neutral-700: #48505B;
  --mt-color-neutral-500: #7A838F;
  --mt-color-neutral-300: #D1D6DC;
  --mt-color-neutral-100: #F1F3F5;
  --mt-color-neutral-0: #FFFFFF;
  --mt-color-background: #0F1115;
  --mt-color-text: #F6F7F9;
  --mt-color-text-muted: #B7C0CC;
  --mt-color-border: #7A838F;
  --mt-color-focus: #F6F7F9;
  --mt-color-text-light: #181B20;
  --mt-color-muted-light: #48505B;
  --mt-font-body: "Pretendard", "Noto Sans KR", sans-serif;
  --mt-font-display: "Barlow Condensed", "Pretendard", sans-serif;
  --mt-font-numeric: "Pretendard", sans-serif;
  --mt-font-weight-regular: 400;
  --mt-font-weight-medium: 500;
  --mt-font-weight-semibold: 600;
  --mt-font-weight-bold: 700;
  --mt-size-caption: 0.8125rem;
  --mt-size-small: 0.875rem;
  --mt-size-body: 1rem;
  --mt-size-body-large: 1.125rem;
  --mt-size-h3: 1.5rem;
  --mt-size-h2: clamp(2rem, 4vw, 3rem);
  --mt-size-h1: clamp(2.5rem, 6vw, 4.5rem);
  --mt-size-display: clamp(3rem, 8vw, 6rem);
  --mt-line-body: 1.7;
  --mt-line-heading: 1.2;
  --mt-line-display: 0.95;
  --mt-letter-body: 0em;
  --mt-letter-heading: -0.02em;
  --mt-letter-display: 0.02em;
  --mt-letter-label: 0.04em;
  --mt-radius-none: 0px;
  --mt-radius-small: 2px;
  --mt-radius-medium: 4px;
  --mt-radius-large: 8px;
  --mt-shadow-panel: 0 8px 24px rgba(0, 0, 0, 0.18);
  --mt-shadow-raised: 0 16px 48px rgba(0, 0, 0, 0.28);
  --mt-motion-fast: 120ms;
  --mt-motion-normal: 240ms;
  --mt-motion-slow: 480ms;
  --mt-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --mt-motion-distance: 24px;
  --mt-breakpoint-small: 360px;
  --mt-breakpoint-mobile: 390px;
  --mt-breakpoint-tablet: 768px;
  --mt-breakpoint-desktop: 1024px;
  --mt-breakpoint-wide: 1440px;
  --mt-layout-max: 1280px;
  --mt-layout-gutter: clamp(20px, 4vw, 64px);
  --mt-space-0: 0px;
  --mt-space-1: 4px;
  --mt-space-2: 8px;
  --mt-space-3: 12px;
  --mt-space-4: 16px;
  --mt-space-5: 20px;
  --mt-space-6: 24px;
  --mt-space-8: 32px;
  --mt-space-10: 40px;
  --mt-space-12: 48px;
  --mt-space-16: 64px;
  --mt-space-20: 80px;
  --mt-space-24: 96px;
  --mt-space-32: 128px;
  /* v06 type ladder: one size/line-height/letter-spacing per role; pages use these, never literal px.
     Ladder (1440 / 390): display 147 / 80 · h1 66 / 36 · h2 38 / 28 · h3 24 / 20 · lead 20 / 16 · eyebrow 20 / 16 · body 17 / 15 · caption 14 / 13.
     --mt-type-micro is the same step as caption: no Korean text is smaller than 13px, Latin caps labels use the eyebrow step. */
  --mt-type-display: clamp(5rem, 10.2vw, 9.5rem);
  --mt-type-display-lh: 0.9;
  --mt-type-display-ls: -0.02em;
  --mt-type-h1: clamp(2.25rem, 4.6vw, 4.25rem);
  --mt-type-h1-lh: 1.25;
  --mt-type-h1-ls: -0.02em;
  --mt-type-h2: clamp(1.75rem, 1.4rem + 1.1vw, 2.5rem);
  --mt-type-h2-lh: 1.3;
  --mt-type-h2-ls: -0.02em;
  --mt-type-h3: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --mt-type-h3-lh: 1.35;
  --mt-type-h3-ls: -0.015em;
  --mt-type-lead: clamp(1rem, 0.9rem + 0.45vw, 1.25rem);
  --mt-type-lead-lh: 1.65;
  --mt-type-lead-ls: -0.01em;
  --mt-type-body: clamp(0.9375rem, 0.88rem + 0.2vw, 1.0625rem);
  --mt-type-body-lh: 1.8;
  --mt-type-body-ls: 0em;
  --mt-type-caption: clamp(0.8125rem, 0.78rem + 0.1vw, 0.875rem);
  --mt-type-caption-lh: 1.7;
  --mt-type-caption-ls: 0em;
  --mt-type-eyebrow: clamp(1rem, 0.9rem + 0.4vw, 1.25rem);
  --mt-type-eyebrow-lh: 1.2;
  --mt-type-eyebrow-ls: 0.1em;
  --mt-type-micro: var(--mt-type-caption);
  --mt-type-micro-lh: var(--mt-type-caption-lh);
  --mt-type-numeral: clamp(1.75rem, 1.5rem + 0.8vw, 2.25rem);
  --mt-type-numeral-lh: 1.1;
  /* reading width: Hangul body never runs longer than 34 characters per line */
  --mt-measure: 34em;
  /* v05 layout: one 12-column container shared by every section */
  --mt-grid-cols: 12;
  --mt-grid-gap: clamp(16px, 2vw, 32px);
  --mt-space-section: clamp(4rem, 8vw, 7rem);
  --mt-space-block: clamp(1.75rem, 3.5vw, 3rem);
  --mt-space-heading: clamp(1.25rem, 2vw, 1.75rem);
  /* v06 hierarchy gaps: label -> title -> lead -> body -> action. Every block uses these four, nothing else. */
  --mt-stack-label: var(--mt-space-4);
  --mt-stack-title: var(--mt-space-5);
  --mt-stack-body: var(--mt-space-4);
  --mt-stack-action: var(--mt-space-8);
}
/* CSS media query cannot use var(); read breakpoint values from tokens.json.
   Do not override --mt-motion-* for reduced motion; consume tokens conditionally. */