{"id":2099,"date":"2026-08-26T18:04:51","date_gmt":"2026-08-26T18:04:51","guid":{"rendered":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/?page_id=2099"},"modified":"2026-08-27T07:44:46","modified_gmt":"2026-08-27T07:44:46","slug":"stories","status":"publish","type":"page","link":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/stories\/","title":{"rendered":"Stories"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2099\" class=\"elementor elementor-2099\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11a82b99 e-con e-atomic-element e-flexbox-base e-11a82b99-60cd1f0 \" data-id=\"11a82b99\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"11a82b99\">\n    \t\t<div class=\"elementor-element elementor-element-26e2e1ae elementor-widget elementor-widget-html\" data-id=\"26e2e1ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAFE CALCUTTA CLASSIC \u2014 SITE HEADER\r\n     Paste this whole block into an Elementor \"HTML\" widget,\r\n     placed above your existing content, full width, no padding.\r\n============================================================= -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .c3-header{\r\n    --ink:#221F1F;\r\n    --cream:#FFFDF5;\r\n    --green:#5CA670;\r\n    --orange:#F15A28;\r\n    --gold:#F2DEBA;\r\n    font-family:'Poppins',sans-serif;\r\n    position:relative;\r\n    z-index:9999;\r\n  }\r\n  .c3-header *{box-sizing:border-box;}\r\n\r\n  \/* ---------- TOP UTILITY BAR (light) ---------- *\/\r\n  .c3-topbar{\r\n    background:var(--gold);\r\n    color:var(--ink);\r\n    font-size:13px;\r\n    font-weight:500;\r\n    letter-spacing:.02em;\r\n  }\r\n  .c3-topbar-inner{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:9px 24px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:16px;\r\n    flex-wrap:wrap;\r\n  }\r\n  .c3-topbar-left{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:22px;\r\n    flex-wrap:wrap;\r\n  }\r\n  .c3-topbar-item{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:7px;\r\n    color:var(--ink);\r\n    text-decoration:none;\r\n    white-space:nowrap;\r\n    transition:color .2s ease;\r\n  }\r\n  .c3-topbar-item:hover{color:var(--orange);}\r\n  .c3-topbar-item svg{flex:none;opacity:.75;}\r\n  .c3-topbar-item.c3-address{white-space:normal;}\r\n  .c3-topbar-right{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n  }\r\n  .c3-social{\r\n    width:28px;height:28px;\r\n    border:1px solid rgba(34,31,31,.3);\r\n    border-radius:50%;\r\n    display:flex;align-items:center;justify-content:center;\r\n    color:var(--ink);\r\n    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;\r\n  }\r\n  .c3-social:hover{background:var(--orange);border-color:var(--orange);color:var(--cream);transform:translateY(-1px);}\r\n\r\n  \/* ---------- TICKET-PERFORATION DIVIDER ---------- *\/\r\n  .c3-perf{\r\nheight: 9px;\r\n    background: #5ca670;\r\n    background-image: radial-gradient(circle at 50% 100%, transparent 5px, #ff592f 5.5px);\r\n    background-size: 22px 18px;\r\n    background-repeat: repeat-x;\r\n    background-position: 0 5px;\r\n}\r\n  }\r\n\r\n  \/* ---------- MAIN NAV ---------- *\/\r\n  .c3-nav{\r\n    background:var(--cream);\r\n    box-shadow:0 2px 10px rgba(34,31,31,.06);\r\n  }\r\n  .c3-nav-inner{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:14px 24px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n  }\r\n  .c3-logo img{\r\n    height:88px;\r\n    width:auto;\r\n    display:block;\r\n  }\r\n  .c3-menu{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:6px;\r\n    list-style:none;\r\n    margin:0;padding:0;\r\n  }\r\n  .c3-menu li{position:relative;}\r\n  .c3-menu a{\r\n    display:inline-block;\r\n    padding:10px 16px;\r\n    font-family:'Poppins',sans-serif;\r\n    font-weight:500;\r\n    font-size:15px;\r\n    color:var(--ink);\r\n    text-decoration:none;\r\n    border-radius:6px;\r\n    border-bottom:2px solid transparent;\r\n    transition:color .2s ease,border-color .2s ease;\r\n  }\r\n  .c3-menu a:hover{color:var(--orange);}\r\n\r\n  \/* current-page highlight \u2014 applied by JS to whichever link matches the page you're on *\/\r\n  .c3-menu a.c3-active{\r\n    color:var(--orange);\r\n    border-bottom:2px solid var(--orange);\r\n  }\r\n\r\n  \/* Call Now \u2014 premium pill CTA, always last item *\/\r\n  .c3-menu .c3-call a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-weight:600;\r\n    font-size:14px;\r\n    padding:10px 22px;\r\n    border-radius:999px;\r\n    background:var(--green);\r\n    color:var(--cream);\r\n    border-bottom:none;\r\n    box-shadow:0 4px 14px rgba(92,166,112,.35);\r\n    transition:background .2s ease,box-shadow .2s ease,transform .2s ease;\r\n  }\r\n  .c3-menu .c3-call a svg{flex:none;}\r\n  .c3-menu .c3-call a:hover{background:#4b8f5d;color:var(--cream);box-shadow:0 6px 18px rgba(92,166,112,.45);transform:translateY(-1px);}\r\n  .c3-menu .c3-call a.c3-active{background:#4b8f5d;color:var(--cream);}\r\n\r\n  \/* hamburger (hidden on desktop) *\/\r\n  .c3-burger{\r\n    display:none;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    gap:5px;\r\n    width:42px;height:42px;\r\n    background:transparent;\r\n    border:1px solid var(--ink);\r\n    border-radius:8px;\r\n    cursor:pointer;\r\n    flex:none;\r\n  }\r\n  .c3-burger span{\r\n    display:block;\r\n    height:2px;\r\n    margin:0 9px;\r\n    background:var(--ink);\r\n    transition:transform .25s ease,opacity .25s ease;\r\n  }\r\n  .c3-header.is-open .c3-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}\r\n  .c3-header.is-open .c3-burger span:nth-child(2){opacity:0;}\r\n  .c3-header.is-open .c3-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\r\n\r\n  \/* ---------- MOBILE MENU PANEL ---------- *\/\r\n  .c3-mobile-panel{\r\n    display:none;\r\n    background:var(--cream);\r\n    border-top:1px dashed rgba(34,31,31,.25);\r\n  }\r\n  .c3-mobile-panel .c3-menu{\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n    padding:14px 24px 22px;\r\n    gap:2px;\r\n  }\r\n  .c3-mobile-panel .c3-menu a{width:100%;padding:12px 6px;border-bottom:1px solid rgba(34,31,31,.08);border-radius:0;}\r\n  .c3-mobile-panel .c3-menu a.c3-active{border-bottom:1px solid rgba(34,31,31,.08);}\r\n  .c3-mobile-panel .c3-menu .c3-call{margin-top:10px;}\r\n  .c3-mobile-panel .c3-menu .c3-call a{width:100%;justify-content:center;text-align:center;border-bottom:none;border-radius:999px;}\r\n\r\n  \/* ============ RESPONSIVE BREAKPOINTS ============ *\/\r\n\r\n  \/* Tablet: hide inline desktop nav, show burger *\/\r\n  @media (max-width: 991px){\r\n    .c3-nav-inner .c3-menu.c3-desktop-menu{display:none;}\r\n    .c3-burger{display:flex;}\r\n    .c3-header.is-open .c3-mobile-panel{display:block;}\r\n  }\r\n\r\n  \/* Tablet: trim topbar *\/\r\n  @media (max-width: 768px){\r\n    .c3-topbar-item.c3-address{display:none;}\r\n    .c3-logo img{height:64px;}\r\n  }\r\n\r\n  \/* Mobile: keep topbar to phone + socials only *\/\r\n  @media (max-width: 480px){\r\n    .c3-topbar-item.c3-email{display:none;}\r\n    .c3-topbar-inner{padding:8px 16px;}\r\n    .c3-nav-inner{padding:10px 16px;}\r\n    .c3-logo img{height:52px;}\r\n  }\r\n<\/style>\r\n\r\n<header class=\"c3-header\" id=\"c3Header\">\r\n\r\n  <!-- TOP CONTACT BAR -->\r\n  <div class=\"c3-topbar\">\r\n    <div class=\"c3-topbar-inner\">\r\n      <div class=\"c3-topbar-left\">\r\n        <span class=\"c3-topbar-item c3-address\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 21s-7-6.1-7-11a7 7 0 0 1 14 0c0 4.9-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>\r\n          CCR Jhilpar, Shilpasree, NH2 Nischinda, Bally, India, 711205\r\n        <\/span>\r\n        <a href=\"tel:+919163087723\" class=\"c3-topbar-item c3-phone\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n          +91 91630 87723\r\n        <\/a>\r\n        <a href=\"mailto:info@cafecalcuttaclassic.com\" class=\"c3-topbar-item c3-email\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16v16H4z\"\/><path d=\"m22 6-10 7L2 6\"\/><\/svg>\r\n          info@cafecalcuttaclassic.com\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"c3-topbar-right\">\r\n        <a class=\"c3-social\" href=\"https:\/\/www.facebook.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.5 22v-8.5H16l.4-3H13.5V8.4c0-.9.25-1.5 1.55-1.5H16.5V4.3C16.2 4.26 15.2 4.17 14 4.17c-2.4 0-4 1.46-4 4.15v2.18H7.5v3h2.5V22h3.5z\"\/><\/svg>\r\n        <\/a>\r\n        <a class=\"c3-social\" href=\"https:\/\/www.instagram.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\"1\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- TICKET-PERFORATION DIVIDER -->\r\n  <div class=\"c3-perf\"><\/div>\r\n\r\n  <!-- MAIN NAV -->\r\n  <div class=\"c3-nav\">\r\n    <div class=\"c3-nav-inner\">\r\n      <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\" class=\"c3-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/C3-Logo.png\" alt=\"Cafe Calcutta Classic\">\r\n      <\/a>\r\n\r\n      <ul class=\"c3-menu c3-desktop-menu\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\">About<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/media\/\">Media<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\">Live Show Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/blog\/\">Blog<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/gallery\/\">Gallery<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/franchise\/\">Franchise<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/event-booking\/\">Event Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/contact\/\">Contact<\/a><\/li>\r\n        <li class=\"c3-call\">\r\n          <a href=\"tel:+919163087723\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n            Call Now\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <button class=\"c3-burger\" id=\"c3Burger\" aria-label=\"Open menu\" aria-expanded=\"false\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- MOBILE PANEL -->\r\n    <div class=\"c3-mobile-panel\">\r\n      <ul class=\"c3-menu\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\">About<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/media\/\">Media<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/blog\/\">Blog<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/gallery\/\">Gallery<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/franchise\/\">Franchise<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\">Live Show Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/event-booking\/\">Event Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/contact\/\">Contact<\/a><\/li>\r\n        <li class=\"c3-call\">\r\n          <a href=\"tel:+919163087723\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n            Call Now\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<script>\r\n  (function(){\r\n    var header = document.getElementById('c3Header');\r\n    var burger = document.getElementById('c3Burger');\r\n    burger.addEventListener('click', function(){\r\n      var open = header.classList.toggle('is-open');\r\n      burger.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n    });\r\n\r\n    \/\/ highlight whichever menu link matches the page currently open\r\n    var currentPath = window.location.pathname.replace(\/\\\/+$\/,'') || '\/';\r\n    var links = header.querySelectorAll('.c3-menu a');\r\n    links.forEach(function(link){\r\n      if(link.getAttribute('href') === '#') return; \/\/ skip placeholder (Order Now)\r\n      try{\r\n        var linkPath = new URL(link.href, window.location.origin).pathname.replace(\/\\\/+$\/,'') || '\/';\r\n        if(linkPath === currentPath){\r\n          link.classList.add('c3-active');\r\n        }\r\n      }catch(e){}\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a046428 e-con e-atomic-element e-flexbox-base e-fb1d16d \" data-id=\"a046428\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a046428\">\n    \t\t<div class=\"elementor-element elementor-element-fdbed44 elementor-widget elementor-widget-html\" data-id=\"fdbed44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Stories Section - Cafe Calcutta Classic -->\r\n<!-- WordPress Elementor HTML Widget Ready -->\r\n<!-- Premium Magazine-Style Layout -->\r\n<style>\r\n  \/* ============================================\r\n     STORIES SECTION - MAGAZINE STYLE\r\n     ============================================ *\/\r\n\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n  .ccc-stories-section {\r\n    --ccc-dark: #221F1F;\r\n    --ccc-cream: #F1E7D0;\r\n    --ccc-green: #5CA670;\r\n    --ccc-orange: #F15A28;\r\n    --ccc-gold: #F2DEBA;\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: var(--ccc-cream);\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .ccc-stories-section *,\r\n  .ccc-stories-section *::before,\r\n  .ccc-stories-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* ============================================\r\n     ANIMATED BACKGROUND\r\n     ============================================ *\/\r\n\r\n  .ccc-stories-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ccc-stories-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(80px);\r\n    animation: cccStoriesFloat 14s ease-in-out infinite alternate;\r\n  }\r\n\r\n  .ccc-stories-orb--1 {\r\n    width: 500px;\r\n    height: 500px;\r\n    top: -15%;\r\n    right: -8%;\r\n    background: rgba(92, 166, 112, 0.06);\r\n    animation-delay: 0s;\r\n  }\r\n\r\n  .ccc-stories-orb--2 {\r\n    width: 400px;\r\n    height: 400px;\r\n    bottom: -10%;\r\n    left: -6%;\r\n    background: rgba(241, 90, 40, 0.05);\r\n    animation-delay: -5s;\r\n  }\r\n\r\n  @keyframes cccStoriesFloat {\r\n    0% {\r\n      transform: translate(0, 0) scale(1);\r\n    }\r\n    33% {\r\n      transform: translate(50px, -30px) scale(1.05);\r\n    }\r\n    66% {\r\n      transform: translate(-30px, 40px) scale(0.95);\r\n    }\r\n    100% {\r\n      transform: translate(20px, -20px) scale(1.02);\r\n    }\r\n  }\r\n\r\n  \/* ============================================\r\n     CONTAINER\r\n     ============================================ *\/\r\n\r\n  .ccc-stories-wrap {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    padding: 5rem 2rem 6rem;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* ============================================\r\n     HEADER\r\n     ============================================ *\/\r\n\r\n  .ccc-stories-header {\r\n    text-align: center;\r\n    margin-bottom: 4rem;\r\n    position: relative;\r\n  }\r\n\r\n  .ccc-stories-badge {\r\n    font-weight: 700;\r\n    font-size: 0.65rem;\r\n    letter-spacing: 0.35em;\r\n    text-transform: uppercase;\r\n    color: var(--ccc-orange);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n    margin-bottom: 0.8rem;\r\n  }\r\n\r\n  .ccc-stories-badge::before,\r\n  .ccc-stories-badge::after {\r\n    content: '';\r\n    width: 30px;\r\n    height: 2px;\r\n    background: var(--ccc-orange);\r\n    opacity: 0.4;\r\n  }\r\n\r\n  .ccc-stories-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n    color: var(--ccc-dark);\r\n    line-height: 1.08;\r\n    margin: 0 0 0.5rem;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .ccc-stories-title span {\r\n    color: var(--ccc-green);\r\n    font-style: italic;\r\n    position: relative;\r\n  }\r\n\r\n  .ccc-stories-title span::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 4px;\r\n    left: 0;\r\n    right: 0;\r\n    height: 8px;\r\n    background: rgba(92, 166, 112, 0.12);\r\n    border-radius: 4px;\r\n    z-index: -1;\r\n  }\r\n\r\n  .ccc-stories-subtitle {\r\n    font-weight: 300;\r\n    font-size: clamp(1rem, 1.2vw, 1.1rem);\r\n    color: rgba(34, 31, 31, 0.55);\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    line-height: 1.8;\r\n    letter-spacing: 0.01em;\r\n  }\r\n\r\n  .ccc-stories-subtitle strong {\r\n    color: var(--ccc-dark);\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* ============================================\r\n     STORIES GRID\r\n     ============================================ *\/\r\n\r\n  .ccc-stories-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n    margin-top: 1.5rem;\r\n  }\r\n\r\n  \/* ============================================\r\n     STORY CARD\r\n     ============================================ *\/\r\n\r\n  .ccc-stories-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 24px rgba(34, 31, 31, 0.04);\r\n    border: 1px solid rgba(34, 31, 31, 0.04);\r\n    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    display: flex;\r\n    flex-direction: column;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n  }\r\n\r\n  .ccc-stories-card.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .ccc-stories-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 20px 60px rgba(34, 31, 31, 0.08);\r\n    border-color: var(--ccc-gold);\r\n  }\r\n\r\n  \/* ============================================\r\n     CARD IMAGE\r\n     ============================================ *\/\r\n\r\n  .ccc-stories-card-image {\r\n    position: relative;\r\n    height: 200px;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .ccc-stories-card-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n\r\n  .ccc-stories-card:hover .ccc-stories-card-image img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .ccc-stories-card-image-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, transparent 50%, rgba(34, 31, 31, 0.08) 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Category tag on image *\/\r\n  .ccc-stories-card-category {\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 16px;\r\n    z-index: 2;\r\n    font-weight: 600;\r\n    font-size: 0.55rem;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n    background: rgba(34, 31, 31, 0.55);\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n    padding: 0.25rem 0.9rem;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n  }\r\n\r\n  \/* ============================================\r\n     CARD CONTENT\r\n     ============================================ *\/\r\n\r\n  .ccc-stories-card-content {\r\n    padding: 1.8rem 2rem 2rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .ccc-stories-card-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: 1.15rem;\r\n    color: var(--ccc-dark);\r\n    margin: 0 0 0.4rem;\r\n    line-height: 1.3;\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  .ccc-stories-card:hover .ccc-stories-card-title {\r\n    color: var(--ccc-green);\r\n  }\r\n\r\n  .ccc-stories-card-title span {\r\n    color: var(--ccc-green);\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  .ccc-stories-card:hover .ccc-stories-card-title span {\r\n    color: var(--ccc-orange);\r\n  }\r\n\r\n  .ccc-stories-card-text {\r\n    font-weight: 300;\r\n    font-size: 0.9rem;\r\n    line-height: 1.7;\r\n    color: rgba(34, 31, 31, 0.6);\r\n    margin: 0 0 0.8rem;\r\n    flex: 1;\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  .ccc-stories-card:hover .ccc-stories-card-text {\r\n    color: rgba(34, 31, 31, 0.75);\r\n  }\r\n\r\n  .ccc-stories-card-text strong {\r\n    color: var(--ccc-dark);\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* ============================================\r\n     CARD FOOTER - META\r\n     ============================================ *\/\r\n\r\n  .ccc-stories-card-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-top: 0.8rem;\r\n    border-top: 1px solid rgba(34, 31, 31, 0.04);\r\n    margin-top: auto;\r\n  }\r\n\r\n  .ccc-stories-card-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    font-size: 0.7rem;\r\n    color: rgba(34, 31, 31, 0.4);\r\n  }\r\n\r\n  .ccc-stories-card-meta .dot {\r\n    width: 4px;\r\n    height: 4px;\r\n    border-radius: 50%;\r\n    background: var(--ccc-gold);\r\n  }\r\n\r\n  .ccc-stories-card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.4rem;\r\n    font-weight: 600;\r\n    font-size: 0.65rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--ccc-orange);\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .ccc-stories-card-link span {\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .ccc-stories-card-link:hover span {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .ccc-stories-card-link:hover {\r\n    color: var(--ccc-green);\r\n  }\r\n\r\n  \/* ============================================\r\n     RESPONSIVE\r\n     ============================================ *\/\r\n\r\n  @media (max-width: 1024px) {\r\n    .ccc-stories-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 1.5rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .ccc-stories-wrap {\r\n      padding: 3rem 1.5rem 4rem;\r\n    }\r\n\r\n    .ccc-stories-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 1.5rem;\r\n    }\r\n\r\n    .ccc-stories-card-image {\r\n      height: 180px;\r\n    }\r\n\r\n    .ccc-stories-card-content {\r\n      padding: 1.5rem 1.5rem 1.8rem;\r\n    }\r\n\r\n    .ccc-stories-title {\r\n      font-size: 2.2rem;\r\n    }\r\n\r\n    .ccc-stories-badge::before,\r\n    .ccc-stories-badge::after {\r\n      width: 20px;\r\n    }\r\n\r\n    .ccc-stories-orb--1,\r\n    .ccc-stories-orb--2 {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .ccc-stories-wrap {\r\n      padding: 2rem 1rem 2.5rem;\r\n    }\r\n\r\n    .ccc-stories-card-image {\r\n      height: 150px;\r\n    }\r\n\r\n    .ccc-stories-card-content {\r\n      padding: 1.2rem 1.2rem 1.4rem;\r\n    }\r\n\r\n    .ccc-stories-card-title {\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .ccc-stories-card-text {\r\n      font-size: 0.85rem;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .ccc-stories-card-footer {\r\n      flex-wrap: wrap;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .ccc-stories-title {\r\n      font-size: 1.8rem;\r\n    }\r\n  }\r\n\r\n  \/* ============================================\r\n     REDUCED MOTION\r\n     ============================================ *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .ccc-stories-card {\r\n      transition: none;\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n    .ccc-stories-card:hover {\r\n      transform: none !important;\r\n    }\r\n    .ccc-stories-card:hover .ccc-stories-card-image img {\r\n      transform: none;\r\n    }\r\n    .ccc-stories-orb {\r\n      animation: none;\r\n    }\r\n    .ccc-stories-card-link span {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ccc-stories-section\">\r\n  <!-- Animated Background -->\r\n  <div class=\"ccc-stories-bg\">\r\n    <div class=\"ccc-stories-orb ccc-stories-orb--1\"><\/div>\r\n    <div class=\"ccc-stories-orb ccc-stories-orb--2\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ccc-stories-wrap\">\r\n    <!-- =========================================\r\n         HEADER\r\n         ========================================= -->\r\n    <div class=\"ccc-stories-header\">\r\n      <div class=\"ccc-stories-badge\">Stories<\/div>\r\n      <h2 class=\"ccc-stories-title\">\r\n        Stories That Bring <span>Cafe Calcutta Classic<\/span> to Life\r\n      <\/h2>\r\n      <p class=\"ccc-stories-subtitle\">\r\n        Every visit to <strong>Cafe Calcutta Classic<\/strong> has a story to tell. From the aroma of familiar favourites and the warmth of shared conversations to lively music, celebrations and unforgettable moments, the caf\u00e9 brings people together in ways that stay with them long after the visit.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- =========================================\r\n         STORIES GRID\r\n         ========================================= -->\r\n    <div class=\"ccc-stories-grid\">\r\n\r\n      <!-- =========================================\r\n           STORY 1 - The Food Story\r\n           ========================================= -->\r\n      <div class=\"ccc-stories-card\" data-delay=\"0\">\r\n        <div class=\"ccc-stories-card-image\">\r\n          <img decoding=\"async\"\r\n            src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Crect width='600' height='400' fill='%23f0f4ff'\/%3E%3Ctext x='300' y='210' text-anchor='middle' font-family='serif' font-size='28' fill='%235CA670' opacity='0.15'%3E\ud83c\udf7d\ufe0f Food Story%3C\/text%3E%3C\/svg%3E\"\r\n            alt=\"Food Story\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          <div class=\"ccc-stories-card-image-overlay\"><\/div>\r\n          <span class=\"ccc-stories-card-category\">Food<\/span>\r\n        <\/div>\r\n        <div class=\"ccc-stories-card-content\">\r\n          <h3 class=\"ccc-stories-card-title\">\r\n            A Taste of <span>Kolkata<\/span>\r\n          <\/h3>\r\n          <p class=\"ccc-stories-card-text\">\r\n            From the first sip of freshly brewed coffee to the last bite of a beloved classic, every dish at <strong>Cafe Calcutta Classic<\/strong> tells a story of tradition, quality and the love of good food.\r\n          <\/p>\r\n          <div class=\"ccc-stories-card-footer\">\r\n            <span class=\"ccc-stories-card-meta\">\r\n              5 min read <span class=\"dot\"><\/span> Food\r\n            <\/span>\r\n            <a href=\"#\" class=\"ccc-stories-card-link\">\r\n              Read Story <span>\u2192<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- =========================================\r\n           STORY 2 - The Music Story\r\n           ========================================= -->\r\n      <div class=\"ccc-stories-card\" data-delay=\"1\">\r\n        <div class=\"ccc-stories-card-image\">\r\n          <img decoding=\"async\"\r\n            src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Crect width='600' height='400' fill='%23f5f0ff'\/%3E%3Ctext x='300' y='210' text-anchor='middle' font-family='serif' font-size='28' fill='%23F15A28' opacity='0.15'%3E\ud83c\udfb5 Music Story%3C\/text%3E%3C\/svg%3E\"\r\n            alt=\"Music Story\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          <div class=\"ccc-stories-card-image-overlay\"><\/div>\r\n          <span class=\"ccc-stories-card-category\">Music<\/span>\r\n        <\/div>\r\n        <div class=\"ccc-stories-card-content\">\r\n          <h3 class=\"ccc-stories-card-title\">\r\n            Where Food Meets <span>Music<\/span>\r\n          <\/h3>\r\n          <p class=\"ccc-stories-card-text\">\r\n            Western, Bollywood and Folk-based performances bring a changing rhythm to the <strong>Cafe Calcutta Classic<\/strong> experience. Every evening tells a new story through music.\r\n          <\/p>\r\n          <div class=\"ccc-stories-card-footer\">\r\n            <span class=\"ccc-stories-card-meta\">\r\n              4 min read <span class=\"dot\"><\/span> Music\r\n            <\/span>\r\n            <a href=\"#\" class=\"ccc-stories-card-link\">\r\n              Read Story <span>\u2192<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- =========================================\r\n           STORY 3 - The Community Story\r\n           ========================================= -->\r\n      <div class=\"ccc-stories-card\" data-delay=\"2\">\r\n        <div class=\"ccc-stories-card-image\">\r\n          <img decoding=\"async\"\r\n            src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Crect width='600' height='400' fill='%23fefce8'\/%3E%3Ctext x='300' y='210' text-anchor='middle' font-family='serif' font-size='28' fill='%23221F1F' opacity='0.1'%3E\ud83d\udc65 Community Story%3C\/text%3E%3C\/svg%3E\"\r\n            alt=\"Community Story\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          <div class=\"ccc-stories-card-image-overlay\"><\/div>\r\n          <span class=\"ccc-stories-card-category\">Community<\/span>\r\n        <\/div>\r\n        <div class=\"ccc-stories-card-content\">\r\n          <h3 class=\"ccc-stories-card-title\">\r\n            Coming Together Over <span>Good Food<\/span>\r\n          <\/h3>\r\n          <p class=\"ccc-stories-card-text\">\r\n            From casual conversations to heartfelt celebrations, <strong>Cafe Calcutta Classic<\/strong> is where people come together. Every gathering becomes a memory worth sharing.\r\n          <\/p>\r\n          <div class=\"ccc-stories-card-footer\">\r\n            <span class=\"ccc-stories-card-meta\">\r\n              6 min read <span class=\"dot\"><\/span> Community\r\n            <\/span>\r\n            <a href=\"#\" class=\"ccc-stories-card-link\">\r\n              Read Story <span>\u2192<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- =========================================\r\n           STORY 4 - The Celebration Story\r\n           ========================================= -->\r\n      <div class=\"ccc-stories-card\" data-delay=\"3\">\r\n        <div class=\"ccc-stories-card-image\">\r\n          <img decoding=\"async\"\r\n            src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Crect width='600' height='400' fill='%23fff5f0'\/%3E%3Ctext x='300' y='210' text-anchor='middle' font-family='serif' font-size='28' fill='%23F15A28' opacity='0.12'%3E\ud83c\udf89 Celebration%3C\/text%3E%3C\/svg%3E\"\r\n            alt=\"Celebration Story\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          <div class=\"ccc-stories-card-image-overlay\"><\/div>\r\n          <span class=\"ccc-stories-card-category\">Celebrations<\/span>\r\n        <\/div>\r\n        <div class=\"ccc-stories-card-content\">\r\n          <h3 class=\"ccc-stories-card-title\">\r\n            From Birthdays to <span>Milestones<\/span>\r\n          <\/h3>\r\n          <p class=\"ccc-stories-card-text\">\r\n            Birthdays, anniversaries, corporate gatherings and private celebrations \u2014 <strong>Cafe Calcutta Classic<\/strong> offers a lively and comfortable setting where people come together to celebrate.\r\n          <\/p>\r\n          <div class=\"ccc-stories-card-footer\">\r\n            <span class=\"ccc-stories-card-meta\">\r\n              4 min read <span class=\"dot\"><\/span> Celebrations\r\n            <\/span>\r\n            <a href=\"#\" class=\"ccc-stories-card-link\">\r\n              Read Story <span>\u2192<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- =========================================\r\n           STORY 5 - The Heritage Story\r\n           ========================================= -->\r\n      <div class=\"ccc-stories-card\" data-delay=\"4\">\r\n        <div class=\"ccc-stories-card-image\">\r\n          <img decoding=\"async\"\r\n            src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Crect width='600' height='400' fill='%23f0faf5'\/%3E%3Ctext x='300' y='210' text-anchor='middle' font-family='serif' font-size='28' fill='%235CA670' opacity='0.12'%3E\ud83c\udfdb\ufe0f Heritage%3C\/text%3E%3C\/svg%3E\"\r\n            alt=\"Heritage Story\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          <div class=\"ccc-stories-card-image-overlay\"><\/div>\r\n          <span class=\"ccc-stories-card-category\">Heritage<\/span>\r\n        <\/div>\r\n        <div class=\"ccc-stories-card-content\">\r\n          <h3 class=\"ccc-stories-card-title\">\r\n            Inspired by the <span>Character of Kolkata<\/span>\r\n          <\/h3>\r\n          <p class=\"ccc-stories-card-text\">\r\n            The setting takes inspiration from the timeless character of 1920s Kolkata while bringing it into a contemporary caf\u00e9 environment. A space designed for relaxed afternoons, lively evenings and everything in between.\r\n          <\/p>\r\n          <div class=\"ccc-stories-card-footer\">\r\n            <span class=\"ccc-stories-card-meta\">\r\n              5 min read <span class=\"dot\"><\/span> Heritage\r\n            <\/span>\r\n            <a href=\"#\" class=\"ccc-stories-card-link\">\r\n              Read Story <span>\u2192<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- =========================================\r\n           STORY 6 - The Everyday Story\r\n           ========================================= -->\r\n      <div class=\"ccc-stories-card\" data-delay=\"5\">\r\n        <div class=\"ccc-stories-card-image\">\r\n          <img decoding=\"async\"\r\n            src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Crect width='600' height='400' fill='%23faf8f0'\/%3E%3Ctext x='300' y='210' text-anchor='middle' font-family='serif' font-size='28' fill='%23221F1F' opacity='0.08'%3E\u2615 Everyday%3C\/text%3E%3C\/svg%3E\"\r\n            alt=\"Everyday Story\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          <div class=\"ccc-stories-card-image-overlay\"><\/div>\r\n          <span class=\"ccc-stories-card-category\">Everyday<\/span>\r\n        <\/div>\r\n        <div class=\"ccc-stories-card-content\">\r\n          <h3 class=\"ccc-stories-card-title\">\r\n            A Place to <span>Slow Down<\/span> and Enjoy\r\n          <\/h3>\r\n          <p class=\"ccc-stories-card-text\">\r\n            Not every visit needs a reason. <strong>Cafe Calcutta Classic<\/strong> is a place for an everyday coffee, a relaxed meal, a lunch with friends, an evening out or simply a moment to yourself.\r\n          <\/p>\r\n          <div class=\"ccc-stories-card-footer\">\r\n            <span class=\"ccc-stories-card-meta\">\r\n              3 min read <span class=\"dot\"><\/span> Everyday\r\n            <\/span>\r\n            <a href=\"#\" class=\"ccc-stories-card-link\">\r\n              Read Story <span>\u2192<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =========================================\r\n         BOTTOM CTA\r\n         ========================================= -->\r\n    <div style=\"text-align:center;margin-top:3.5rem;\">\r\n      <a href=\"#\" style=\"display:inline-flex;align-items:center;gap:0.6rem;font-weight:600;font-size:0.8rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ccc-orange);text-decoration:none;border-bottom:2px solid var(--ccc-orange);padding-bottom:0.3rem;transition:all 0.3s ease;\">\r\n        Explore All Stories\r\n        <span style=\"transition:transform 0.3s ease;\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Interactive JavaScript -->\r\n<script>\r\n  (function() {\r\n    'use strict';\r\n\r\n    \/\/ ============================================\r\n    \/\/ SCROLL ANIMATION - SMOOTH REVEAL\r\n    \/\/ ============================================\r\n    const cards = document.querySelectorAll('.ccc-stories-card');\r\n\r\n    if (cards.length && 'IntersectionObserver' in window) {\r\n      const observer = new IntersectionObserver(\r\n        function(entries) {\r\n          entries.forEach(function(entry) {\r\n            if (entry.isIntersecting) {\r\n              const card = entry.target;\r\n              const delay = parseInt(card.getAttribute('data-delay')) || 0;\r\n              setTimeout(function() {\r\n                card.classList.add('visible');\r\n              }, delay * 100 + 100);\r\n              observer.unobserve(card);\r\n            }\r\n          });\r\n        }, {\r\n          threshold: 0.12,\r\n          rootMargin: '0px 0px -40px 0px'\r\n        }\r\n      );\r\n\r\n      cards.forEach(function(card) {\r\n        observer.observe(card);\r\n      });\r\n    } else {\r\n      cards.forEach(function(card) {\r\n        card.classList.add('visible');\r\n      });\r\n    }\r\n\r\n    \/\/ ============================================\r\n    \/\/ LINK CLICK HANDLER\r\n    \/\/ ============================================\r\n    const links = document.querySelectorAll('.ccc-stories-card-link, .ccc-stories-header + div a');\r\n    links.forEach(function(link) {\r\n      link.addEventListener('click', function(e) {\r\n        if (this.getAttribute('href') === '#') {\r\n          e.preventDefault();\r\n          alert('Story page would open here!');\r\n        }\r\n      });\r\n    });\r\n\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6528d25 e-con e-atomic-element e-flexbox-base e-6528d25-30288e8 \" data-id=\"6528d25\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6528d25\">\n    \t\t<div class=\"elementor-element elementor-element-7221e74b elementor-widget elementor-widget-html\" data-id=\"7221e74b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAFE CALCUTTA CLASSIC \u2014 SITE FOOTER\r\n     Paste this whole block into an Elementor \"HTML\" widget,\r\n     placed at the very bottom of the page, full width, no padding.\r\n============================================================= -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .c3-footer{\r\n    --ink:#221F1F;\r\n    --cream:#FFFDF5;\r\n    --green:#5CA670;\r\n    --orange:#F15A28;\r\n    --gold:#F2DEBA;\r\n    font-family:'Poppins',sans-serif;\r\n    background:var(--cream);\r\n    color:rgba(34,31,31,.72);\r\n  }\r\n  .c3-footer *{box-sizing:border-box;}\r\n\r\n  \/* ---------- TICKET-PERFORATION DIVIDER (bottom of footer) ---------- *\/\r\n  .c3-footer-perf{\r\n    height:9px;\r\n    background:#5ca670;\r\n    background-image:radial-gradient(circle at 50% 100%, transparent 5px, #ff592f 5.5px);\r\n    background-size:22px 18px;\r\n    background-repeat:repeat-x;\r\n    background-position:0 5px;\r\n  }\r\n\r\n  \/* ---------- MAIN GRID ---------- *\/\r\n  .c3-footer-main{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:52px 24px 32px;\r\n    display:grid;\r\n    grid-template-columns:1.4fr 1fr 1fr 1.2fr;\r\n    gap:36px;\r\n  }\r\n\r\n  .c3-footer-brand img{height:92px;width:auto;display:block;margin-bottom:16px;}\r\n  .c3-footer-tagline{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:rgba(34,31,31,.62);\r\n    max-width:280px;\r\n    margin:0 0 6px;\r\n  }\r\n  .c3-footer-tagline-em{\r\n    font-size:14px;\r\n    font-weight:600;\r\n    color:var(--ink);\r\n    margin:0 0 20px;\r\n  }\r\n  .c3-footer-social{display:flex;gap:10px;}\r\n  .c3-footer-social a{\r\n    width:34px;height:34px;\r\n    border:1px solid rgba(34,31,31,.25);\r\n    border-radius:50%;\r\n    display:flex;align-items:center;justify-content:center;\r\n    color:var(--ink);\r\n    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;\r\n  }\r\n  .c3-footer-social a:hover{background:var(--orange);border-color:var(--orange);color:var(--cream);transform:translateY(-2px);}\r\n\r\n  .c3-footer-heading{\r\n    font-family:'Poppins',sans-serif;\r\n    font-weight:600;\r\n    font-size:15px;\r\n    letter-spacing:.04em;\r\n    text-transform:uppercase;\r\n    color:var(--ink);\r\n    margin:0 0 20px;\r\n    position:relative;\r\n    padding-bottom:10px;\r\n  }\r\n  .c3-footer-heading::after{\r\n    content:'';\r\n    position:absolute;\r\n    left:0;bottom:0;\r\n    width:28px;height:2px;\r\n    background:var(--orange);\r\n  }\r\n\r\n  .c3-footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}\r\n  .c3-footer-links a{\r\n    color:rgba(34,31,31,.68);\r\n    text-decoration:none;\r\n    font-size:14px;\r\n    transition:color .2s ease,padding-left .2s ease;\r\n  }\r\n  .c3-footer-links a:hover{color:var(--green);padding-left:4px;}\r\n\r\n  .c3-footer-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}\r\n  .c3-footer-contact li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:rgba(34,31,31,.68);}\r\n  .c3-footer-contact a{color:rgba(34,31,31,.68);text-decoration:none;transition:color .2s ease;}\r\n  .c3-footer-contact a:hover{color:var(--green);}\r\n  .c3-footer-contact svg{flex:none;margin-top:2px;color:var(--orange);}\r\n\r\n  .c3-footer-call{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    margin-top:6px;\r\n    padding:10px 20px;\r\n    border-radius:999px;\r\n    background:var(--green);\r\n    color:var(--cream) !important;\r\n    font-weight:600;\r\n    font-size:13px;\r\n    box-shadow:0 4px 14px rgba(92,166,112,.3);\r\n    transition:background .2s ease,box-shadow .2s ease,transform .2s ease;\r\n  }\r\n  .c3-footer-call:hover{background:#4b8f5d !important;box-shadow:0 6px 18px rgba(92,166,112,.4);transform:translateY(-1px);}\r\n\r\n  \/* ---------- LEGAL BAR ---------- *\/\r\n  .c3-footer-legal{\r\n    border-top:1px dashed rgba(34,31,31,.18);\r\n  }\r\n  .c3-footer-legal-inner{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:18px 24px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:16px;\r\n    flex-wrap:wrap;\r\n    font-size:12.5px;\r\n    color:rgba(34,31,31,.55);\r\n  }\r\n  .c3-footer-policies{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}\r\n  .c3-footer-policies a{color:rgba(34,31,31,.55);text-decoration:none;}\r\n  .c3-footer-policies a:hover{color:var(--orange);}\r\n  .c3-footer-policies span{color:rgba(34,31,31,.3);}\r\n\r\n  \/* ============ RESPONSIVE BREAKPOINTS ============ *\/\r\n  @media (max-width: 1100px){\r\n    .c3-footer-main{grid-template-columns:1fr 1fr;row-gap:40px;}\r\n  }\r\n  @media (max-width: 600px){\r\n    .c3-footer-main{grid-template-columns:1fr;padding:40px 20px 24px;gap:32px;}\r\n    .c3-footer-legal-inner{flex-direction:column;text-align:center;}\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"c3-footer\">\r\n\r\n  <div class=\"c3-footer-main\">\r\n\r\n    <!-- BRAND -->\r\n    <div class=\"c3-footer-brand\">\r\n      <img decoding=\"async\" src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/C3-Logo.png\" alt=\"Cafe Calcutta Classic\">\r\n      <p class=\"c3-footer-tagline\">Cafe Calcutta Classic (C3) is a Kolkata-inspired caf\u00e9 experience where food, music, ambience and community come together.<\/p>\r\n      <p class=\"c3-footer-tagline-em\">Come for the flavour. Stay for the feeling.<\/p>\r\n      <div class=\"c3-footer-social\">\r\n        <a href=\"https:\/\/www.instagram.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\"1\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.facebook.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.5 22v-8.5H16l.4-3H13.5V8.4c0-.9.25-1.5 1.55-1.5H16.5V4.3C16.2 4.26 15.2 4.17 14 4.17c-2.4 0-4 1.46-4 4.15v2.18H7.5v3h2.5V22h3.5z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"X\">\r\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.9 2H22l-7.6 8.7L23.3 22h-6.9l-5.4-6.6L4.8 22H1.7l8.1-9.3L1 2h7.1l4.9 6.1L18.9 2Zm-1.2 18h1.9L7.4 4H5.4l12.3 16Z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12s0-3.2-.4-4.7c-.2-.9-.9-1.6-1.8-1.8C18.3 5 12 5 12 5s-6.3 0-7.8.5c-.9.2-1.6.9-1.8 1.8C2 8.8 2 12 2 12s0 3.2.4 4.7c.2.9.9 1.6 1.8 1.8C5.7 19 12 19 12 19s6.3 0 7.8-.5c.9-.2 1.6-.9 1.8-1.8.4-1.5.4-4.7.4-4.7Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><path d=\"M10 9.3v5.4l4.6-2.7L10 9.3Z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- QUICK LINKS -->\r\n    <div>\r\n      <h4 class=\"c3-footer-heading\">Explore<\/h4>\r\n      <ul class=\"c3-footer-links\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\">About<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/media\/\">Media<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/gallery\/\">Gallery<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/blog\/\">Blog<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- BOOKINGS -->\r\n    <div>\r\n      <h4 class=\"c3-footer-heading\">Bookings<\/h4>\r\n      <ul class=\"c3-footer-links\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\">Live Show Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/event-booking\/\">Event Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/franchise\/\">Franchise<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/contact\/\">Contact<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- CONTACT -->\r\n    <div>\r\n      <h4 class=\"c3-footer-heading\">Get In Touch<\/h4>\r\n      <ul class=\"c3-footer-contact\">\r\n        <li>\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 21s-7-6.1-7-11a7 7 0 0 1 14 0c0 4.9-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>\r\n          <span>CCR Jhilpar, Shilpasree, NH2 Nischinda, Bally, India, 711205<\/span>\r\n        <\/li>\r\n        <li>\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n          <a href=\"tel:+919163087723\">+91 91630 87723<\/a>\r\n        <\/li>\r\n        <li>\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16v16H4z\"\/><path d=\"m22 6-10 7L2 6\"\/><\/svg>\r\n          <a href=\"mailto:info@cafecalcuttaclassic.com\">info@cafecalcuttaclassic.com<\/a>\r\n        <\/li>\r\n      <\/ul>\r\n      <a href=\"tel:+919163087723\" class=\"c3-footer-call\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n        Call Now\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- LEGAL BAR -->\r\n  <div class=\"c3-footer-legal\">\r\n    <div class=\"c3-footer-legal-inner\">\r\n      <span>&copy; 2026 Cafe Calcutta Classic. All Rights Reserved.<\/span>\r\n      <div class=\"c3-footer-policies\">\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/privacy-policy\/\">Privacy Policy<\/a><span>|<\/span>\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/terms-conditions\/\">Terms &amp; Conditions<\/a><span>|<\/span>\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/refund\/\">Refund \/ Cancellation Policy<\/a><span>|<\/span>\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/cookie-policy\/\">Cookie Policy<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- TICKET-PERFORATION DIVIDER -->\r\n<div class=\"c3-footer-perf\"><\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CCR Jhilpar, Shilpasree, NH2 Nischinda, Bally, India, 711205 +91 91630 87723 info@cafecalcuttaclassic.com Home About Media Live Show Booking Blog Gallery Franchise Event Booking Contact Call Now Home About Media Blog Gallery Franchise Live Show Booking Event Booking Contact Call Now Stories Stories That Bring Cafe Calcutta Classic to Life Every visit to Cafe Calcutta Classic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2099","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages\/2099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/comments?post=2099"}],"version-history":[{"count":10,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages\/2099\/revisions"}],"predecessor-version":[{"id":2296,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages\/2099\/revisions\/2296"}],"wp:attachment":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/media?parent=2099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}