{"id":1931,"date":"2021-09-06T14:00:01","date_gmt":"2021-09-06T14:00:01","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=1931"},"modified":"2026-06-25T16:09:15","modified_gmt":"2026-06-25T16:09:15","slug":"home-food","status":"publish","type":"page","link":"https:\/\/cortado-coffee.com\/","title":{"rendered":"Home Food"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nOur Story \u2014 Cortado Coffee House<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Montserrat:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n --gold: #C9A84C;\r\n --gold-light: #E8D48A;\r\n --gold-dim: rgba(201,168,76,0.28);\r\n --cream: #F5EDD8;\r\n --cream-dim: rgba(245,237,216,0.65);\r\n background: var(--black) \u2192 background: transparent\r\n}\r\n\r\nbody {\r\n background: var(--black);\r\n font-family: 'Montserrat', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.story {\r\n background: var(--black);\r\n padding: 130px 0 120px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.story::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 50%;\r\n transform: translateX(-50%);\r\n width: 900px;\r\n height: 600px;\r\n background: radial-gradient(ellipse at center, rgba(201,168,76,0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n}\r\n\r\n.container {\r\n max-width: 960px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n text-align: center;\r\n}\r\n\r\n\/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\r\n.eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 40px;\r\n}\r\n.eyebrow::before,\r\n.eyebrow::after {\r\n content: '';\r\n width: 56px;\r\n height: 1px;\r\n background: linear-gradient(to right, transparent, var(--gold));\r\n}\r\n.eyebrow::after {\r\n background: linear-gradient(to left, transparent, var(--gold));\r\n}\r\n.eyebrow span {\r\n font-size: 10.5px;\r\n font-weight: 500;\r\n letter-spacing: 0.45em;\r\n color: var(--gold);\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* \u2500\u2500 HEADLINE \u2014 full width, bolder \u2500\u2500 *\/\r\n.headline {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-weight: 600;\r\n line-height: 1.08;\r\n color: var(--gold-light);\r\n letter-spacing: 0.005em;\r\n margin-bottom: 0;\r\n}\r\n\r\n\/* first line: very large, full width *\/\r\n.headline .line1 {\r\n font-size: clamp(3.4rem, 8.5vw, 7rem);\r\n font-style: normal;\r\n font-weight: 600;\r\n display: block;\r\n white-space: nowrap;\r\n color: var(--gold-light);\r\n}\r\n\r\n\/* second line: italic, slightly smaller *\/\r\n.headline .line2 {\r\n font-size: clamp(2.6rem, 6vw, 5rem);\r\n font-style: italic;\r\n font-weight: 400;\r\n display: block;\r\n color: var(--gold);\r\n margin-top: 8px;\r\n}\r\n\r\n\/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\r\n.divider {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n margin: 50px auto;\r\n}\r\n.divider-line {\r\n width: 140px;\r\n height: 1px;\r\n background: linear-gradient(to right, transparent, var(--gold));\r\n}\r\n.divider-line.right {\r\n background: linear-gradient(to left, transparent, var(--gold));\r\n}\r\n.divider-diamond {\r\n width: 7px;\r\n height: 7px;\r\n background: var(--gold);\r\n transform: rotate(45deg);\r\n flex-shrink: 0;\r\n}\r\n.divider-dot {\r\n width: 3px;\r\n height: 3px;\r\n background: var(--gold-dim);\r\n transform: rotate(45deg);\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500 LEAD \u2500\u2500 *\/\r\n.lead {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(1.3rem, 2.6vw, 1.65rem);\r\n font-weight: 400;\r\n font-style: italic;\r\n line-height: 1.75;\r\n color: var(--cream);\r\n margin-bottom: 32px;\r\n letter-spacing: 0.018em;\r\n}\r\n\r\n\/* \u2500\u2500 BODY \u2500\u2500 *\/\r\n.body-text {\r\n font-size: 15.5px;\r\n font-weight: 400;\r\n line-height: 2.15;\r\n color: var(--cream-dim);\r\n letter-spacing: 0.04em;\r\n margin-bottom: 18px;\r\n}\r\n.body-text strong {\r\n color: var(--cream);\r\n font-weight: 500;\r\n}\r\n\r\n\/* \u2500\u2500 CLOSING QUOTE \u2500\u2500 *\/\r\n.closing {\r\n margin-top: 56px;\r\n padding: 42px 56px;\r\n border: 1px solid var(--gold-dim);\r\n position: relative;\r\n}\r\n.closing::before {\r\n content: '\\201C';\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 7rem;\r\n color: var(--gold);\r\n opacity: 0.2;\r\n position: absolute;\r\n top: -22px;\r\n left: 28px;\r\n line-height: 1;\r\n}\r\n.closing-text {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(1.35rem, 2.8vw, 1.85rem);\r\n font-style: italic;\r\n font-weight: 400;\r\n color: var(--gold-light);\r\n line-height: 1.65;\r\n letter-spacing: 0.02em;\r\n}\r\n\r\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\r\n.reveal {\r\n opacity: 0;\r\n transform: translateY(22px);\r\n transition: opacity 0.9s ease, transform 0.9s ease;\r\n}\r\n.reveal.on { opacity: 1; transform: translateY(0); }\r\n.d1 { transition-delay: 0.1s; }\r\n.d2 { transition-delay: 0.25s; }\r\n.d3 { transition-delay: 0.4s; }\r\n.d4 { transition-delay: 0.55s; }\r\n.d5 { transition-delay: 0.65s; }\r\n\r\n\/* \u2500\u2500 MOBILE \u2500\u2500 *\/\r\n@media (max-width: 700px) {\r\n .story { padding: 80px 0 70px; }\r\n .container { padding: 0 20px; }\r\n .headline .line1 { white-space: normal; font-size: clamp(2.6rem, 9vw, 3.8rem); }\r\n .headline .line2 { font-size: clamp(2rem, 7vw, 3rem); }\r\n .closing { padding: 28px 24px; }\r\n .closing::before { font-size: 4.5rem; left: 16px; }\r\n .divider-line { width: 70px; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .reveal { opacity: 1; transform: none; transition: none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"story\">\r\n <div class=\"container\">\r\n\r\n <!-- EYEBROW -->\r\n <div class=\"eyebrow reveal\">\r\n <span>Our Story<\/span>\r\n <\/div>\r\n\r\n <!-- HEADLINE -->\r\n <h2 class=\"headline reveal d1\">\r\n <span class=\"line1\">More Than a Cup<\/span>\r\n <span class=\"line2\">A Passion Poured Into Every Detail<\/span>\r\n <\/h2>\r\n\r\n <!-- DIVIDER -->\r\n <div class=\"divider reveal d2\">\r\n <div class=\"divider-line\"><\/div>\r\n <div class=\"divider-dot\"><\/div>\r\n <div class=\"divider-diamond\"><\/div>\r\n <div class=\"divider-dot\"><\/div>\r\n <div class=\"divider-line right\"><\/div>\r\n <\/div>\r\n\r\n <!-- LEAD -->\r\n <p class=\"lead reveal d3\">\r\n It started simply \u2014 with a deep love for coffee.\r\n <\/p>\r\n\r\n <!-- BODY -->\r\n <p class=\"body-text reveal d3\">\r\n In <strong>2023<\/strong>, Cortado Coffee House was born from a personal passion to create more than just a caf\u00e9. We wanted a place where <strong>specialty coffee meets warmth<\/strong>, where every cup is crafted with intention, and where every guest feels at home the moment they walk in.\r\n <\/p>\r\n <p class=\"body-text reveal d4\">\r\n From carefully sourced specialty beans to a menu that delights, from our cozy ambiance to the smiles behind the counter \u2014 everything at Cortado is designed around one belief.\r\n <\/p>\r\n\r\n <!-- CLOSING QUOTE -->\r\n <div class=\"closing reveal d5\">\r\n <p class=\"closing-text\">\r\n Coffee is not just a drink.<br>It's an experience.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst els = document.querySelectorAll('.reveal');\r\nconst io = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) { e.target.classList.add('on'); io.unobserve(e.target); }\r\n });\r\n}, { threshold: 0.12 });\r\nels.forEach(el => io.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cee1d22 e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"cee1d22\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2239c1 elementor-widget elementor-widget-html\" data-id=\"c2239c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Montserrat:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.cab-wrap *, .cab-wrap *::before, .cab-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.cab-wrap {\r\n --gold: #C9A84C;\r\n --gold-light: #E8D48A;\r\n --gold-dim: rgba(201,168,76,0.22);\r\n --cream: #F5EDD8;\r\n --cream-dim: rgba(245,237,216,0.6);\r\n --black: #080808;\r\n background: transparent;\r\n font-family: 'Montserrat', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n overflow: hidden;\r\n isolation: isolate;\r\n}\r\n\r\n.cab-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 110px 48px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n}\r\n\r\n.cab-right {\r\n position: relative;\r\n align-self: stretch;\r\n min-height: 600px;\r\n overflow: hidden;\r\n}\r\n\r\n.cab-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center 20%;\r\n display: block;\r\n}\r\n\r\n.cab-img-fade {\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(to right, #080808 0%, rgba(8,8,8,0.5) 10%, transparent 30%),\r\n linear-gradient(to left, #080808 0%, rgba(8,8,8,0.5) 8%, transparent 25%),\r\n linear-gradient(to bottom, #080808 0%, rgba(8,8,8,0.5) 8%, transparent 25%),\r\n linear-gradient(to top, #080808 0%, rgba(8,8,8,0.5) 8%, transparent 25%);\r\n z-index: 1;\r\n}\r\n\r\n.cab-left { position: relative; z-index: 2; }\r\n\r\n\/* \u2500\u2500 EYEBROW \u2014 \u0633\u0647\u0645 \u0639\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 \u0648\u0627\u0644\u064a\u0645\u064a\u0646 \u2500\u2500 *\/\r\n.cab-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.cab-eyebrow::before,\r\n.cab-eyebrow::after {\r\n content: '';\r\n width: 48px;\r\n height: 1px;\r\n}\r\n\r\n.cab-eyebrow::before {\r\n background: linear-gradient(to right, transparent, #C9A84C);\r\n}\r\n\r\n.cab-eyebrow::after {\r\n background: linear-gradient(to left, transparent, #C9A84C);\r\n}\r\n\r\n.cab-eyebrow span {\r\n font-size: 15px;\r\n font-weight: 500;\r\n letter-spacing: 0.44em;\r\n color: #C9A84C;\r\n text-transform: uppercase;\r\n}\r\n\r\n.cab-headline {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(2.6rem, 4vw, 3.8rem);\r\n font-weight: 600;\r\n line-height: 1.1;\r\n color: #E8D48A;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.cab-headline em {\r\n display: block;\r\n font-style: italic;\r\n font-weight: 400;\r\n color: #C9A84C;\r\n font-size: 0.8em;\r\n margin-top: 6px;\r\n}\r\n\r\n\/* \u2500\u2500 DIVIDER \u2014 \u0645\u0645\u062a\u062f \u0639\u0644\u0649 \u0643\u0627\u0645\u0644 \u0639\u0631\u0636 \u0627\u0644\u0641\u0642\u0631\u0629 \u2500\u2500 *\/\r\n.cab-divider {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin: 28px 0;\r\n width: 100%;\r\n}\r\n\r\n.cab-dline {\r\n flex: 1;\r\n height: 1px;\r\n min-width: 0;\r\n}\r\n\r\n.cab-left-line {\r\n background: linear-gradient(to left, #C9A84C, transparent);\r\n}\r\n\r\n.cab-right-line {\r\n background: linear-gradient(to right, #C9A84C, transparent);\r\n}\r\n\r\n.cab-ddiamond {\r\n width: 8px;\r\n height: 8px;\r\n background: #C9A84C;\r\n transform: rotate(45deg);\r\n flex-shrink: 0;\r\n}\r\n\r\n.cab-body {\r\n font-size: 15.5px;\r\n font-weight: 400;\r\n line-height: 2.1;\r\n color: rgba(245,237,216,0.65);\r\n letter-spacing: 0.035em;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.cab-features {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n border: 1px solid rgba(201,168,76,0.22);\r\n margin-bottom: 48px;\r\n}\r\n\r\n.cab-feature {\r\n padding: 26px 22px;\r\n border-right: 1px solid rgba(201,168,76,0.22);\r\n border-bottom: 1px solid rgba(201,168,76,0.22);\r\n transition: background 0.3s;\r\n}\r\n\r\n.cab-feature:nth-child(2n) { border-right: none; }\r\n\r\n.cab-feature:nth-child(3),\r\n.cab-feature:nth-child(4) { border-bottom: none; }\r\n\r\n.cab-feature:hover { background: rgba(201,168,76,0.05); }\r\n\r\n.cab-feature svg {\r\n width: 32px;\r\n height: 32px;\r\n stroke: #C9A84C;\r\n fill: none;\r\n stroke-width: 1.5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n display: block;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.cab-feature-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: #E8D48A;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n display: block;\r\n margin-bottom: 8px;\r\n line-height: 1.4;\r\n}\r\n\r\n.cab-feature-desc {\r\n font-size: 15px;\r\n font-weight: 400;\r\n line-height: 1.85;\r\n color: rgba(245,237,216,0.5);\r\n letter-spacing: 0.02em;\r\n}\r\n\r\n.cab-contact {\r\n display: flex;\r\n align-items: center;\r\n gap: 32px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.cab-phone-label {\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n letter-spacing: 0.3em;\r\n color: rgba(201,168,76,0.6);\r\n text-transform: uppercase;\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.cab-phone-num {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.45rem;\r\n font-weight: 400;\r\n color: #C9A84C;\r\n letter-spacing: 0.04em;\r\n text-decoration: none;\r\n}\r\n\r\n.cab-phone-num:hover { color: #E8D48A; }\r\n\r\n.cab-cta {\r\n display: inline-block;\r\n padding: 14px 36px;\r\n border: 1px solid #C9A84C;\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.35em;\r\n color: #E8D48A;\r\n text-transform: uppercase;\r\n text-decoration: none !important;\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform 0.2s;\r\n}\r\n\r\n.cab-cta::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(201,168,76,0.15), transparent);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n}\r\n\r\n.cab-cta:hover::before { opacity: 1; }\r\n.cab-cta:hover { transform: translateY(-2px); }\r\n\r\n.cab-reveal {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.85s ease, transform 0.85s ease;\r\n}\r\n\r\n.cab-reveal.on {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.cab-d1 { transition-delay: 0.1s; }\r\n.cab-d2 { transition-delay: 0.22s; }\r\n.cab-d3 { transition-delay: 0.36s; }\r\n.cab-d4 { transition-delay: 0.5s; }\r\n.cab-d5 { transition-delay: 0.62s; }\r\n\r\n@media (max-width: 860px) {\r\n .cab-inner {\r\n grid-template-columns: 1fr;\r\n padding: 60px 22px 70px;\r\n gap: 0;\r\n }\r\n\r\n .cab-right {\r\n height: 260px;\r\n margin-bottom: 0;\r\n order: -1;\r\n margin-left: -22px;\r\n margin-right: -22px;\r\n width: calc(100% + 44px);\r\n }\r\n\r\n .cab-img {\r\n object-position: center 30%;\r\n }\r\n\r\n .cab-img-fade {\r\n background:\r\n linear-gradient(to bottom, #080808 0%, transparent 25%, transparent 60%, #080808 100%),\r\n linear-gradient(to right, #080808 0%, transparent 15%),\r\n linear-gradient(to left, #080808 0%, transparent 15%);\r\n }\r\n\r\n .cab-left {\r\n margin-top: -40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .cab-features {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cab-feature {\r\n border-right: none !important;\r\n }\r\n\r\n .cab-feature:nth-child(3),\r\n .cab-feature:nth-child(4) {\r\n border-bottom: 1px solid rgba(201,168,76,0.22);\r\n }\r\n\r\n .cab-feature:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .cab-contact {\r\n gap: 20px;\r\n }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .cab-reveal {\r\n opacity: 1;\r\n transform: none;\r\n transition: none;\r\n }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cab-wrap\">\r\n <div class=\"cab-inner\">\r\n\r\n <div class=\"cab-left\">\r\n\r\n <div class=\"cab-eyebrow cab-reveal\">\r\n <span>Why Cortado<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"cab-headline cab-reveal cab-d1\">\r\n Crafted With Passion\r\n <em>Served With Soul<\/em>\r\n <\/h2>\r\n\r\n <div class=\"cab-divider cab-reveal cab-d2\">\r\n <div class=\"cab-dline cab-left-line\"><\/div>\r\n <div class=\"cab-ddiamond\"><\/div>\r\n <div class=\"cab-dline cab-right-line\"><\/div>\r\n <\/div>\r\n\r\n <p class=\"cab-body cab-reveal cab-d2\">\r\n At Cortado Coffee House, we believe that every detail matters \u2014 from the first roast of the bean to the last sip in your cup. Born in 2023 from a deep love for specialty coffee, we have crafted a space where warmth, quality, and genuine hospitality come together.\r\n <\/p>\r\n\r\n <div class=\"cab-features cab-reveal cab-d3\">\r\n\r\n <div class=\"cab-feature\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 8h1a4 4 0 010 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg>\r\n <span class=\"cab-feature-title\">Specialty Coffee<\/span>\r\n <p class=\"cab-feature-desc\">Carefully sourced beans from the world's finest regions, roasted to perfection.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cab-feature\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><path d=\"M9 22V12h6v10\"\/><\/svg>\r\n <span class=\"cab-feature-title\">Warm Ambiance<\/span>\r\n <p class=\"cab-feature-desc\">A thoughtfully designed space that feels like home \u2014 cozy and always welcoming.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cab-feature\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n <span class=\"cab-feature-title\">Fresh Pastries<\/span>\r\n <p class=\"cab-feature-desc\">Daily selections of cakes and pastries crafted to complement your perfect cup.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cab-feature\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <span class=\"cab-feature-title\">Loyalty Rewards<\/span>\r\n <p class=\"cab-feature-desc\">Earn points with every order through our app and enjoy exclusive rewards.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cab-right cab-reveal cab-d4\">\r\n <img decoding=\"async\"\r\n class=\"cab-img\"\r\n src=\"https:\/\/cortado-coffee.com\/wp-content\/uploads\/2026\/06\/10.png\"\r\n alt=\"Cortado Coffee House\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"cab-img-fade\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.cab-reveal');\r\n\r\n if (!('IntersectionObserver' in window)) {\r\n els.forEach(function(el){\r\n el.classList.add('on');\r\n });\r\n return;\r\n }\r\n\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){\r\n e.target.classList.add('on');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.08 });\r\n\r\n els.forEach(function(el){\r\n io.observe(el);\r\n });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-6c0cbb50 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"6c0cbb50\" 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-e160095 elementor-widget elementor-widget-html\" data-id=\"e160095\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Montserrat:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.cca-wrap *, .cca-wrap *::before, .cca-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.cca-wrap {\r\n --gold: #C9A84C;\r\n --gold-light: #E8D48A;\r\n --gold-dim: rgba(201,168,76,0.22);\r\n --gold-glow: rgba(201,168,76,0.08);\r\n --cream: #F5EDD8;\r\n --cream-dim: rgba(245,237,216,0.6);\r\n background: var(--black) \u2192 background: transparent\r\n background: var(--black);\r\n padding: 130px 32px 120px;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Montserrat', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n text-align: center;\r\n}\r\n\r\n.cca-wrap::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -100px; left: 50%;\r\n transform: translateX(-50%);\r\n width: 1000px; height: 500px;\r\n background: radial-gradient(ellipse at center, rgba(201,168,76,0.07) 0%, transparent 65%);\r\n pointer-events: none;\r\n}\r\n\r\n.cca-inner {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n}\r\n\r\n\/* EYEBROW *\/\r\n.cca-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 36px;\r\n}\r\n.cca-eyebrow::before,\r\n.cca-eyebrow::after {\r\n content: '';\r\n width: 52px; height: 1px;\r\n background: linear-gradient(to right, transparent, #C9A84C);\r\n}\r\n.cca-eyebrow::after {\r\n background: linear-gradient(to left, transparent, #C9A84C);\r\n}\r\n.cca-eyebrow span {\r\n font-size: 15.5px;\r\n font-weight: 500;\r\n letter-spacing: 0.44em;\r\n color: #C9A84C;\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* HEADLINE *\/\r\n.cca-headline {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(3rem, 7.5vw, 6rem);\r\n font-weight: 600;\r\n line-height: 1.08;\r\n color: #E8D48A;\r\n margin-bottom: 10px;\r\n letter-spacing: 0.01em;\r\n}\r\n.cca-headline em {\r\n display: block;\r\n font-style: italic;\r\n font-weight: 400;\r\n color: #C9A84C;\r\n font-size: clamp(2rem, 5vw, 4rem);\r\n margin-top: 6px;\r\n}\r\n\r\n\/* DIVIDER *\/\r\n.cca-divider {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n margin: 44px auto;\r\n}\r\n.cca-line {\r\n width: 130px; height: 1px;\r\n background: linear-gradient(to right, transparent, #C9A84C);\r\n}\r\n.cca-line.r { background: linear-gradient(to left, transparent, #C9A84C); }\r\n.cca-diamond {\r\n width: 7px; height: 7px;\r\n background: #C9A84C;\r\n transform: rotate(45deg);\r\n}\r\n.cca-dot {\r\n width: 3px; height: 3px;\r\n background: rgba(201,168,76,0.3);\r\n transform: rotate(45deg);\r\n}\r\n\r\n\/* TEXT *\/\r\n.cca-subtitle {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(1.1rem, 2.2vw, 1.45rem);\r\n font-style: italic;\r\n font-weight: 400;\r\n color: #F5EDD8;\r\n line-height: 1.8;\r\n margin-bottom: 16px;\r\n letter-spacing: 0.015em;\r\n}\r\n.cca-body {\r\n font-size: 15px;\r\n font-weight: 500;\r\n line-height: 2.1;\r\n color: rgba(245,237,216,0.6);\r\n letter-spacing: 0.04em;\r\n max-width: 560px;\r\n margin: 0 auto 52px;\r\n}\r\n\r\n\/* FEATURES *\/\r\n.cca-features {\r\n display: flex;\r\n justify-content: center;\r\n border: 1px solid rgba(201,168,76,0.22);\r\n margin-bottom: 60px;\r\n}\r\n.cca-feature {\r\n flex: 1;\r\n padding: 28px 16px;\r\n border-right: 1px solid rgba(201,168,76,0.22);\r\n transition: background 0.3s;\r\n}\r\n.cca-feature:last-child { border-right: none; }\r\n.cca-feature:hover { background: rgba(201,168,76,0.08); }\r\n.cca-feature-icon {\r\n font-size: 1.4rem;\r\n display: block;\r\n margin-bottom: 10px;\r\n}\r\n.cca-feature-label {\r\n font-size: 9.5px;\r\n font-weight: 500;\r\n letter-spacing: 0.3em;\r\n color: #C9A84C;\r\n text-transform: uppercase;\r\n display: block;\r\n line-height: 1.7;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.cca-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n}\r\n.cca-btn {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 16px 32px;\r\n border: 1px solid #C9A84C;\r\n background: transparent;\r\n text-decoration: none !important;\r\n color: #F5EDD8 !important;\r\n transition: background 0.3s ease, transform 0.2s ease;\r\n min-width: 210px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.cca-btn::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: linear-gradient(135deg, rgba(201,168,76,0.12), transparent);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n}\r\n.cca-btn:hover::before { opacity: 1; }\r\n.cca-btn:hover { transform: translateY(-2px); }\r\n\r\n.cca-btn svg {\r\n width: 28px; height: 28px;\r\n flex-shrink: 0;\r\n}\r\n\/* Apple icon stays gold, Google icon keeps its own colors *\/\r\n.cca-btn:first-child svg { fill: #E8D48A; }\r\n.cca-btn-text { text-align: left; }\r\n.cca-btn-sub {\r\n display: block;\r\n font-size: 9px;\r\n font-weight: 400;\r\n letter-spacing: 0.18em;\r\n color: rgba(245,237,216,0.6);\r\n text-transform: uppercase;\r\n margin-bottom: 3px;\r\n}\r\n.cca-btn-name {\r\n display: block;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.25rem;\r\n font-weight: 600;\r\n color: #E8D48A;\r\n letter-spacing: 0.02em;\r\n line-height: 1;\r\n}\r\n\r\n\/* REVEAL *\/\r\n.cca-reveal {\r\n opacity: 0;\r\n transform: translateY(22px);\r\n transition: opacity 0.9s ease, transform 0.9s ease;\r\n}\r\n.cca-reveal.on { opacity: 1; transform: translateY(0); }\r\n.cca-d1 { transition-delay: 0.1s; }\r\n.cca-d2 { transition-delay: 0.25s; }\r\n.cca-d3 { transition-delay: 0.4s; }\r\n.cca-d4 { transition-delay: 0.55s; }\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 640px) {\r\n .cca-wrap { padding: 80px 20px 70px; }\r\n .cca-features { flex-direction: column; }\r\n .cca-feature { border-right: none; border-bottom: 1px solid rgba(201,168,76,0.22); padding: 20px; }\r\n .cca-feature:last-child { border-bottom: none; }\r\n .cca-buttons { flex-direction: column; align-items: center; }\r\n .cca-btn { width: 100%; max-width: 300px; justify-content: center; }\r\n .cca-line { width: 70px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n .cca-reveal { opacity: 1; transform: none; transition: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cca-wrap\">\r\n <div class=\"cca-inner\">\r\n\r\n <div class=\"cca-eyebrow cca-reveal\">\r\n <span>Mobile App<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"cca-headline cca-reveal cca-d1\">\r\n Your Coffee, Your Way\r\n <em>Order. Earn. Enjoy.<\/em>\r\n <\/h2>\r\n\r\n <div class=\"cca-divider cca-reveal cca-d2\">\r\n <div class=\"cca-line\"><\/div>\r\n <div class=\"cca-dot\"><\/div>\r\n <div class=\"cca-diamond\"><\/div>\r\n <div class=\"cca-dot\"><\/div>\r\n <div class=\"cca-line r\"><\/div>\r\n <\/div>\r\n\r\n <p class=\"cca-subtitle cca-reveal cca-d2\">\r\n Skip the wait. Order ahead. Collect your rewards.\r\n <\/p>\r\n <p class=\"cca-body cca-reveal cca-d2\">\r\n The Cortado app brings your favourite coffee house to your fingertips. Browse our full menu, place your order in advance, and earn loyalty points with every sip \u2014 available now on iOS and Android.\r\n <\/p>\r\n\r\n <div class=\"cca-buttons cca-reveal cca-d3\">\r\n <a href=\"https:\/\/apps.apple.com\/us\/app\/cortado-coffee-house\/id6751057419\"\r\n target=\"_blank\" rel=\"noopener\" class=\"cca-btn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"\/><\/svg>\r\n <div class=\"cca-btn-text\">\r\n <span class=\"cca-btn-sub\">Download on the<\/span>\r\n <span class=\"cca-btn-name\">App Store<\/span>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=cortado.coffee.order\"\r\n target=\"_blank\" rel=\"noopener\" class=\"cca-btn\">\r\n <svg viewBox=\"0 0 512 512\" width=\"28\" height=\"28\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <!-- Red triangle (left) -->\r\n <path d=\"M42 18 L42 494 L280 256 Z\" fill=\"#EA4335\"\/>\r\n <!-- Blue triangle (right top) -->\r\n <path d=\"M280 256 L42 18 L442 210 Z\" fill=\"#4285F4\"\/>\r\n <!-- Yellow triangle (right bottom) -->\r\n <path d=\"M280 256 L442 302 L42 494 Z\" fill=\"#FBBC05\"\/>\r\n <!-- Green triangle (right middle) -->\r\n <path d=\"M442 210 L470 256 L442 302 L280 256 Z\" fill=\"#34A853\"\/>\r\n <\/svg>\r\n <div class=\"cca-btn-text\">\r\n <span class=\"cca-btn-sub\">Get it on<\/span>\r\n <span class=\"cca-btn-name\">Google Play<\/span>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.cca-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('on'); io.unobserve(e.target); }\r\n });\r\n }, { threshold: 0.12 });\r\n els.forEach(function(el){ io.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-61b3b3df wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"61b3b3df\" 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-5c8c5a6 elementor-widget elementor-widget-html\" data-id=\"5c8c5a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Montserrat:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.crh-wrap *, .crh-wrap *::before, .crh-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.crh-wrap {\r\n background: transparent;\r\n font-family: 'Montserrat', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n padding: 70px 40px 20px;\r\n text-align: center;\r\n}\r\n\r\n\/* EYEBROW *\/\r\n.crh-eyebrow {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n margin-bottom: 24px;\r\n}\r\n.crh-eyebrow-line {\r\n width: 60px; height: 1px;\r\n background: linear-gradient(to right, transparent, #C9A84C);\r\n}\r\n.crh-eyebrow-line.r {\r\n background: linear-gradient(to left, transparent, #C9A84C);\r\n}\r\n.crh-eyebrow span {\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.48em;\r\n color: #C9A84C;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* HEADLINE *\/\r\n.crh-headline {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(2.8rem, 6vw, 5rem);\r\n font-weight: 600;\r\n line-height: 1.08;\r\n color: #E8D48A;\r\n margin-bottom: 14px;\r\n letter-spacing: 0.01em;\r\n}\r\n\r\n\/* SUBLINE *\/\r\n.crh-sub {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(1.1rem, 2.2vw, 1.5rem);\r\n font-style: italic;\r\n font-weight: 400;\r\n color: #C9A84C;\r\n letter-spacing: 0.03em;\r\n margin-bottom: 36px;\r\n}\r\n\r\n\/* DIVIDER *\/\r\n.crh-divider {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n}\r\n.crh-dline {\r\n width: 100px; height: 1px;\r\n background: linear-gradient(to right, transparent, #C9A84C);\r\n}\r\n.crh-dline.r {\r\n background: linear-gradient(to left, transparent, #C9A84C);\r\n}\r\n.crh-dot { width: 3px; height: 3px; background: rgba(201,168,76,0.4); transform: rotate(45deg); }\r\n.crh-diamond { width: 7px; height: 7px; background: #C9A84C; transform: rotate(45deg); }\r\n\r\n\/* REVEAL *\/\r\n.crh-reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.85s ease, transform 0.85s ease; }\r\n.crh-reveal.on { opacity: 1; transform: translateY(0); }\r\n.crh-d1 { transition-delay: 0.12s; }\r\n.crh-d2 { transition-delay: 0.26s; }\r\n.crh-d3 { transition-delay: 0.4s; }\r\n\r\n@media (max-width: 600px) {\r\n .crh-wrap { padding: 50px 22px 16px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n .crh-reveal { opacity: 1; transform: none; transition: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"crh-wrap\">\r\n\r\n <div class=\"crh-eyebrow crh-reveal\">\r\n <div class=\"crh-eyebrow-line\"><\/div>\r\n <span>Guest Reviews<\/span>\r\n <div class=\"crh-eyebrow-line r\"><\/div>\r\n <\/div>\r\n\r\n <h2 class=\"crh-headline crh-reveal crh-d1\">What Our Guests Say<\/h2>\r\n\r\n <p class=\"crh-sub crh-reveal crh-d2\">Every Cup Leaves a Memory<\/p>\r\n\r\n <div class=\"crh-divider crh-reveal crh-d3\">\r\n <div class=\"crh-dline\"><\/div>\r\n <div class=\"crh-dot\"><\/div>\r\n <div class=\"crh-diamond\"><\/div>\r\n <div class=\"crh-dot\"><\/div>\r\n <div class=\"crh-dline r\"><\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.crh-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('on'); io.unobserve(e.target); }\r\n });\r\n }, { threshold: 0.1 });\r\n els.forEach(function(el){ io.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-62e1eabc wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"62e1eabc\" 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-cc44c25 elementor-widget elementor-widget-html\" data-id=\"cc44c25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Montserrat:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.cfu-wrap *, .cfu-wrap *::before, .cfu-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.cfu-wrap {\r\n background: transparent;\r\n font-family: 'Montserrat', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n padding: 90px 40px;\r\n}\r\n\r\n.cfu-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1.4fr;\r\n gap: 64px;\r\n align-items: start;\r\n}\r\n\r\n\/* \u2550\u2550 LEFT \u2550\u2550 *\/\r\n\r\n\/* EYEBROW *\/\r\n.cfu-eyebrow {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n margin-bottom: 22px;\r\n}\r\n.cfu-eyebrow-line {\r\n flex: 1;\r\n height: 1px;\r\n background: linear-gradient(to right, transparent, #C9A84C);\r\n}\r\n.cfu-eyebrow-line.r {\r\n background: linear-gradient(to left, transparent, #C9A84C);\r\n}\r\n.cfu-eyebrow span {\r\n font-size: 15px;\r\n font-weight: 500;\r\n letter-spacing: 0.5em;\r\n color: #C9A84C;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* SECTION TITLE *\/\r\n.cfu-section-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(2.2rem, 4vw, 3.4rem);\r\n font-weight: 600;\r\n color: #E8D48A;\r\n line-height: 1.1;\r\n margin-bottom: 36px;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* ADDRESS BLOCK *\/\r\n.cfu-address-block {\r\n border: 1px solid rgba(201,168,76,0.3);\r\n padding: 28px 28px 24px;\r\n margin-bottom: 24px;\r\n position: relative;\r\n}\r\n\/* gold top-left corner *\/\r\n.cfu-address-block::before {\r\n content: '';\r\n position: absolute;\r\n top: -1px; left: -1px;\r\n width: 20px; height: 20px;\r\n border-top: 2px solid #C9A84C;\r\n border-left: 2px solid #C9A84C;\r\n}\r\n\r\n.cfu-address-city {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.55rem;\r\n font-weight: 600;\r\n color: #E8D48A;\r\n letter-spacing: 0.06em;\r\n display: block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n}\r\n.cfu-address-line {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 15px;\r\n font-weight: 300;\r\n color: rgba(245,237,216,0.65);\r\n line-height: 1.85;\r\n letter-spacing: 0.04em;\r\n display: block;\r\n}\r\n\r\n\/* HOURS BLOCK *\/\r\n.cfu-hours-block {\r\n margin-bottom: 36px;\r\n}\r\n.cfu-hours-title {\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n letter-spacing: 0.38em;\r\n color: #C9A84C;\r\n text-transform: uppercase;\r\n display: block;\r\n margin-bottom: 14px;\r\n}\r\n.cfu-hour-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(201,168,76,0.12);\r\n}\r\n.cfu-hour-row:last-child { border-bottom: none; }\r\n.cfu-hour-day {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: rgba(245,237,216,0.65);\r\n letter-spacing: 0.03em;\r\n}\r\n.cfu-hour-time {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.15rem;\r\n font-weight: 500;\r\n color: #E8D48A;\r\n letter-spacing: 0.03em;\r\n}\r\n\r\n\/* GET DIRECTIONS BUTTON \u2014 gold filled *\/\r\n.cfu-dir-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 16px 36px;\r\n background: #C9A84C;\r\n color: #080808 !important;\r\n text-decoration: none !important;\r\n font-size: 10.5px;\r\n font-weight: 600;\r\n letter-spacing: 0.38em;\r\n text-transform: uppercase;\r\n border: none;\r\n position: relative;\r\n overflow: hidden;\r\n transition: background 0.3s, transform 0.2s;\r\n}\r\n.cfu-dir-btn::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: rgba(255,255,255,0.12);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n}\r\n.cfu-dir-btn:hover::before { opacity: 1; }\r\n.cfu-dir-btn:hover { background: #E8D48A; transform: translateY(-2px); }\r\n.cfu-dir-btn svg {\r\n width: 14px; height: 14px;\r\n stroke: #080808;\r\n fill: none;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* \u2550\u2550 RIGHT: MAP \u2550\u2550 *\/\r\n.cfu-right { display: flex; flex-direction: column; }\r\n\r\n.cfu-map-wrap {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 4\/3;\r\n border: 1px solid rgba(201,168,76,0.3);\r\n overflow: hidden;\r\n}\r\n.cfu-map-wrap iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n display: block;\r\n}\r\n\/* gold corners *\/\r\n.cfu-map-wrap::before,\r\n.cfu-map-wrap::after {\r\n content: '';\r\n position: absolute;\r\n width: 20px; height: 20px;\r\n border-color: #C9A84C;\r\n border-style: solid;\r\n z-index: 2;\r\n pointer-events: none;\r\n}\r\n.cfu-map-wrap::before { top: 0; left: 0; border-width: 2px 0 0 2px; }\r\n.cfu-map-wrap::after { bottom: 0; right: 0; border-width: 0 2px 2px 0; }\r\n\r\n\/* \u2550\u2550 REVEAL \u2550\u2550 *\/\r\n.cfu-reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.85s ease, transform 0.85s ease; }\r\n.cfu-reveal.on { opacity: 1; transform: translateY(0); }\r\n.cfu-d1 { transition-delay: 0.1s; }\r\n.cfu-d2 { transition-delay: 0.22s; }\r\n.cfu-d3 { transition-delay: 0.34s; }\r\n.cfu-d4 { transition-delay: 0.46s; }\r\n.cfu-d5 { transition-delay: 0.58s; }\r\n\r\n\/* \u2550\u2550 MOBILE \u2550\u2550 *\/\r\n@media (max-width: 860px) {\r\n .cfu-wrap { padding: 65px 22px; }\r\n .cfu-inner { grid-template-columns: 1fr; gap: 44px; }\r\n .cfu-map-wrap { aspect-ratio: 1\/1; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n .cfu-reveal { opacity: 1; transform: none; transition: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cfu-wrap\">\r\n <div class=\"cfu-inner\">\r\n\r\n <!-- \u2550\u2550 LEFT \u2550\u2550 -->\r\n <div class=\"cfu-left\">\r\n\r\n <div class=\"cfu-eyebrow cfu-reveal\">\r\n <div class=\"cfu-eyebrow-line\"><\/div>\r\n <span>\u2726 Find Us \u2726<\/span>\r\n <div class=\"cfu-eyebrow-line r\"><\/div>\r\n <\/div>\r\n\r\n <h2 class=\"cfu-section-title cfu-reveal cfu-d1\">Our Address<\/h2>\r\n\r\n <!-- ADDRESS -->\r\n <div class=\"cfu-address-block cfu-reveal cfu-d2\">\r\n <span class=\"cfu-address-city\">Madaba, Jordan<\/span>\r\n <span class=\"cfu-address-line\">Al Yarmouk St<\/span>\r\n <span class=\"cfu-address-line\">Cortado Coffee House<\/span>\r\n <\/div>\r\n\r\n <!-- HOURS -->\r\n <div class=\"cfu-hours-block cfu-reveal cfu-d3\">\r\n <span class=\"cfu-hours-title\">Opening Hours<\/span>\r\n <div class=\"cfu-hour-row\">\r\n <span class=\"cfu-hour-day\">Saturday \u2013 Thursday<\/span>\r\n <span class=\"cfu-hour-time\">8:00 AM \u2013 11:00 PM<\/span>\r\n <\/div>\r\n <div class=\"cfu-hour-row\">\r\n <span class=\"cfu-hour-day\">Friday<\/span>\r\n <span class=\"cfu-hour-time\">10:00 AM \u2013 11:00 PM<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- BUTTON -->\r\n <a href=\"https:\/\/maps.app.goo.gl\/HAVXh2c8FY4UYNP1A\"\r\n target=\"_blank\" rel=\"noopener\"\r\n class=\"cfu-dir-btn cfu-reveal cfu-d4\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"\/><\/svg>\r\n Get Directions\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <!-- \u2550\u2550 RIGHT: MAP \u2550\u2550 -->\r\n <div class=\"cfu-right cfu-reveal cfu-d5\">\r\n <div class=\"cfu-map-wrap\">\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3390.5!2d35.7927553!3d31.7211034!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x151cadb913d69ddf%3A0xbc37d56d3478d10c!2sCortado%20Coffee%20House!5e0!3m2!1sen!2sjo!4v1\"\r\n allowfullscreen=\"\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.cfu-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('on'); io.unobserve(e.target); }\r\n });\r\n }, { threshold: 0.08 });\r\n els.forEach(function(el){ io.observe(el); });\r\n})();\r\n<\/script>\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>Our Story \u2014 Cortado Coffee House Our Story More Than a Cup A Passion Poured Into Every Detail It started<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1931","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cortado-coffee.com\/wp-json\/wp\/v2\/pages\/1931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cortado-coffee.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cortado-coffee.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cortado-coffee.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cortado-coffee.com\/wp-json\/wp\/v2\/comments?post=1931"}],"version-history":[{"count":5,"href":"https:\/\/cortado-coffee.com\/wp-json\/wp\/v2\/pages\/1931\/revisions"}],"predecessor-version":[{"id":29193,"href":"https:\/\/cortado-coffee.com\/wp-json\/wp\/v2\/pages\/1931\/revisions\/29193"}],"wp:attachment":[{"href":"https:\/\/cortado-coffee.com\/wp-json\/wp\/v2\/media?parent=1931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}