:root {
  
  --lf-red: #CE2A1E;
  --lf-red-deep: #AC1417;
  --lf-red-on-dark: #F0503F;              
  --lf-red-soft: #FBECEA;

  
  --lf-ground: #FFFFFF;
  --lf-ground-alt: #F4F4F2;               
  --lf-stage: #0B0B0E;                    
  --lf-stage-2: #141418;                  

  
  --lf-ink: #111114;
  --lf-text: #3A3D44;                     
  --lf-muted: #6A6E77;
  --lf-line: #E3E3E6;
  --lf-stage-ink: #FFFFFF;
  --lf-stage-ink-2: rgba(255, 255, 255, .78);
  --lf-stage-ink-3: rgba(255, 255, 255, .58);
  --lf-stage-line: rgba(255, 255, 255, .14);

  
  --lf-font: 'Pretendard Variable', Pretendard, 'Noto Sans KR', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;

  
  --lf-wrap: 1296px;                      
  --lf-gutter: clamp(20px, 5vw, 72px);
  --lf-sec: 120px;                        
  --lf-gap: 64px;                         
  --lf-measure: 640px;                    
  --lf-header: var(--height-100-65, 100px);   

  
  --lf-h1: clamp(42px, 3.9vw, 56px);   --lf-h1-lh: 1.24;   
  --lf-lead: 24px; --lf-lead-lh: 1.5;
  --lf-h2: clamp(30px, 3.2vw, 44px);   --lf-h2-lh: 1.3;   
  --lf-h3: 21px;   --lf-h3-lh: 1.45;
  --lf-body: 18px; --lf-body-lh: 1.75;
  --lf-small: 15px;
  --lf-cap: 13px;
  --lf-track: -0.025em;

  
  --lf-r-s: 8px;
  --lf-r-m: 12px;
  --lf-r-l: 18px;
  --lf-btn-h: 58px;
  --lf-btn-r: 10px;                       
  --lf-shot-shadow: 0 30px 60px -30px rgba(0, 0, 0, .55);

  
  --lf-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --lf-t-line: 1600ms;
}

@media (max-width: 1023px) {
  :root {
    --lf-sec: 96px;
    --lf-gap: 44px;
    --lf-h1: 44px;
    --lf-h2: 32px;
  }
}

@media (max-width: 768px) {
  :root {
    --lf-sec: 72px;
    --lf-h1: 34px;   --lf-h1-lh: 1.28;
    --lf-lead: 19px;
    --lf-h2: 29px;   --lf-h2-lh: 1.35;
    --lf-h3: 19px;
    --lf-body: 16.5px;
    --lf-small: 14.5px;
  }
}