
:root {
  --c-white: #ffffff;
  --c-neutral-50: #f8f6f1;
  --c-neutral-100: #f4f2ea;
  --c-neutral-150: #e3dfd3;
  --c-neutral-200: #dedacd;
  --c-neutral-300: #cbc6b6;
  --c-neutral-400: #bfbaa9;
  --c-neutral-500: #87837a;
  --c-neutral-550: #6d6961;
  --c-neutral-600: #6b675f;
  --c-neutral-650: #5f5b54;
  --c-neutral-700: #45423c;
  --c-neutral-800: #292723;
  --c-neutral-900: #141413;
  --c-neutral-900-rgb: 20 20 19;
  --c-black: #000000;
  --c-accent-50: #fff3e2;
  --c-accent-500: #f49f20;
  --c-brand-dot: #f49f20;
  --c-brand-dot-deep: #e8811a;
  --c-accent-550: #895118;
  --c-accent-600: #8a4400;
  --accent-cloud: #0071e3;
  --cloud-deep: #0b2545;
  --accent-databricks: #14508f;
  --c-danger-600: #b1362e;
  --c-danger-50: #fbeceb;
  --c-success-600: #1c7a53;
  --bg-page: var(--c-neutral-100);
  --bg-band: var(--c-neutral-50);
  --bg-card: var(--c-white);
  --bg-inverse: var(--c-neutral-900);
  --bg-panel: var(--c-neutral-200);
  --bg-on-inverse: var(--c-neutral-700);
  --bg-accent: var(--c-accent-50);
  --bg-tag: var(--c-neutral-900);
  --text-on-tag: var(--text-on-inverse);
  --text-primary: var(--c-neutral-900);
  --text-secondary: var(--c-neutral-700);
  --text-muted: var(--c-neutral-600);
  --text-faint: var(--c-neutral-550);
  --text-on-inverse: #f2efe8;
  --text-on-inverse-muted: #bab5aa;
  --text-accent-on-inverse: var(--c-brand-dot);
  --text-accent: var(--c-accent-550);
  --border-hair: transparent;
  --border-control: rgba(41, 37, 28, 0.14);
  --rule-track: rgba(41, 37, 28, 0.07);
  --border-section: transparent;
  --border-accent: rgba(244, 159, 32, 0.45);
  --border-soft: transparent;
  --border-strong: var(--c-neutral-400);
  --border-inverse: rgba(255, 255, 255, 0.18);
  --state-danger: var(--c-danger-600);
  --state-danger-bg: var(--c-danger-50);
  --state-success: var(--c-success-600);
  --font-base:
    "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
    "Apple SD Gothic Neo", system-ui, "Noto Sans KR", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --tracking-tight: -0.03em;
  --tracking-display: -0.035em;
  --tracking-base: -0.01em;
  --tracking-label: 0.06em;
  --tracking-snug: -0.02em;
  --tracking-heading: -0.025em;
  --fs-display: clamp(30px, 4vw, 45px);
  --fs-h1: clamp(30px, 4vw, 56px);
  --fs-hero: clamp(38px, 6.4vw, 88px);
  --fs-h2: clamp(26px, 2.8vw, 40px);
  --fs-h3: 22px;
  --fs-h3-lg: clamp(22px, 1.95vw, 28px);
  --fs-h3-sm: clamp(17px, 1.4vw, 20px);
  --fs-h4: 17px;
  --fs-lede: 18px;
  --fs-lede-lg: clamp(20px, 1.9vw, 29px);
  --fs-stat: clamp(40px, 4.4vw, 60px);
  --fs-stat-sm: clamp(34px, 3vw, 44px);
  --fs-feature: clamp(24px, 2.25vw, 32px);
  --fs-body: 17px;
  --fs-sm: 15.5px;
  --fs-xs: 14.5px;
  --fs-2xs: 13.5px;
  --fs-label: 12.5px;
  --fs-label-caps: 11px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 22px;
  --sp-6: 32px;
  --sp-7: 44px;
  --sp-8: 64px;
  --sp-9: 96px;
  --band-py: clamp(76px, 8.4vw, 120px);
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-circle: 50%;
  --radius-pill: 980px;
  --dot-sm: 4px;
  --dot-md: 8px;
  --control-h: 44px;
  --cta-h: 52px;
  --hero-bg: var(--c-neutral-100);
  --hero-ink: var(--c-neutral-900);
  --hero-ink-soft: var(--c-neutral-600);
  --hero-ink-muted: var(--c-neutral-550);
  --section-py: clamp(64px, 8vw, 104px);
  --section-py-lg: clamp(88px, 11vw, 152px);
  --section-py-sm: 58px;
  --hero-pt: 72px;
  --hero-pb: 64px;
  --gap-grid: 14px;
  --gap-tile: 16px;
  --tile-ratio: 1 / 1.05;
  --cover-ratio: 16 / 9;
  --lh-display: 1.24;
  --lh-lede: 1.68;
  --lh-heading: 1.3;
  --lh-title: 1.4;
  --lh-body: 1.6;
  --measure: 68ch;
  --measure-lede: 46ch;
  --container: clamp(1400px, 78vw, 1800px);
  --row-lead: clamp(180px, 17vw, 15rem);
  --header-h: 64px;
  --header-bg: rgba(244, 242, 234, 0.96);
  --header-ink: var(--c-neutral-700);
  --header-ink-strong: var(--c-neutral-900);
  --header-line: rgba(41, 37, 28, 0.16);
  --header-cta-bg: var(--c-neutral-900);
  --header-cta-ink: var(--c-white);
  --mega-bg: var(--c-neutral-50);
  --scrim-bottom: rgb(var(--c-neutral-900-rgb) / 0.45);
  --scrim-card: rgb(var(--c-neutral-900-rgb) / 0.52);
  --scrim-ink-90: rgb(var(--c-neutral-900-rgb) / 0.87);
  --scrim-ink-70: rgb(var(--c-neutral-900-rgb) / 0.73);
  --scrim-ink-65: rgb(var(--c-neutral-900-rgb) / 0.66);
  --scrim-ink-40: rgb(var(--c-neutral-900-rgb) / 0.41);
  --scrim-ink-80: rgb(var(--c-neutral-900-rgb) / 0.8);
  --scrim-ink-20: rgb(var(--c-neutral-900-rgb) / 0.2);
  --scrim-ink-12: rgb(var(--c-neutral-900-rgb) / 0.12);
  --scrim-ink-06: rgb(var(--c-neutral-900-rgb) / 0.06);
  --scrim-ink-30: rgb(var(--c-neutral-900-rgb) / 0.3);
  --floating-clear: 104px;
  --floating-line: var(--bg-page);
  --art-tone: none;
  --art-rest: saturate(0.3) brightness(1.15);
  --art-lift: none;
  --art-tone-illus: contrast(1.03);
  --shadow-mega: 0 12px 28px rgba(41, 37, 28, 0.1);
  --shadow-lift: 0 10px 24px rgba(41, 37, 28, 0.09);
  --shadow-header: 0 6px 20px rgba(41, 37, 28, 0.07);
  --spot-glow: rgba(242, 239, 232, 0.08);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-hover: 180ms;
  --dur-content: 420ms;
  --dur-page: 260ms;
  --dur-reveal: 600ms;
  --dur-reveal-move: 800ms;
  --reveal-step: 60ms;
  --zoom-media: 1.04;
  --zoom-mark: 1.06;
  --bp-sm: 640px;
  --bp-md: 860px;
  --bp-lg: 1080px;
  --bp-xl: 1280px;
}
:root {
  color-scheme: light;
}
