@font-face { font-family:'Kaushan Script'; src:url('../fonts/KaushanScript-Regular.4648267a.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }


@font-face { font-family:'Rucksack'; src:url('../fonts/RuskSack-Light.63339e34.woff2') format('woff2');    font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Rucksack'; src:url('../fonts/RuckSack-Book.13961584.woff2') format('woff2');     font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Rucksack'; src:url('../fonts/RuckSack-Medium.bed83dda.woff2') format('woff2');   font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Rucksack'; src:url('../fonts/RuskSack-DemiBold.787b599f.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Rucksack'; src:url('../fonts/RuskSack-Bold.3b63e1cf.woff2') format('woff2');     font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Rucksack'; src:url('../fonts/RuckSack-Black.2c873dd7.woff2') format('woff2');    font-weight:900; font-style:normal; font-display:swap; }


@font-face { font-family:'FatFrank'; src:url('../fonts/fonnts.com-FatFrank_Heavy.99e0752d.woff2') format('woff2'); font-weight:400 900; font-style:normal; font-display:swap; }












:root {
  
  --orange:        #FA4616;  
  --orange-press:  #D8350A;  
  --orange-hover:  #E63E10;  
  --orange-tint:   #FFE3D9;  
  --orange-50:     #FFF1EB;  

  --ivory:         #FDF3CB;  
  --ivory-deep:    #FBE7A6;  

  
  --blue:          #171C8F;  
  --green:         #008D15;  
  --cyan:          #00B9DB;  
  --purple:        #792499;  
  --yellow:        #FFB81C;  

  
  --veg:           #008D15;  
  --nonveg:        #D81E05;  

  
  --ink:           #1C1A19;  
  --ink-blue:      #171C8F;  
  --slate-700:     #44403B;
  --slate-500:     #6F6862;
  --slate-300:     #C7C0B8;
  --line:          #E8E1D4;  
  --line-white:    #ECE9E3;  
  --white:         #FFFFFF;
  --paper:         #FFFFFF;  

  
  --font-heavy:   'FatFrank', 'Rucksack', system-ui, sans-serif; 
  --font-display: 'Rucksack', 'Noto Sans KR', system-ui, sans-serif; 
  --font-body:    'Rucksack', 'Noto Sans KR', system-ui, sans-serif;
  --font-kr:      'Noto Sans KR', 'Rucksack', sans-serif;
  --font-script:  'Kaushan Script', cursive; 

  
  --fs-display:  72px;  
  --fs-h1:       48px;
  --fs-h2:       36px;
  --fs-h3:       28px;
  --fs-h4:       22px;
  --fs-lead:     20px;
  --fs-body:     16px;
  --fs-sm:       14px;
  --fs-xs:       12px;
  --fs-price:    32px;  

  
  --w-reg: 400;   
  --w-med: 500;   
  --w-semi: 600;  
  --w-bold: 700;  

  
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   22px;
  --r-xl:   32px;
  --r-pill: 999px;   

  
  --sh-sm:  0 1px 2px rgba(28,26,25,.08);
  --sh-md:  0 4px 14px rgba(28,26,25,.10);
  --sh-lg:  0 14px 36px rgba(28,26,25,.16);
  --sh-orange: 0 10px 26px rgba(250,70,22,.34);  

  
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;
  --s-12: 48px; --s-16: 64px; --s-20: 80px;

  
  --ease-pop: cubic-bezier(.34, 1.56, .64, 1); 
  --ease-out: cubic-bezier(.2, .7, .3, 1); 
  --dur-fast: 120ms; 
  --dur:      200ms; 
  --dur-slow: 360ms; 
}


.gp-display {
  font-family: var(--font-display);
  font-weight: var(--w-bold);
  font-size: var(--fs-display);
  line-height: 0.96;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--ink);
}
.gp-h1 { font-family: var(--font-display); font-weight: var(--w-bold); font-size: var(--fs-h1); line-height: 1.02; letter-spacing: -0.01em; color: var(--ink); }
.gp-h2 { font-family: var(--font-display); font-weight: var(--w-bold); font-size: var(--fs-h2); line-height: 1.06; color: var(--ink); }
.gp-h3 { font-family: var(--font-display); font-weight: var(--w-semi); font-size: var(--fs-h3); line-height: 1.12; color: var(--ink); }
.gp-h4 { font-family: var(--font-display); font-weight: var(--w-semi); font-size: var(--fs-h4); line-height: 1.2; color: var(--ink); }
.gp-lead { font-family: var(--font-body); font-weight: var(--w-med); font-size: var(--fs-lead); line-height: 1.4; color: var(--slate-700); }
.gp-body { font-family: var(--font-body); font-weight: var(--w-reg); font-size: var(--fs-body); line-height: 1.55; color: var(--slate-700); }
.gp-sm   { font-family: var(--font-body); font-weight: var(--w-reg); font-size: var(--fs-sm); line-height: 1.5; color: var(--slate-500); }
.gp-eyebrow { font-family: var(--font-display); font-weight: var(--w-bold); font-size: var(--fs-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--orange); }
.gp-price { font-family: var(--font-display); font-weight: var(--w-bold); font-size: var(--fs-price); color: var(--ink); font-feature-settings: "tnum"; }
.gp-script { font-family: var(--font-script); font-weight: 400; color: var(--blue); }

@font-face { font-family: 'Noto Sans KR'; src: url('../fonts/NotoSansKR-Bold.3a0a534e.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }