:root {


  --ink:            #242424;
  --ink-body:       rgba(36, 36, 36, .78);
  --ink-muted:      rgba(36, 36, 36, .66);
  --ink-dim:        rgba(36, 36, 36, .50);
  --ink-12:         rgba(36, 36, 36, .12);
  --ink-06:         rgba(36, 36, 36, .06);

  --brand-50:       #FAF6F8;
  --brand-100:      #F1E4EC;
  --brand-200:      #DFC6D5;
  --brand-300:      #C7A0B8;
  --brand-400:      #A97396;
  --brand-500:      #874972;
  --brand-600:      #743D61;
  --brand-700:      #5E314E;
  --brand-800:      #46243B;
  --brand-900:      #2C1725;

  --brand:          var(--brand-500);
  --brand-deep:     var(--brand-700);
  --brand-soft:     var(--brand-100);
  --brand-hairline: rgba(135, 73, 114, .30);
  --brand-wash:     rgba(135, 73, 114, .05);
  --brand-on-dark:  var(--brand-300);

  --surface:        #FFFFFF;
  --paper:          #FAF8F9;
  --paper-2:        #F3ECF0;
  --dark:           #2C1725;

  --on-dark:        #F4EEF1;
  --on-dark-body:   rgba(244, 238, 241, .78);
  --on-dark-muted:  rgba(244, 238, 241, .62);
  --on-dark-line:   rgba(244, 238, 241, .16);
  --on-dark-fill:        rgba(244, 238, 241, .05);
  --brand-on-dark-fill:  rgba(199, 160, 184, .16);
  --brand-on-dark-line:  rgba(199, 160, 184, .34);

  --line:           rgba(36, 36, 36, .10);
  --line-strong:    rgba(36, 36, 36, .22);

  --signal:         #D8453B;


  --font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
          "Malgun Gothic", "맑은 고딕", system-ui, "Apple SD Gothic Neo", sans-serif;
  --font-num: var(--font);

  --fs-hero:    clamp(2.75rem, 0.9rem + 5.9vw, 5.5rem);
  --fs-display: clamp(2.75rem, 1.1rem + 4.8vw, 4.5rem);
  --fs-h2:      clamp(2.25rem, 1.05rem + 3.2vw, 3.375rem);
  --fs-key:     clamp(1.75rem, 1.1rem + 2.1vw, 2.375rem);
  --fs-h3:      clamp(1.5rem, 1.2rem + 1.0vw, 1.75rem);
  --fs-h4:      clamp(1.25rem, 1.1rem + 0.55vw, 1.375rem);
  --fs-lead:    var(--fs-h4);
  --fs-body:    clamp(1.0625rem, 1.0rem + 0.2vw, 1.125rem);
  --fs-sm:      0.9375rem;
  --fs-label:   0.8125rem;

  --em-scale:   1.2;
  --em-color:   var(--ink);
  --em-accent:  var(--brand);

  --w-regular:  400;
  --w-bold:     700;
  --w-black:    800;

  --lh-tight:   1.18;
  --lh-snug:    1.45;
  --lh-body:    1.85;

  --tracking-label: .16em;
  --tracking-tight: -.025em;


  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  24px;
  --s-6:  32px;
  --s-7:  48px;
  --s-8:  64px;
  --s-9:  96px;
  --s-10: 140px;

  --sec:    clamp(5rem, 2rem + 8.5vw, 10rem);
  --sec-sm: clamp(3.75rem, 2rem + 5vw,  6.875rem);
  --sec-lg: clamp(6rem, 2rem + 11vw,  13.75rem);


  --wrap:        1200px;
  --wrap-narrow: 860px;
  --wrap-text:   720px;
  --gutter:      clamp(1.25rem, 0.6rem + 2.2vw, 2.5rem);

  --rail:        420px;
  --rail-gap:    var(--s-8);
  --rail-top:    112px;
  --counsel-h:   76px;


  --icon-lg: 72px;
  --icon-md: 36px;
  --icon-sm: 20px;
  --icon-stroke: 1.5;


  --r-sm:   6px;
  --r-md:   14px;
  --r-lg:   24px;
  --r-xl:   32px;
  --r-pill: 999px;

  --sh-sm: 0 1px 2px rgba(36,24,32,.04), 0 4px 12px rgba(36,24,32,.05);
  --sh-md: 0 2px 6px rgba(36,24,32,.05), 0 14px 34px rgba(36,24,32,.08);
  --sh-lg: 0 4px 14px rgba(36,24,32,.06), 0 34px 70px rgba(36,24,32,.13);
  --sh-up: 0 -2px 20px rgba(36,24,32,.10);


  --ease:     cubic-bezier(.22, .7, .24, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: .18s;
  --dur:      .34s;
  --dur-slow: .8s;

  --z-cta:    60;
  --z-header: 70;
  --z-bar:    65;
}