{"id":1670,"date":"2026-11-04T19:09:36","date_gmt":"2026-11-04T15:39:36","guid":{"rendered":"https:\/\/morethanrecipe.com\/?page_id=1670"},"modified":"2026-11-12T15:44:11","modified_gmt":"2026-11-12T12:14:11","slug":"cafe-development","status":"publish","type":"page","link":"https:\/\/morethanrecipe.com\/ar\/cafe-development\/","title":{"rendered":"\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0642\u0627\u0647\u064a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1670\" class=\"elementor elementor-1670\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-1bda2ba e-flex e-con-boxed e-con e-parent\" data-id=\"1bda2ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ddeeba elementor-widget elementor-widget-html\" data-id=\"6ddeeba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap\"\n>\n\n<style>\n\/* =========================================\n   MORE THAN RECIPE \u2014 CAFE DEVELOPMENT\n========================================= *\/\n\n#mtr-cafe {\n  --cream: #f7f3eb;\n  --paper: #fffdf8;\n  --soft: #eee6da;\n  --ink: #35291f;\n  --gold: #aa8960;\n  --gold-light: #e4c69b;\n  --muted: #71675b;\n  --line: #ded4c5;\n  --heading: \"Manrope\", Arial, sans-serif;\n  --body: \"DM Sans\", Arial, sans-serif;\n  --text-space: clamp(16px, 2vw, 34px);\n\n  position: relative;\n  left: 0 !important;\n  right: auto !important;\n  width: var(--mcf-full-width, 100%) !important;\n  max-width: none !important;\n  min-width: 0 !important;\n\n  margin: 0 !important;\n  margin-inline: 0 !important;\n  padding: 0;\n\n  transform: translateX(var(--mcf-full-offset, 0px)) !important;\n\n  background: var(--cream);\n  color: var(--ink);\n  font-family: var(--body);\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.85;\n\n  direction: ltr !important;\n  text-align: left;\n  isolation: isolate;\n  -webkit-font-smoothing: antialiased;\n}\n\n#mtr-cafe,\n#mtr-cafe *,\n#mtr-cafe *::before,\n#mtr-cafe *::after {\n  box-sizing: border-box;\n}\n\n#mtr-cafe :where(h1,h2,h3,p,figure,blockquote,ol) {\n  margin: 0;\n}\n\n#mtr-cafe :where(h1,h2,h3) {\n  color: var(--ink);\n  font-family: var(--heading);\n  font-weight: 800;\n  text-transform: none;\n}\n\n#mtr-cafe a {\n  color: inherit;\n  text-decoration: none;\n}\n\n#mtr-cafe img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n  margin: 0;\n  object-fit: cover;\n}\n\n#mtr-cafe svg {\n  display: block;\n  flex-shrink: 0;\n}\n\n#mtr-cafe [id] {\n  scroll-margin-top: 32px;\n}\n\n#mtr-cafe a:focus-visible {\n  outline: 3px solid var(--gold);\n  outline-offset: 5px;\n}\n\n#mtr-cafe :where(h1,h2,h3,p,blockquote),\n#mtr-cafe .mcf-tag,\n#mtr-cafe .mcf-stat-label,\n#mtr-cafe .mcf-stat-note {\n  overflow-wrap: anywhere;\n  word-break: normal;\n}\n\n\/* Stable structural order *\/\n\n#mtr-cafe .mcf-hero,\n#mtr-cafe .mcf-hero-actions,\n#mtr-cafe .mcf-hero-features,\n#mtr-cafe .mcf-intro-grid,\n#mtr-cafe .mcf-heading,\n#mtr-cafe .mcf-services-grid,\n#mtr-cafe .mcf-timeline,\n#mtr-cafe .mcf-step-top,\n#mtr-cafe .mcf-stats-grid {\n  direction: ltr !important;\n}\n\n\/* Layout *\/\n\n#mtr-cafe .mcf-section {\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  padding: clamp(60px,6vw,100px) 0;\n}\n\n#mtr-cafe .mcf-container,\n#mtr-cafe .mcf-grid,\n#mtr-cafe .mcf-heading {\n  width: 100%;\n  max-width: none;\n  margin-right: 0;\n  margin-left: 0;\n}\n\n#mtr-cafe .mcf-container {\n  padding: 0;\n}\n\n#mtr-cafe .mcf-grid > *,\n#mtr-cafe .mcf-heading > * {\n  min-width: 0;\n}\n\n\/* Typography *\/\n\n#mtr-cafe .mcf-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 18px;\n  color: #947247;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1.8;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n}\n\n#mtr-cafe .mcf-label::before {\n  content: \"\";\n  width: 30px;\n  height: 1px;\n  flex: 0 0 30px;\n  background: currentColor;\n}\n\n#mtr-cafe .mcf-title {\n  width: 100%;\n  max-width: none;\n  margin-bottom: 23px;\n  font-size: clamp(28px,2.9vw,47px);\n  line-height: 1.28;\n  letter-spacing: -1.1px;\n}\n\n#mtr-cafe .mcf-title em,\n#mtr-cafe .mcf-hero h1 em {\n  color: #967044;\n  font-style: normal;\n  font-weight: inherit;\n}\n\n#mtr-cafe .mcf-heading {\n  display: grid;\n  grid-template-columns: minmax(0,1.65fr) minmax(0,1fr);\n  align-items: end;\n  gap: clamp(22px,3vw,45px);\n  margin-bottom: 38px;\n  padding: 0 var(--text-space);\n}\n\n#mtr-cafe .mcf-heading .mcf-title {\n  margin-bottom: 0;\n}\n\n#mtr-cafe .mcf-heading > p {\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 1.85;\n}\n\n\/* Buttons *\/\n\n#mtr-cafe .mcf-button {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  align-self: flex-start;\n\n  width: fit-content;\n  min-width: 0;\n  max-width: 100%;\n  min-height: 50px;\n\n  margin: 0;\n  padding: 13px 25px;\n  overflow: hidden;\n\n  border: 1px solid #c4a579;\n  border-radius: 15px 15px 25px 15px;\n  background: linear-gradient(135deg,#f0dfc3,#dfbc86);\n  color: #493420;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.8),\n    0 6px 18px rgba(96,68,35,.1);\n\n  font-family: var(--body);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.6;\n  letter-spacing: .1px;\n  text-align: center;\n  text-transform: none;\n  white-space: normal;\n  overflow-wrap: anywhere;\n\n  transition:\n    box-shadow .25s,\n    border-color .25s,\n    background .25s;\n}\n\n#mtr-cafe .mcf-button::before,\n#mtr-cafe .mcf-button::after {\n  content: none !important;\n  display: none !important;\n}\n\n#mtr-cafe .mcf-button-outline {\n  border-color: #cbb89b;\n  background: linear-gradient(135deg,#fffdf8,#eee5d7);\n  color: #624a30;\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.95);\n}\n\n#mtr-cafe .mcf-button:hover {\n  border-color: #a27b48;\n  color: #493420;\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.85),\n    0 8px 22px rgba(96,68,35,.13);\n}\n\n\/* Hero *\/\n\n#mtr-cafe .mcf-hero {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);\n  width: 100%;\n  min-height: 690px;\n  overflow: hidden;\n  background: var(--cream);\n}\n\n#mtr-cafe .mcf-hero-copy {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  min-width: 0;\n  padding: 88px var(--text-space) 95px;\n}\n\n#mtr-cafe .mcf-hero-copy::before {\n  content: \"\";\n  position: absolute;\n  top: 25px;\n  left: 12px;\n  width: 50px;\n  height: 50px;\n  border-top: 1px solid #cebea4;\n  border-left: 1px solid #cebea4;\n  border-radius: 18px 0 0;\n  pointer-events: none;\n}\n\n#mtr-cafe .mcf-hero h1 {\n  width: 100%;\n  margin-bottom: 25px;\n  font-size: clamp(34px,3.65vw,60px);\n  line-height: 1.23;\n  letter-spacing: -1.5px;\n}\n\n#mtr-cafe .mcf-hero-description {\n  width: 100%;\n  color: var(--muted);\n  font-size: 15px;\n  line-height: 1.9;\n}\n\n#mtr-cafe .mcf-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 13px;\n  width: 100%;\n  margin-top: 30px;\n}\n\n#mtr-cafe .mcf-hero-features {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 13px 23px;\n  width: 100%;\n  margin-top: 30px;\n  padding-top: 24px;\n  border-top: 1px solid var(--line);\n}\n\n#mtr-cafe .mcf-hero-feature {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: #77634b;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1.7;\n}\n\n#mtr-cafe .mcf-hero-feature::before {\n  content: \"\";\n  width: 6px;\n  height: 6px;\n  flex: 0 0 6px;\n  border-radius: 50%;\n  background: #aa8960;\n}\n\n#mtr-cafe .mcf-hero-visual {\n  position: relative;\n  width: 100%;\n  min-height: 690px;\n  overflow: hidden;\n  border-bottom-left-radius: 120px;\n  background: #d6c6ad;\n  isolation: isolate;\n}\n\n#mtr-cafe .mcf-hero-visual > img {\n  position: absolute;\n  inset: 0;\n  object-position: center;\n}\n\n#mtr-cafe .mcf-hero-visual::before {\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n  inset: 0;\n  background:\n    linear-gradient(\n      0deg,\n      rgba(40,27,17,.66),\n      rgba(40,27,17,.03) 65%\n    );\n  pointer-events: none;\n}\n\n#mtr-cafe .mcf-hero-visual::after {\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n  inset: 20px;\n  border: 1px solid rgba(255,239,210,.45);\n  border-radius: 22px 22px 22px 100px;\n  pointer-events: none;\n}\n\n#mtr-cafe .mcf-floating-card {\n  position: absolute;\n  z-index: 2;\n  right: var(--text-space);\n  bottom: 35px;\n  left: var(--text-space);\n  padding: 23px 28px;\n  border: 1px solid rgba(228,198,155,.6);\n  border-radius: 35px 18px 30px 18px;\n  background: rgba(247,243,235,.94);\n  backdrop-filter: blur(10px);\n  box-shadow: 0 15px 40px rgba(0,0,0,.12);\n}\n\n#mtr-cafe .mcf-floating-label {\n  display: block;\n  margin-bottom: 8px;\n  color: #8b6c42;\n  font-size: 9px;\n  font-weight: 700;\n  line-height: 1.7;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n}\n\n#mtr-cafe .mcf-floating-card strong {\n  display: block;\n  font-family: var(--heading);\n  font-size: 36px;\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: -1px;\n}\n\n#mtr-cafe .mcf-floating-card p {\n  margin-top: 8px;\n  color: var(--muted);\n  font-size: 11px;\n  line-height: 1.8;\n}\n\n\/* Introduction *\/\n\n#mtr-cafe .mcf-intro-grid {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  align-items: center;\n  gap: clamp(24px,3vw,48px);\n}\n\n#mtr-cafe .mcf-image-stack {\n  position: relative;\n  min-width: 0;\n  padding-bottom: 35px;\n  isolation: isolate;\n}\n\n#mtr-cafe .mcf-image-stack::before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  inset: 22px 12px 8px;\n  border: 1px solid #cfbd9e;\n  border-radius: 105px 22px 55px 22px;\n  pointer-events: none;\n}\n\n#mtr-cafe .mcf-main-image {\n  width: 100%;\n  height: clamp(440px,36vw,650px);\n  overflow: hidden;\n  border-radius: 0 22px 45px 0;\n  background: #ded2bd;\n}\n\n#mtr-cafe .mcf-inset-image {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  width: 49%;\n  height: 190px;\n  overflow: hidden;\n  border: 8px solid var(--cream);\n  border-radius: 22px 22px 48px 22px;\n  background: #ded2bd;\n  box-shadow: 0 15px 35px rgba(70,45,23,.08);\n}\n\n#mtr-cafe .mcf-image-badge {\n  position: absolute;\n  top: 25px;\n  right: 22px;\n  padding: 10px 17px;\n  border: 1px solid rgba(228,198,155,.25);\n  border-radius: 999px;\n  background: var(--ink);\n  color: var(--gold-light);\n  font-size: 9px;\n  font-weight: 600;\n  line-height: 1.7;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n#mtr-cafe .mcf-copy {\n  width: 100%;\n  padding-right: var(--text-space);\n}\n\n#mtr-cafe .mcf-copy p {\n  margin-bottom: 18px;\n  color: var(--muted);\n  font-size: 15px;\n  line-height: 1.9;\n}\n\n#mtr-cafe .mcf-copy p:last-child {\n  margin-bottom: 0;\n}\n\n#mtr-cafe .mcf-copy .mcf-label {\n  color: #947247;\n  font-size: 10px;\n}\n\n#mtr-cafe .mcf-quote {\n  margin-top: 25px;\n  padding: 21px 24px;\n  border: 0;\n  border-left: 2px solid var(--gold);\n  border-radius: 0 18px 35px 0;\n  background: #eee5d6;\n  color: var(--ink);\n  font-family: var(--heading);\n  font-size: 17px;\n  font-weight: 600;\n  line-height: 1.75;\n  letter-spacing: -.3px;\n}\n\n\/* Services *\/\n\n#mtr-cafe .mcf-services {\n  position: relative;\n  background: var(--soft);\n}\n\n#mtr-cafe .mcf-services::before {\n  content: \"\";\n  position: absolute;\n  top: -11px;\n  right: 0;\n  left: 0;\n  height: 12px;\n  background:\n    radial-gradient(\n      ellipse at 50% 100%,\n      #eee6da 70%,\n      transparent 73%\n    ) 0 0 \/ 30px 16px repeat-x;\n  pointer-events: none;\n}\n\n#mtr-cafe .mcf-services-grid {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  align-items: stretch;\n  gap: 18px;\n  padding: 0 var(--text-space);\n}\n\n#mtr-cafe .mcf-service,\n#mtr-cafe .mcf-step {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid #dfd2bf;\n  border-radius: 22px 22px 36px 22px;\n  background: linear-gradient(145deg,#fffdf8,#f6efe4);\n  box-shadow:\n    inset 0 1px 0 #fff,\n    0 6px 22px rgba(75,51,25,.045);\n  transition: border-color .3s, box-shadow .3s;\n}\n\n#mtr-cafe .mcf-service-marker {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  min-height: 74px;\n  margin: 17px 17px 0;\n  padding: 16px 18px;\n  overflow: hidden;\n  border: 1px solid #e5d6bd;\n  border-radius: 14px 14px 23px 14px;\n  background: linear-gradient(120deg,#eee0c8,#f6eddd);\n  color: #84623b;\n}\n\n#mtr-cafe .mcf-service-marker::after {\n  content: \"\";\n  position: absolute;\n  right: -10px;\n  bottom: -45px;\n  width: 110px;\n  height: 110px;\n  border: 1px solid rgba(149,111,62,.17);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n#mtr-cafe .mcf-service-marker svg {\n  width: 28px;\n  height: 28px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#mtr-cafe .mcf-service-marker span {\n  font-family: var(--heading);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1px;\n}\n\n#mtr-cafe .mcf-service-body {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: flex-start;\n  min-width: 0;\n  padding: 23px 23px 25px;\n}\n\n#mtr-cafe .mcf-service h3,\n#mtr-cafe .mcf-step h3 {\n  width: 100%;\n  margin-bottom: 11px;\n  font-size: clamp(18px,1.45vw,23px);\n  line-height: 1.4;\n  letter-spacing: -.5px;\n}\n\n#mtr-cafe .mcf-service p,\n#mtr-cafe .mcf-step p {\n  width: 100%;\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.85;\n}\n\n#mtr-cafe .mcf-service p {\n  flex: 1;\n  margin-bottom: 19px;\n}\n\n#mtr-cafe .mcf-tag {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  min-height: 27px;\n  margin-top: auto;\n  padding: 5px 11px;\n  border: 1px solid #ddccb0;\n  border-radius: 999px;\n  background: rgba(235,220,196,.35);\n  color: #8b6c42;\n  font-size: 9px;\n  font-weight: 600;\n  line-height: 1.6;\n  letter-spacing: .6px;\n  text-transform: uppercase;\n}\n\n\/* Timeline *\/\n\n#mtr-cafe .mcf-timeline {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  align-items: stretch;\n  gap: 18px;\n  margin: 0;\n  padding: 0 var(--text-space);\n  list-style: none;\n}\n\n#mtr-cafe .mcf-step {\n  height: 100%;\n  margin: 0;\n  padding: 21px;\n}\n\n#mtr-cafe .mcf-step-number {\n  display: grid;\n  place-items: center;\n  width: 43px;\n  height: 43px;\n  flex: 0 0 43px;\n  margin-bottom: 19px;\n  border: 1px solid #d4b88f;\n  border-radius: 13px 13px 20px 13px;\n  background: linear-gradient(135deg,#efdfc5,#e4c79c);\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);\n  color: #755331;\n  font-family: var(--heading);\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#mtr-cafe .mcf-step-content {\n  flex: 1;\n  width: 100%;\n  min-width: 0;\n}\n\n#mtr-cafe .mcf-step-top {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 9px 14px;\n  margin-bottom: 13px;\n  padding-bottom: 13px;\n  border-bottom: 1px solid #e5dacb;\n}\n\n#mtr-cafe .mcf-step-label {\n  color: #927247;\n  font-size: 9px;\n  font-weight: 700;\n  line-height: 1.8;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n#mtr-cafe .mcf-duration {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: #887254;\n  font-size: 10px;\n  line-height: 1.7;\n}\n\n#mtr-cafe .mcf-duration svg {\n  width: 13px;\n  height: 13px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#mtr-cafe .mcf-timeline-note {\n  margin: 24px 0 0;\n  padding: 0 var(--text-space);\n  color: var(--muted);\n  font-size: 11px;\n  line-height: 1.8;\n}\n\n\/* Statistics *\/\n\n#mtr-cafe .mcf-stats-wrap {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n#mtr-cafe .mcf-stats {\n  position: relative;\n  padding: 40px 0;\n  overflow: hidden;\n  border-top: 1px solid #796145;\n  border-bottom: 1px solid #796145;\n  background: var(--ink);\n  isolation: isolate;\n}\n\n#mtr-cafe .mcf-stats::before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  right: -60px;\n  bottom: -170px;\n  width: 340px;\n  height: 340px;\n  border: 1px solid rgba(228,198,155,.2);\n  border-radius: 50%;\n  box-shadow: 0 0 0 25px rgba(228,198,155,.025);\n  pointer-events: none;\n}\n\n#mtr-cafe .mcf-stats-grid {\n  display: grid;\n  grid-template-columns: repeat(4,minmax(0,1fr));\n}\n\n#mtr-cafe .mcf-stat {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 145px;\n  padding: 15px 20px;\n  border-right: 1px solid rgba(228,198,155,.2);\n  text-align: center;\n}\n\n#mtr-cafe .mcf-stat:last-child {\n  border-right: 0;\n}\n\n#mtr-cafe .mcf-stat strong {\n  color: var(--gold-light);\n  font-family: var(--heading);\n  font-size: clamp(34px,3.4vw,52px);\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: -1.5px;\n}\n\n#mtr-cafe .mcf-stat-label {\n  margin-top: 13px;\n  color: #fff7eb;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1.7;\n}\n\n#mtr-cafe .mcf-stat-note {\n  margin-top: 5px;\n  color: #d1bfa7;\n  font-size: 10px;\n  line-height: 1.7;\n}\n\n\/* =========================================\n   COMPACT FOOTER \u2014 NO BOOKING BUTTON\n========================================= *\/\n\n#mtr-cafe .mcf-footer {\n  --footer-line: rgba(153,119,72,.28);\n\n  position: relative;\n  isolation: isolate;\n  display: block;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      ellipse at 67% 45%,\n      rgba(255,253,247,.94),\n      transparent 65%\n    ),\n    linear-gradient(110deg,#f3e9dc,#faf5ed 62%,#f2e8db);\n\n  color: #29241e;\n  font-family: Arial, Tahoma, sans-serif;\n  font-size: 14px;\n  direction: ltr !important;\n}\n\n#mtr-cafe .mcf-footer-curve {\n  position: absolute;\n  z-index: -1;\n  top: -125px;\n  left: -110px;\n  width: 510px;\n  height: 390px;\n  color: #c9a165;\n  opacity: .68;\n  pointer-events: none;\n}\n\n#mtr-cafe .mcf-footer-leaves {\n  position: absolute;\n  z-index: -1;\n  top: -85px;\n  right: -35px;\n  width: min(500px,38vw);\n  height: 380px;\n  color: #746047;\n  opacity: .15;\n  filter: blur(6px);\n  transform: rotate(-8deg);\n  pointer-events: none;\n}\n\n#mtr-cafe .mcf-footer-inner {\n  width: 100%;\n  padding: 34px 6% 0;\n}\n\n#mtr-cafe .mcf-footer-main {\n  display: grid;\n  grid-template-columns:\n    minmax(0,1.4fr)\n    minmax(0,1fr)\n    minmax(0,1fr)\n    minmax(0,1.05fr);\n\n  align-items: center;\n  gap: 28px;\n  padding-bottom: 26px;\n  direction: ltr !important;\n}\n\n#mtr-cafe .mcf-footer-main > * {\n  min-width: 0;\n}\n\n#mtr-cafe .mcf-footer-logo {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  color: #201c18;\n  font-family: Georgia, \"Times New Roman\", serif;\n  line-height: .92;\n}\n\n#mtr-cafe .mcf-footer-logo-small {\n  font-size: 23px;\n  letter-spacing: 1.5px;\n}\n\n#mtr-cafe .mcf-footer-logo-large {\n  margin-top: 3px;\n  font-size: 43px;\n  letter-spacing: -2px;\n}\n\n#mtr-cafe .mcf-footer-tagline {\n  margin-top: 10px;\n  color: #695b4c;\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n#mtr-cafe .mcf-footer-tagline span {\n  margin: 0 5px;\n  color: #a78a65;\n}\n\n#mtr-cafe .mcf-footer-contact {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  min-height: 52px;\n  padding-left: 22px;\n  border-left: 1px solid rgba(153,119,72,.2);\n  direction: ltr !important;\n}\n\n#mtr-cafe .mcf-footer-icon {\n  width: 22px;\n  height: 22px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#mtr-cafe .mcf-footer-contact-text {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n  min-width: 0;\n}\n\n#mtr-cafe .mcf-footer-label {\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n#mtr-cafe .mcf-footer-contact-text > a {\n  color: #695b4c;\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n#mtr-cafe .mcf-footer-phone {\n  direction: ltr !important;\n  unicode-bidi: isolate;\n  white-space: nowrap;\n}\n\n#mtr-cafe .mcf-footer-social {\n  min-height: 52px;\n  padding-left: 22px;\n  border-left: 1px solid rgba(153,119,72,.2);\n}\n\n#mtr-cafe .mcf-social-links {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-top: 8px;\n  direction: ltr !important;\n}\n\n#mtr-cafe .mcf-social-links a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: 0 0 28px;\n  transition: opacity .2s;\n}\n\n#mtr-cafe .mcf-social-links a:hover {\n  opacity: .65;\n}\n\n#mtr-cafe .mcf-social-links svg {\n  width: 22px;\n  height: 22px;\n}\n\n#mtr-cafe .mcf-footer-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 16px 0 17px;\n  border-top: 1px solid var(--footer-line);\n  direction: ltr !important;\n}\n\n#mtr-cafe .mcf-copyright {\n  color: #695b4c;\n  font-size: 11px;\n  line-height: 1.8;\n}\n\n#mtr-cafe .mcf-footer-legal {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 16px;\n  color: #695b4c;\n  font-size: 11px;\n  line-height: 1.8;\n  direction: ltr !important;\n}\n\n#mtr-cafe .mcf-footer-contact-text > a,\n#mtr-cafe .mcf-footer-legal a {\n  transition: color .2s;\n}\n\n#mtr-cafe .mcf-footer-contact-text > a:hover,\n#mtr-cafe .mcf-footer-legal a:hover {\n  color: #967044;\n}\n\n#mtr-cafe .mcf-legal-divider {\n  width: 1px;\n  height: 12px;\n  background: #bd9a68;\n}\n\n\/* =========================================\n   RTL TEXT \u2014 STABLE COMPOSITION\n========================================= *\/\n\n#mtr-cafe[data-mcf-rtl=\"true\"] :where(\n  h1,\n  h2,\n  h3,\n  p,\n  blockquote,\n  .mcf-button,\n  .mcf-tag,\n  .mcf-label,\n  .mcf-hero-feature,\n  .mcf-floating-label,\n  .mcf-image-badge,\n  .mcf-step-label,\n  .mcf-duration,\n  .mcf-stat-label,\n  .mcf-stat-note,\n  .mcf-footer-label,\n  .mcf-footer-legal a\n) {\n  direction: rtl;\n  font-family:\n    \"Noto Sans Arabic\",\n    Tahoma,\n    Arial,\n    sans-serif;\n  letter-spacing: 0;\n  text-transform: none;\n}\n\n#mtr-cafe[data-mcf-rtl=\"true\"] :where(h1,h2,h3) {\n  line-height: 1.5;\n}\n\n#mtr-cafe[data-mcf-rtl=\"true\"] .mcf-section p,\n#mtr-cafe[data-mcf-rtl=\"true\"] .mcf-hero-description {\n  line-height: 2;\n}\n\n#mtr-cafe .mcf-hero-copy,\n#mtr-cafe .mcf-copy,\n#mtr-cafe .mcf-service-body,\n#mtr-cafe .mcf-step-content,\n#mtr-cafe .mcf-heading {\n  text-align: left;\n}\n\n#mtr-cafe .mcf-stat {\n  text-align: center;\n}\n\n#mtr-cafe .mcf-label {\n  direction: ltr !important;\n  unicode-bidi: plaintext;\n}\n\n#mtr-cafe .mcf-step-number,\n#mtr-cafe .mcf-service-marker > span,\n#mtr-cafe .mcf-stat > strong,\n#mtr-cafe .mcf-floating-card > strong {\n  direction: ltr !important;\n  unicode-bidi: isolate;\n}\n\n\/* Scroll animation *\/\n\n#mtr-cafe.mcf-motion-ready .mcf-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .7s, transform .7s;\n}\n\n#mtr-cafe.mcf-motion-ready .mcf-reveal.is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (hover:hover) and (pointer:fine) {\n  #mtr-cafe .mcf-service:hover,\n  #mtr-cafe .mcf-step:hover {\n    border-color: #bba17a;\n    box-shadow:\n      inset 0 1px 0 #fff,\n      0 13px 28px rgba(75,51,25,.085);\n  }\n}\n\n\/* =========================================\n   RESPONSIVE\n========================================= *\/\n\n@media (max-width:1100px) {\n  #mtr-cafe .mcf-services-grid,\n  #mtr-cafe .mcf-timeline {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n}\n\n@media (max-width:1000px) {\n  #mtr-cafe .mcf-hero,\n  #mtr-cafe .mcf-hero-visual {\n    min-height: 620px;\n  }\n\n  #mtr-cafe .mcf-footer-main {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 24px 30px;\n  }\n\n  #mtr-cafe .mcf-footer-contact:nth-child(3) {\n    padding-left: 0;\n    border-left: 0;\n  }\n}\n\n@media (max-width:800px) {\n  #mtr-cafe .mcf-hero,\n  #mtr-cafe .mcf-intro-grid,\n  #mtr-cafe .mcf-heading {\n    grid-template-columns: minmax(0,1fr);\n  }\n\n  #mtr-cafe .mcf-hero-copy {\n    padding: 70px var(--text-space) 45px;\n  }\n\n  #mtr-cafe .mcf-hero-visual {\n    min-height: 470px;\n    border-radius: 0 0 70px 0;\n  }\n\n  #mtr-cafe .mcf-hero-visual::after {\n    border-radius: 22px 22px 55px 22px;\n  }\n\n  #mtr-cafe .mcf-heading {\n    gap: 18px;\n  }\n\n  #mtr-cafe .mcf-intro-grid {\n    gap: 30px;\n  }\n\n  #mtr-cafe .mcf-copy {\n    padding: 0 var(--text-space);\n  }\n\n  #mtr-cafe .mcf-main-image {\n    border-radius: 0 0 60px 0;\n  }\n\n  #mtr-cafe .mcf-stats-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n  #mtr-cafe .mcf-stat:nth-child(2) {\n    border-right: 0;\n  }\n\n  #mtr-cafe .mcf-stat:nth-child(-n+2) {\n    border-bottom: 1px solid rgba(228,198,155,.2);\n  }\n}\n\n@media (max-width:700px) {\n  #mtr-cafe .mcf-footer-inner {\n    padding: 28px 24px 0;\n  }\n\n  #mtr-cafe .mcf-footer-main {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 20px 16px;\n    padding-bottom: 22px;\n  }\n\n  #mtr-cafe .mcf-footer-brand {\n    grid-column: 1 \/ -1;\n    padding-bottom: 18px;\n    border-bottom: 1px solid var(--footer-line);\n    text-align: center;\n  }\n\n  #mtr-cafe .mcf-footer-logo {\n    align-items: center;\n  }\n\n  #mtr-cafe .mcf-footer-logo-small {\n    font-size: 22px;\n  }\n\n  #mtr-cafe .mcf-footer-logo-large {\n    font-size: 41px;\n  }\n\n  #mtr-cafe .mcf-footer-tagline {\n    font-size: 11px;\n    white-space: normal;\n  }\n\n  #mtr-cafe .mcf-footer-contact {\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    min-height: 0;\n    padding-left: 0;\n    border-left: 0;\n    text-align: center;\n  }\n\n  #mtr-cafe .mcf-footer-contact-text {\n    align-items: center;\n    gap: 5px;\n  }\n\n  #mtr-cafe .mcf-footer-contact-text > a {\n    font-size: 11px;\n  }\n\n  #mtr-cafe .mcf-footer-social {\n    grid-column: 1 \/ -1;\n    min-height: 0;\n    padding: 17px 0 0;\n    border-left: 0;\n    border-top: 1px solid var(--footer-line);\n    text-align: center;\n  }\n\n  #mtr-cafe .mcf-social-links {\n    justify-content: center;\n    gap: 22px;\n    margin-top: 9px;\n  }\n\n  #mtr-cafe .mcf-footer-bottom {\n    flex-direction: column;\n    gap: 8px;\n    padding: 15px 0 17px;\n    text-align: center;\n  }\n\n  #mtr-cafe .mcf-copyright,\n  #mtr-cafe .mcf-footer-legal {\n    font-size: 10px;\n  }\n\n  #mtr-cafe .mcf-footer-legal {\n    justify-content: center;\n    gap: 14px;\n  }\n\n  #mtr-cafe .mcf-footer-leaves {\n    top: 0;\n    right: -110px;\n    width: 350px;\n    height: 390px;\n    opacity: .1;\n  }\n\n  #mtr-cafe .mcf-footer-curve {\n    top: -90px;\n    left: -150px;\n    width: 430px;\n  }\n}\n\n@media (max-width:600px) {\n  #mtr-cafe {\n    --text-space: 16px;\n  }\n\n  #mtr-cafe .mcf-section {\n    padding-top: 58px;\n    padding-bottom: 58px;\n  }\n\n  #mtr-cafe .mcf-label,\n  #mtr-cafe .mcf-copy .mcf-label {\n    font-size: 9px;\n    letter-spacing: 1.2px;\n  }\n\n  #mtr-cafe .mcf-title {\n    font-size: clamp(27px,7.3vw,37px);\n    line-height: 1.28;\n    letter-spacing: -.8px;\n  }\n\n  #mtr-cafe .mcf-hero-copy {\n    padding-top: 65px;\n  }\n\n  #mtr-cafe .mcf-hero-copy::before {\n    top: 18px;\n    left: 9px;\n    width: 35px;\n    height: 35px;\n  }\n\n  #mtr-cafe .mcf-hero h1 {\n    font-size: clamp(32px,8.4vw,45px);\n    letter-spacing: -1px;\n  }\n\n  #mtr-cafe[data-mcf-rtl=\"true\"] .mcf-title,\n  #mtr-cafe[data-mcf-rtl=\"true\"] .mcf-hero h1 {\n    line-height: 1.5;\n    letter-spacing: 0;\n  }\n\n  #mtr-cafe .mcf-hero-description {\n    font-size: 14px;\n  }\n\n  #mtr-cafe .mcf-hero-actions {\n    gap: 11px;\n  }\n\n  #mtr-cafe .mcf-button {\n    min-height: 48px;\n    padding: 12px 20px;\n    font-size: 11px;\n  }\n\n  #mtr-cafe .mcf-hero-features {\n    gap: 11px 18px;\n    margin-top: 25px;\n    padding-top: 20px;\n  }\n\n  #mtr-cafe .mcf-hero-feature {\n    font-size: 10px;\n  }\n\n  #mtr-cafe .mcf-hero-visual {\n    min-height: 420px;\n  }\n\n  #mtr-cafe .mcf-hero-visual::after {\n    inset: 13px;\n  }\n\n  #mtr-cafe .mcf-floating-card {\n    right: 16px;\n    bottom: 25px;\n    left: 16px;\n    padding: 20px 23px;\n  }\n\n  #mtr-cafe .mcf-floating-card strong {\n    font-size: 32px;\n  }\n\n  #mtr-cafe .mcf-main-image {\n    height: 410px;\n  }\n\n  #mtr-cafe .mcf-inset-image {\n    width: 53%;\n    height: 155px;\n  }\n\n  #mtr-cafe .mcf-services-grid,\n  #mtr-cafe .mcf-timeline {\n    grid-template-columns: minmax(0,1fr);\n  }\n\n  #mtr-cafe .mcf-service h3,\n  #mtr-cafe .mcf-step h3 {\n    font-size: 20px;\n  }\n\n  #mtr-cafe .mcf-stats {\n    padding-top: 22px;\n    padding-bottom: 22px;\n  }\n\n  #mtr-cafe .mcf-stat {\n    min-height: 145px;\n    padding: 18px 10px;\n  }\n\n  #mtr-cafe .mcf-stat strong {\n    font-size: 35px;\n  }\n\n  #mtr-cafe .mcf-stat-label {\n    font-size: 11px;\n  }\n\n  #mtr-cafe .mcf-stat-note {\n    font-size: 9px;\n  }\n}\n\n@media (prefers-reduced-motion:reduce) {\n  #mtr-cafe *,\n  #mtr-cafe *::before,\n  #mtr-cafe *::after {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n\n  #mtr-cafe.mcf-motion-ready .mcf-reveal {\n    opacity: 1;\n    transform: none;\n  }\n}\n<\/style>\n\n<div id=\"mtr-cafe\">\n\n  <!-- HERO -->\n\n  <section class=\"mcf-hero\" aria-labelledby=\"mcf-page-title\">\n    <div class=\"mcf-hero-copy\">\n      <p class=\"mcf-label\">Cafe Development<\/p>\n\n      <h1 id=\"mcf-page-title\">\n        From Bean to <em>Beautiful Cafe<\/em>\n      <\/h1>\n\n      <p class=\"mcf-hero-description\">\n        End-to-end cafe development services in Muscat, Oman.\n        We turn your coffee vision into a profitable,\n        beautifully-designed, fully-operational specialty cafe \u2014\n        from concept and coffee program to barista training\n        and grand opening.\n      <\/p>\n\n      <div class=\"mcf-hero-actions\">\n        <a class=\"mcf-button\" href=\"\/contact-us\/\">\n          Start Your Cafe\n        <\/a>\n\n        <a class=\"mcf-button mcf-button-outline\" href=\"#services\">\n          Explore Services\n        <\/a>\n      <\/div>\n\n      <div class=\"mcf-hero-features\">\n        <span class=\"mcf-hero-feature\">Specialty coffee focus<\/span>\n        <span class=\"mcf-hero-feature\">8+ years in GCC<\/span>\n        <span class=\"mcf-hero-feature\">Complete build &amp; training<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"mcf-hero-visual\">\n      <img\n        src=\"https:\/\/images.unsplash.com\/photo-1495474472287-4d71bcdd2085?auto=format&amp;fit=crop&amp;w=1600&amp;q=85\"\n        alt=\"Specialty coffee preparation and cafe atmosphere\"\n        fetchpriority=\"high\"\n        decoding=\"async\"\n      >\n\n      <div class=\"mcf-floating-card\">\n        <span class=\"mcf-floating-label\">Cups Served Daily<\/span>\n        <strong>500+<\/strong>\n        <p>Across our launched cafes<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INTRODUCTION -->\n\n  <section\n    class=\"mcf-section\"\n    id=\"intro\"\n    aria-labelledby=\"mcf-intro-title\"\n  >\n    <div class=\"mcf-container mcf-intro-grid mcf-grid\">\n      <div class=\"mcf-image-stack mcf-reveal\">\n        <figure class=\"mcf-main-image\">\n          <img\n            src=\"https:\/\/images.unsplash.com\/photo-1445116572660-236099ec97a0?auto=format&amp;fit=crop&amp;w=1400&amp;q=85\"\n            alt=\"Cafe interior and coffee bar\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/figure>\n\n        <figure class=\"mcf-inset-image\">\n          <img\n            src=\"https:\/\/images.unsplash.com\/photo-1495474472287-4d71bcdd2085?auto=format&amp;fit=crop&amp;w=800&amp;q=85\"\n            alt=\"Coffee preparation and serving details\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/figure>\n\n        <span class=\"mcf-image-badge\">Specialty Coffee<\/span>\n      <\/div>\n\n      <div class=\"mcf-copy mcf-reveal\">\n        <p class=\"mcf-label\">01 \/ What We Do<\/p>\n\n        <h2 class=\"mcf-title\" id=\"mcf-intro-title\">\n          Complete Cafe <em>Development<\/em>\n        <\/h2>\n\n        <p>\n          Cafe development is the complete process of bringing a\n          coffee shop concept to life \u2014 from defining your coffee\n          program and brand identity, through designing the space\n          and sourcing equipment, to training your baristas and\n          launching with a full house.\n        <\/p>\n\n        <p>\n          A great cafe is more than good coffee. It is a carefully\n          choreographed experience \u2014 the aroma at the door, the\n          sound of the grinder, the warmth of the lighting, the\n          comfort of the seating, the smile of the barista.\n          Every detail matters, and every detail is a decision\n          someone made during development.\n        <\/p>\n\n        <p>\n          We make those decisions together with you \u2014 coordinating\n          concept, coffee, design, build, team, and launch under\n          one roof, so your cafe opens beautiful, profitable,\n          and ready to serve.\n        <\/p>\n\n        <blockquote class=\"mcf-quote\">\n          A cafe is not a room with an espresso machine. It is\n          a daily ritual for your customers \u2014 and rituals\n          deserve to be designed with care.\n        <\/blockquote>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SERVICES -->\n\n  <section\n    class=\"mcf-section mcf-services\"\n    id=\"services\"\n    aria-labelledby=\"mcf-services-title\"\n  >\n    <div class=\"mcf-container\">\n      <header class=\"mcf-heading mcf-reveal\">\n        <div>\n          <p class=\"mcf-label\">02 \/ Our Services<\/p>\n          <h2 class=\"mcf-title\" id=\"mcf-services-title\">\n            What We <em>Offer<\/em>\n          <\/h2>\n        <\/div>\n\n        <p>\n          Six core services covering every aspect of cafe\n          development \u2014 from first sketch to first pour.\n        <\/p>\n      <\/header>\n\n      <div class=\"mcf-services-grid mcf-grid\">\n\n        <article class=\"mcf-service mcf-reveal\">\n          <div class=\"mcf-service-marker\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <path d=\"M9 18h6M10 21h4\"><\/path>\n              <path d=\"M8 14a6 6 0 1 1 8 0c-1 1-1 2-1 3H9c0-1 0-2-1-3Z\"><\/path>\n            <\/svg>\n            <span>01<\/span>\n          <\/div>\n\n          <div class=\"mcf-service-body\">\n            <h3>Concept &amp; Brand<\/h3>\n            <p>\n              Cafe concept, target customer, brand name, logo,\n              color palette, and a complete visual identity\n              that captures your cafe\u2019s personality.\n            <\/p>\n            <span class=\"mcf-tag\">Foundation<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"mcf-service mcf-reveal\">\n          <div class=\"mcf-service-marker\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <path d=\"M4 8h13v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V8Z\"><\/path>\n              <path d=\"M17 9h1a4 4 0 0 1 0 8h-1M7 2v3M11 2v3M15 2v3\"><\/path>\n            <\/svg>\n            <span>02<\/span>\n          <\/div>\n\n          <div class=\"mcf-service-body\">\n            <h3>Coffee Program<\/h3>\n            <p>\n              Bean sourcing, roast profiles, espresso recipe\n              dialing-in, signature drink development, and\n              a complete beverage menu priced for margin.\n            <\/p>\n            <span class=\"mcf-tag\">Coffee<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"mcf-service mcf-reveal\">\n          <div class=\"mcf-service-marker\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <path d=\"M3 21V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v16M1 21h22\"><\/path>\n              <path d=\"M7 7h3M14 7h3M7 11h3M14 11h3M9 21v-6h6v6\"><\/path>\n            <\/svg>\n            <span>03<\/span>\n          <\/div>\n\n          <div class=\"mcf-service-body\">\n            <h3>Interior Design &amp; Build<\/h3>\n            <p>\n              Space planning, mood boards, furniture sourcing,\n              lighting design, contractor management, and\n              turnkey handover of a finished cafe.\n            <\/p>\n            <span class=\"mcf-tag\">Space<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"mcf-service mcf-reveal\">\n          <div class=\"mcf-service-marker\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"><\/rect>\n              <path d=\"M4 9h16M8 6h1M12 6h1M8 13h8M8 17h8\"><\/path>\n            <\/svg>\n            <span>04<\/span>\n          <\/div>\n\n          <div class=\"mcf-service-body\">\n            <h3>Equipment Sourcing<\/h3>\n            <p>\n              Espresso machines, grinders, brewers,\n              refrigeration, and POS systems \u2014 specified,\n              sourced, negotiated, and installed through\n              our supplier network.\n            <\/p>\n            <span class=\"mcf-tag\">Equipment<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"mcf-service mcf-reveal\">\n          <div class=\"mcf-service-marker\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <circle cx=\"9\" cy=\"7\" r=\"3.5\"><\/circle>\n              <path d=\"M2 21v-2a5 5 0 0 1 5-5h4a5 5 0 0 1 5 5v2\"><\/path>\n              <path d=\"M16 3.5a3.5 3.5 0 0 1 0 7M22 21v-2a5 5 0 0 0-4-4.9\"><\/path>\n            <\/svg>\n            <span>05<\/span>\n          <\/div>\n\n          <div class=\"mcf-service-body\">\n            <h3>Barista Training<\/h3>\n            <p>\n              A four-week paid training program covering espresso\n              theory, milk steaming, latte art, pour-over,\n              customer service, and live service rehearsals.\n            <\/p>\n            <span class=\"mcf-tag\">People<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"mcf-service mcf-reveal\">\n          <div class=\"mcf-service-marker\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"><\/rect>\n              <path d=\"M7 2v4M17 2v4M3 9h18M8 15l3 3 5-6\"><\/path>\n            <\/svg>\n            <span>06<\/span>\n          <\/div>\n\n          <div class=\"mcf-service-body\">\n            <h3>Launch &amp; Growth<\/h3>\n            <p>\n              Soft launch, grand opening event, social media\n              content planning, and 90 days of post-launch\n              consulting to fill seats and grow regulars.\n            <\/p>\n            <span class=\"mcf-tag\">Growth<\/span>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TIMELINE -->\n\n  <section\n    class=\"mcf-section\"\n    id=\"journey\"\n    aria-labelledby=\"mcf-journey-title\"\n  >\n    <div class=\"mcf-container\">\n      <header class=\"mcf-heading mcf-reveal\">\n        <div>\n          <p class=\"mcf-label\">03 \/ The Journey<\/p>\n          <h2 class=\"mcf-title\" id=\"mcf-journey-title\">\n            The Development <em>Timeline<\/em>\n          <\/h2>\n        <\/div>\n\n        <p>\n          Six stages from first conversation to grand opening \u2014\n          typically 12 to 18 weeks for a cafe, with activities\n          coordinated in parallel where appropriate.\n        <\/p>\n      <\/header>\n\n      <ol class=\"mcf-timeline\">\n\n        <li class=\"mcf-step mcf-reveal\">\n          <span class=\"mcf-step-number\" aria-hidden=\"true\">01<\/span>\n          <div class=\"mcf-step-content\">\n            <div class=\"mcf-step-top\">\n              <span class=\"mcf-step-label\">Discovery<\/span>\n              <span class=\"mcf-duration\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                  <path d=\"M12 7v5l3 2\"><\/path>\n                <\/svg>\n                1\u20132 weeks\n              <\/span>\n            <\/div>\n            <h3>Concept Workshop<\/h3>\n            <p>\n              A deep-dive session to define your cafe\u2019s vision,\n              target customer, brand personality, and what makes\n              it different from every other coffee shop\n              in the neighborhood.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"mcf-step mcf-reveal\">\n          <span class=\"mcf-step-number\" aria-hidden=\"true\">02<\/span>\n          <div class=\"mcf-step-content\">\n            <div class=\"mcf-step-top\">\n              <span class=\"mcf-step-label\">Coffee Program<\/span>\n              <span class=\"mcf-duration\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                  <path d=\"M12 7v5l3 2\"><\/path>\n                <\/svg>\n                2\u20133 weeks\n              <\/span>\n            <\/div>\n            <h3>Building the Menu<\/h3>\n            <p>\n              Bean sourcing, roast selection, espresso recipe\n              dialing-in, signature drinks, food pairings,\n              and a complete beverage menu \u2014 engineered\n              for taste and margin.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"mcf-step mcf-reveal\">\n          <span class=\"mcf-step-number\" aria-hidden=\"true\">03<\/span>\n          <div class=\"mcf-step-content\">\n            <div class=\"mcf-step-top\">\n              <span class=\"mcf-step-label\">Design<\/span>\n              <span class=\"mcf-duration\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                  <path d=\"M12 7v5l3 2\"><\/path>\n                <\/svg>\n                3\u20135 weeks\n              <\/span>\n            <\/div>\n            <h3>Designing the Space<\/h3>\n            <p>\n              Brand identity, interior design drawings,\n              furniture layout, lighting plan, and the\n              engineered workflow that lets baristas move\n              efficiently during the morning rush.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"mcf-step mcf-reveal\">\n          <span class=\"mcf-step-number\" aria-hidden=\"true\">04<\/span>\n          <div class=\"mcf-step-content\">\n            <div class=\"mcf-step-top\">\n              <span class=\"mcf-step-label\">Build<\/span>\n              <span class=\"mcf-duration\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                  <path d=\"M12 7v5l3 2\"><\/path>\n                <\/svg>\n                5\u20138 weeks\n              <\/span>\n            <\/div>\n            <h3>Build &amp; Equipment<\/h3>\n            <p>\n              Construction, espresso machine and grinder\n              installation, refrigeration, POS setup,\n              supplier contracts, and licensing support \u2014\n              managed end-to-end.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"mcf-step mcf-reveal\">\n          <span class=\"mcf-step-number\" aria-hidden=\"true\">05<\/span>\n          <div class=\"mcf-step-content\">\n            <div class=\"mcf-step-top\">\n              <span class=\"mcf-step-label\">Training<\/span>\n              <span class=\"mcf-duration\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                  <path d=\"M12 7v5l3 2\"><\/path>\n                <\/svg>\n                4 weeks\n              <\/span>\n            <\/div>\n            <h3>Barista School<\/h3>\n            <p>\n              Four weeks of paid training \u2014 espresso theory,\n              milk steaming, latte art, pour-over technique,\n              customer service, and live service rehearsals\n              with role-play guests.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"mcf-step mcf-reveal\">\n          <span class=\"mcf-step-number\" aria-hidden=\"true\">06<\/span>\n          <div class=\"mcf-step-content\">\n            <div class=\"mcf-step-top\">\n              <span class=\"mcf-step-label\">Launch<\/span>\n              <span class=\"mcf-duration\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                  <path d=\"M12 7v5l3 2\"><\/path>\n                <\/svg>\n                Opening + 90-day support\n              <\/span>\n            <\/div>\n            <h3>Opening &amp; Beyond<\/h3>\n            <p>\n              Soft launch with friends and family, grand opening\n              event, social media push, and 90 days of weekly\n              check-ins to optimize operations and grow\n              your regular customer base.\n            <\/p>\n          <\/div>\n        <\/li>\n\n      <\/ol>\n\n      <p class=\"mcf-timeline-note\">\n        Durations are indicative. The final schedule depends\n        on scope, approvals, site readiness, equipment availability,\n        and the agreed project plan.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- STATISTICS -->\n\n  <section\n    class=\"mcf-stats-wrap\"\n    id=\"stats\"\n    aria-label=\"Cafe development at a glance\"\n  >\n    <div class=\"mcf-stats mcf-reveal\">\n      <div class=\"mcf-stats-grid mcf-grid\">\n\n        <div class=\"mcf-stat\">\n          <strong>30+<\/strong>\n          <span class=\"mcf-stat-label\">Cafes Launched<\/span>\n          <span class=\"mcf-stat-note\">Across the GCC<\/span>\n        <\/div>\n\n        <div class=\"mcf-stat\">\n          <strong>500+<\/strong>\n          <span class=\"mcf-stat-label\">Daily Cups Served<\/span>\n          <span class=\"mcf-stat-note\">Per cafe at capacity<\/span>\n        <\/div>\n\n        <div class=\"mcf-stat\">\n          <strong>120<\/strong>\n          <span class=\"mcf-stat-label\">Baristas Trained<\/span>\n          <span class=\"mcf-stat-note\">Four-week program<\/span>\n        <\/div>\n\n        <div class=\"mcf-stat\">\n          <strong>8<\/strong>\n          <span class=\"mcf-stat-label\">Years Experience<\/span>\n          <span class=\"mcf-stat-note\">Specialty coffee focus<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- COMPACT FOOTER -->\n\n  <footer class=\"mcf-footer\">\n\n    <svg\n      class=\"mcf-footer-curve\"\n      viewBox=\"0 0 510 390\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <path\n        d=\"M-35 390C65 238 246 266 393 112C449 53 467-2 475-65\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.5\"\n      ><\/path>\n    <\/svg>\n\n    <svg\n      class=\"mcf-footer-leaves\"\n      viewBox=\"0 0 540 430\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <g fill=\"currentColor\">\n        <path d=\"M516-25C450 77 401 184 344 431L355 436C399 220 452 85 526-20Z\"><\/path>\n        <path d=\"M468 53C403 12 342 28 285 89C360 94 424 83 468 53Z\"><\/path>\n        <path d=\"M441 103C368 69 300 89 237 159C327 162 396 143 441 103Z\"><\/path>\n        <path d=\"M417 160C333 130 265 158 211 228C299 226 372 204 417 160Z\"><\/path>\n        <path d=\"M390 226C320 202 255 228 197 302C278 299 348 276 390 226Z\"><\/path>\n        <path d=\"M366 294C295 275 239 309 203 375C270 370 330 344 366 294Z\"><\/path>\n        <path d=\"M466 55C493 100 508 165 487 232C449 168 444 105 466 55Z\"><\/path>\n        <path d=\"M439 113C468 153 479 217 455 282C422 224 420 164 439 113Z\"><\/path>\n        <path d=\"M412 179C442 219 450 280 425 343C395 288 393 231 412 179Z\"><\/path>\n        <path d=\"M384 247C411 283 416 341 391 402C364 349 365 295 384 247Z\"><\/path>\n      <\/g>\n    <\/svg>\n\n    <div class=\"mcf-footer-inner\">\n      <div class=\"mcf-footer-main\">\n\n        <div class=\"mcf-footer-brand\">\n          <a\n            href=\"\/\"\n            class=\"mcf-footer-logo\"\n            aria-label=\"More Than Recipe home\"\n          >\n            <span class=\"mcf-footer-logo-small\">MORE THAN<\/span>\n            <span class=\"mcf-footer-logo-large\">RECIPE<\/span>\n          <\/a>\n\n          <p class=\"mcf-footer-tagline\">\n            Caf\u00e9 <span>\u00b7<\/span> Restaurant <span>\u00b7<\/span> Lifestyle\n          <\/p>\n        <\/div>\n\n        <div class=\"mcf-footer-contact\">\n          <svg\n            class=\"mcf-footer-icon\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"><\/path>\n            <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\n          <\/svg>\n\n          <div class=\"mcf-footer-contact-text\">\n            <span class=\"mcf-footer-label\">Visit Us<\/span>\n            <a\n              href=\"https:\/\/maps.google.com\/?q=Muscat,Oman\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              Muscat, Oman\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"mcf-footer-contact\">\n          <svg\n            class=\"mcf-footer-icon\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n          >\n            <path\n              d=\"M22 16.92v3a2 2 0 0 1-2.18 2\n              19.79 19.79 0 0 1-8.63-3.07\n              19.5 19.5 0 0 1-6-6\n              19.79 19.79 0 0 1-3.07-8.67\n              A2 2 0 0 1 4.11 2h3\n              a2 2 0 0 1 2 1.72\n              c.12.96.36 1.9.72 2.8\n              a2 2 0 0 1-.45 2.11L8.11 9.89\n              a16 16 0 0 0 6 6l1.27-1.27\n              a2 2 0 0 1 2.11-.45\n              c.9.36 1.84.6 2.8.72\n              A2 2 0 0 1 22 16.92Z\"\n            ><\/path>\n          <\/svg>\n\n          <div class=\"mcf-footer-contact-text\">\n            <span class=\"mcf-footer-label\">Call Us<\/span>\n            <a class=\"mcf-footer-phone\" href=\"tel:+96893365478\">\n              +968 9336 5478\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"mcf-footer-social\">\n          <span class=\"mcf-footer-label\">Follow Us<\/span>\n\n          <div class=\"mcf-social-links\">\n\n            <!-- Official Instagram link -->\n            <a\n              href=\"https:\/\/www.instagram.com\/morethanrecpie?psln=NHljMnhuODJkNXky\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label=\"More Than Recipe on Instagram\"\n            >\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <defs>\n                  <linearGradient\n                    id=\"mcf-footer-instagram\"\n                    x1=\"0%\"\n                    y1=\"100%\"\n                    x2=\"100%\"\n                    y2=\"0%\"\n                  >\n                    <stop offset=\"0%\" stop-color=\"#FEDA75\"><\/stop>\n                    <stop offset=\"35%\" stop-color=\"#FA7E1E\"><\/stop>\n                    <stop offset=\"65%\" stop-color=\"#D62976\"><\/stop>\n                    <stop offset=\"100%\" stop-color=\"#4F5BD5\"><\/stop>\n                  <\/linearGradient>\n                <\/defs>\n\n                <rect\n                  x=\"3\"\n                  y=\"3\"\n                  width=\"18\"\n                  height=\"18\"\n                  rx=\"5\"\n                  fill=\"none\"\n                  stroke=\"url(#mcf-footer-instagram)\"\n                  stroke-width=\"2\"\n                ><\/rect>\n\n                <circle\n                  cx=\"12\"\n                  cy=\"12\"\n                  r=\"4\"\n                  fill=\"none\"\n                  stroke=\"url(#mcf-footer-instagram)\"\n                  stroke-width=\"2\"\n                ><\/circle>\n\n                <circle\n                  cx=\"17.5\"\n                  cy=\"6.5\"\n                  r=\"1.2\"\n                  fill=\"#D62976\"\n                ><\/circle>\n              <\/svg>\n            <\/a>\n\n            <!-- Replace when the Telegram address is available -->\n            <a\n              href=\"https:\/\/t.me\/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label=\"Telegram\"\n            >\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#26A5E4\"><\/circle>\n                <path\n                  d=\"M18.9 6.1 16.5 18c-.18.84-.68 1.05-1.37.65l-3.78-2.78-1.82 1.75c-.2.2-.37.37-.75.37l.27-3.85 7.02-6.34c.3-.27-.07-.42-.45-.15l-8.68 5.47-3.74-1.17c-.81-.25-.82-.8.17-1.2l14.62-5.64c.68-.25 1.28.16 1.06.99Z\"\n                  fill=\"#fff\"\n                ><\/path>\n              <\/svg>\n            <\/a>\n\n            <a\n              href=\"https:\/\/wa.me\/96893365478\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label=\"WhatsApp\"\n            >\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path\n                  fill=\"#25D366\"\n                  d=\"M12.04 2a9.8 9.8 0 0 0-8.42 14.82L2.2 22l5.3-1.39A9.95 9.95 0 0 0 12.04 22a10 10 0 0 0 0-20Zm0 18.3a8.2 8.2 0 0 1-4.17-1.13l-.3-.18-3.14.82.84-3.06-.2-.32A8.2 8.2 0 1 1 12.04 20.3Z\"\n                ><\/path>\n                <path\n                  fill=\"#25D366\"\n                  d=\"M16.8 13.85c-.26-.13-1.55-.76-1.79-.85-.24-.09-.42-.13-.6.13-.17.25-.68.85-.83 1.03-.15.17-.3.19-.56.06-.26-.13-1.1-.4-2.1-1.28-.78-.69-1.3-1.55-1.45-1.81-.15-.26-.02-.4.11-.53.12-.12.26-.3.39-.45.13-.15.17-.26.26-.43.09-.17.04-.32-.02-.45-.07-.13-.6-1.43-.82-1.95-.22-.51-.44-.44-.6-.45h-.51c-.17 0-.45.06-.69.32-.24.26-.91.89-.91 2.17s.93 2.52 1.06 2.69c.13.17 1.83 2.79 4.44 3.91.62.27 1.1.43 1.48.55.62.19 1.19.16 1.64.1.5-.08 1.55-.63 1.77-1.24.22-.61.22-1.13.15-1.24-.07-.11-.24-.18-.5-.31Z\"\n                ><\/path>\n              <\/svg>\n            <\/a>\n\n            <!-- Replace when the YouTube channel address is available -->\n            <a\n              href=\"https:\/\/www.youtube.com\/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label=\"YouTube\"\n            >\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path\n                  fill=\"#FF0000\"\n                  d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8Z\"\n                ><\/path>\n                <path fill=\"#fff\" d=\"m9.6 15.5 6.2-3.5-6.2-3.5v7Z\"><\/path>\n              <\/svg>\n            <\/a>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"mcf-footer-bottom\">\n        <p class=\"mcf-copyright\">\n          \u00a9 <span data-cafe-footer-year>2026<\/span>\n          More Than Recipe. All rights reserved.\n        <\/p>\n\n        <div class=\"mcf-footer-legal\">\n          <a href=\"\/privacy-policy\/\">Privacy Policy<\/a>\n          <span class=\"mcf-legal-divider\" aria-hidden=\"true\"><\/span>\n          <a href=\"\/terms-and-conditions\/\">Terms &amp; Conditions<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const script = document.currentScript;\n  const root = script && script.previousElementSibling;\n\n  if (!root || root.id !== \"mtr-cafe\") return;\n  if (root.dataset.initialized === \"true\") return;\n\n  root.dataset.initialized = \"true\";\n\n  \/* Full viewport width *\/\n\n  let widthFrame = null;\n\n  function updateWidth() {\n    if (!root.isConnected) return;\n\n    const width =\n      document.documentElement.clientWidth;\n\n    if (!width) return;\n\n    root.style.setProperty(\n      \"--mcf-full-width\",\n      width + \"px\"\n    );\n\n    root.style.setProperty(\n      \"--mcf-full-offset\",\n      \"0px\"\n    );\n\n    const left =\n      root.getBoundingClientRect().left;\n\n    root.style.setProperty(\n      \"--mcf-full-offset\",\n      (-left) + \"px\"\n    );\n  }\n\n  \/* Inherit reading direction without reversing layout *\/\n\n  function updateLanguageDirection() {\n    let source = root.parentElement;\n\n    while (\n      source &&\n      source !== document.documentElement &&\n      !source.hasAttribute(\"dir\") &&\n      !source.hasAttribute(\"lang\")\n    ) {\n      source = source.parentElement;\n    }\n\n    const directionSource =\n      source || document.documentElement;\n\n    const rtl =\n      getComputedStyle(directionSource).direction === \"rtl\";\n\n    const value = String(rtl);\n\n    if (root.dataset.mcfRtl !== value) {\n      root.dataset.mcfRtl = value;\n    }\n  }\n\n  function updateLayout() {\n    if (!root.isConnected) return;\n\n    updateLanguageDirection();\n    updateWidth();\n  }\n\n  function scheduleLayout() {\n    cancelAnimationFrame(widthFrame);\n\n    widthFrame = requestAnimationFrame(\n      updateLayout\n    );\n  }\n\n  updateLayout();\n\n  window.addEventListener(\n    \"resize\",\n    scheduleLayout,\n    { passive: true }\n  );\n\n  window.addEventListener(\n    \"load\",\n    scheduleLayout,\n    { once: true }\n  );\n\n  if (document.fonts && document.fonts.ready) {\n    document.fonts.ready.then(scheduleLayout);\n  }\n\n  if (\n    \"ResizeObserver\" in window &&\n    root.parentElement\n  ) {\n    const sizeObserver =\n      new ResizeObserver(scheduleLayout);\n\n    sizeObserver.observe(root.parentElement);\n  }\n\n  if (\"MutationObserver\" in window) {\n    const languageObserver =\n      new MutationObserver(scheduleLayout);\n\n    let ancestor = root.parentElement;\n\n    while (ancestor) {\n      languageObserver.observe(ancestor, {\n        attributes: true,\n        attributeFilter: [\"lang\", \"dir\", \"class\"]\n      });\n\n      ancestor = ancestor.parentElement;\n    }\n  }\n\n  \/* Scroll reveal *\/\n\n  const motion = window.matchMedia(\n    \"(prefers-reduced-motion: reduce)\"\n  );\n\n  if (\n    !motion.matches &&\n    \"IntersectionObserver\" in window\n  ) {\n    try {\n      const observer = new IntersectionObserver(\n        function (entries) {\n          entries.forEach(function (entry) {\n            if (!entry.isIntersecting) return;\n\n            entry.target.classList.add(\n              \"is-visible\"\n            );\n\n            observer.unobserve(entry.target);\n          });\n        },\n        { threshold: 0.02 }\n      );\n\n      root.querySelectorAll(\n        \".mcf-reveal\"\n      ).forEach(function (element) {\n        observer.observe(element);\n      });\n\n      root.classList.add(\"mcf-motion-ready\");\n\n      function handleMotionChange(event) {\n        if (!event.matches) return;\n\n        root.classList.remove(\n          \"mcf-motion-ready\"\n        );\n\n        observer.disconnect();\n      }\n\n      if (motion.addEventListener) {\n        motion.addEventListener(\n          \"change\",\n          handleMotionChange\n        );\n      } else if (motion.addListener) {\n        motion.addListener(handleMotionChange);\n      }\n    } catch (error) {\n      root.classList.remove(\n        \"mcf-motion-ready\"\n      );\n    }\n  }\n\n  \/* Footer year *\/\n\n  const year = root.querySelector(\n    \"[data-cafe-footer-year]\"\n  );\n\n  if (year) {\n    year.textContent =\n      new Date().getFullYear();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cafe Development From Bean to Beautiful Cafe End-to-end cafe development services in Muscat, Oman. We turn your coffee vision into<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1670","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/pages\/1670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/comments?post=1670"}],"version-history":[{"count":14,"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/pages\/1670\/revisions"}],"predecessor-version":[{"id":1848,"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/pages\/1670\/revisions\/1848"}],"wp:attachment":[{"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/media?parent=1670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}