:root {
   --saffron: #3b080e;
   --saffron-dark: #3b080e;
   --saffron-light: #FFF3E8;
   --cream: #FFFBF5;
   --charcoal: #1A1208;
   --muted: #7A6A55;
   --border: #EDE0CC;
   --success: #2D8C5E;
   --radius: 16px;
   --ink: #12100E;
   --ink-soft: #3D3530;
   --surface: #FDFAF7;
   --surface-2: #F8F2EB;
   --orange: #3b080e;
   --orange-mid: #3b080e;
   --orange-lt: #FFF0E6;
   --gold: #C49A2A;
   --green: #2A6B4A;
   --red: #B53222;
   --shadow-sm: 0 2px 12px rgba(18, 16, 14, .07);
   --shadow-md: 0 8px 32px rgba(18, 16, 14, .11);
   --shadow-lg: 0 20px 60px rgba(18, 16, 14, .16);
   --r-sm: 10px;
   --r-md: 16px;
   --r-lg: 22px;
   --r-xl: 28px;
   --shadow: 0 8px 40px rgba(26, 18, 8, 0.10);
}

.ourstory-chef {
   width: 220px;
   height: 220px;
   object-fit: cover;
   border: 8px solid #fff;
   position: absolute;
   bottom: -40px;
   right: 6px;
   z-index: 1;
}

.img-section1 {
   border-radius: 20px;
   position: relative;
   max-width: 80%;
}

.ourstory-chef-age {
   border-radius: 20px;
   bottom: -33px;
   right: -15px;
   min-width: 140px;
   z-index: 2;
   border: 1px solid #f0f0f0;
}

.ourstory-chef-experience {
   color: var(--saffron);
   font-size: 24px;
   line-height: 1.1;
}

.meet-chef {
   font-size: 2.8rem;
   color: var(--charcoal);
   line-height: 1.2;
}

.signature-components {

   font-size: 3rem;
   color: var(--charcoal);
}

.story-section-chef {
   padding: 60px 0;
}

.story-section-ourpromise {
   padding: 40px 0;
}

.story-section-openinghour {
   background-color: var(--cream);
}

@media (max-width: 450px) {
   .ourstory-chef {
      width: 150px;
      height: 150px;
      object-fit: cover;
      border: 8px solid #fff;
      position: absolute;
      bottom: -40px;
      right: 6px;
      z-index: 1;
   }

   .img-section1 {
      border-radius: 20px;
      position: relative;
      max-width: 50%;
   }

   .ourstory-chef-age {
      border-radius: 20px;
      bottom: -44px;
      right: -10px;
      min-width: 100px;
      z-index: 2;
      border: 1px solid #f0f0f0;
   }

   .ourstory-chef-experience {
      color: var(--saffron);
      font-size: 15px;
      line-height: 1.1;
   }

   .meet-chef {

      font-size: 1.8rem;
      color: var(--charcoal);
      line-height: 1.2;
   }

   .signature-components {

      font-size: 1.8rem;
      color: var(--charcoal);
   }
}