{"id":21,"date":"2025-11-09T14:05:10","date_gmt":"2025-11-09T14:05:10","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/fast-food-v1\/?page_id=21"},"modified":"2026-07-24T20:38:50","modified_gmt":"2026-07-24T20:38:50","slug":"home-fast-food-v1","status":"publish","type":"page","link":"https:\/\/heidelbergerschnitzelhaus.de\/?page_id=21","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nTangerine Lane \u2013 Pre-Launch Marketing | ENKREO<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.js\"><\/script>\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nol, ul, li { font-size: inherit; }\n\n:root {\n --enk-red: #E8450A;\n --enk-black: #3d3d3d;\n --enk-dark: #2b2b2b;\n --enk-gray: #717171;\n --enk-card: #e8e8e8;\n --enk-white: #ffffff;\n --enk-bg: #ffffff;\n --enk-light: #f5f5f5;\n}\n\nbody {\n font-family: 'Montserrat', sans-serif;\n background: var(--enk-bg);\n color: var(--enk-black);\n font-size: 16px;\n line-height: 1.7;\n}\n\n\/* \u2500\u2500\u2500 SHARED SECTION \u2500\u2500\u2500 *\/\n.enk-section {\n padding: 80px 10%;\n}\n.enk-section.bg-light { background: var(--enk-light); }\n\n.enk-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--enk-red);\n display: block;\n margin-bottom: 10px;\n}\n\n.enk-h2 {\n font-size: clamp(1.9rem, 3.5vw, 2.9rem);\n font-weight: 700;\n color: var(--enk-dark);\n line-height: 1.2;\n margin-bottom: 20px;\n}\n\n.enk-h3 {\n font-size: 1.15rem;\n font-weight: 700;\n color: var(--enk-dark);\n margin-bottom: 12px;\n}\n\n.enk-body {\n font-size: 0.95rem;\n font-weight: 400;\n color: var(--enk-gray);\n line-height: 1.85;\n}\n.enk-body strong { color: var(--enk-dark); font-weight: 600; }\n\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n.hero {\n padding: 120px 8% 100px;\n background: var(--enk-white);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: start;\n}\n.hero-left {}\n.hero-title {\n font-size: 2.6rem;\n font-weight: 700;\n color: var(--enk-dark);\n margin-bottom: 36px;\n line-height: 1.15;\n}\n.hero-meta-group {\n margin-bottom: 24px;\n}\n.hero-meta-group .meta-key {\n font-size: 0.95rem;\n font-weight: 700;\n color: var(--enk-dark);\n display: block;\n margin-bottom: 4px;\n}\n.hero-meta-group .meta-val {\n font-size: 0.9rem;\n font-weight: 400;\n color: var(--enk-gray);\n display: block;\n line-height: 1.7;\n}\n\/* right column \u2014 Description\/Task\/Constraints *\/\n.hero-right {}\n.hero-block {\n margin-bottom: 28px;\n}\n.hero-block-title {\n font-size: 1rem;\n font-weight: 600;\n color: var(--enk-dark);\n display: block;\n padding-bottom: 10px;\n border-bottom: 1px solid #ddd;\n margin-bottom: 14px;\n}\n.hero-block-body {\n font-size: 0.9rem;\n color: var(--enk-gray);\n line-height: 1.8;\n font-weight: 400;\n}\n.hero-block-body ol {\n padding-left: 20px;\n font-size: 0.9rem;\n color: var(--enk-gray);\n line-height: 1.8;\n font-weight: 400;\n}\n.hero-block-body li {\n margin-bottom: 4px;\n font-size: 0.9rem;\n color: var(--enk-gray);\n line-height: 1.8;\n font-weight: 400;\n}\n\n\/* \u2500\u2500\u2500 DESCRIPTION BLOCK (legacy, kept for spacing) \u2500\u2500\u2500 *\/\n.desc-grid { display: none; }\n\n\/* \u2500\u2500\u2500 RESULTS \u2014 ROUNDED CARDS \u2500\u2500\u2500 *\/\n.results-section { background: var(--enk-white); }\n.results-intro {\n font-size: 0.92rem;\n color: var(--enk-gray);\n line-height: 1.8;\n max-width: 620px;\n margin-bottom: 50px;\n}\n\n.counter-cards {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n\n.counter-card {\n background: var(--enk-card);\n border-radius: 12px;\n padding: 44px 28px 36px;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n min-height: 200px;\n position: relative;\n transition: transform 0.2s, box-shadow 0.2s;\n}\n.counter-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n}\n\n.card-metric-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: var(--enk-gray);\n display: block;\n margin-bottom: 14px;\n line-height: 1.5;\n}\n.card-number {\n font-size: clamp(2.4rem, 3.5vw, 3.6rem);\n font-weight: 800;\n color: var(--enk-dark);\n line-height: 1;\n display: block;\n letter-spacing: -0.01em;\n}\n.card-number .suffix {\n font-size: 0.55em;\n font-weight: 700;\n color: var(--enk-red);\n vertical-align: baseline;\n}\n.card-sub {\n font-size: 0.72rem;\n color: #999;\n font-weight: 400;\n margin-top: 8px;\n display: block;\n line-height: 1.5;\n}\n\n\/* \u2500\u2500\u2500 STRATEGY \u2500\u2500\u2500 *\/\n.strategy-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n margin-top: 40px;\n}\n.strategy-card {\n background: var(--enk-card);\n border-radius: 12px;\n padding: 40px 36px;\n}\n.strategy-card .enk-h3 { margin-bottom: 14px; }\n.tag-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }\n.stag {\n padding: 4px 12px;\n background: #fff;\n border-radius: 4px;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--enk-dark);\n}\n.stag.red { background: var(--enk-red); color: #fff; }\n\n\/* \u2500\u2500\u2500 TIMELINE \u2500\u2500\u2500 *\/\n.timeline-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 40px;\n}\n.timeline-card {\n background: var(--enk-card);\n border-radius: 12px;\n padding: 36px 30px;\n}\n.timeline-num {\n font-size: 3.5rem;\n font-weight: 900;\n color: rgba(0,0,0,0.08);\n line-height: 1;\n display: block;\n margin-bottom: 14px;\n}\n.timeline-card h3 {\n font-size: 0.88rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--enk-dark);\n margin-bottom: 12px;\n}\n.timeline-card p {\n font-size: 0.87rem;\n color: var(--enk-gray);\n line-height: 1.8;\n}\n.timeline-date {\n display: inline-block;\n margin-top: 16px;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--enk-red);\n}\n\n\/* \u2500\u2500\u2500 CHARTS \u2500\u2500\u2500 *\/\n.charts-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-top: 40px;\n}\n.chart-card {\n background: var(--enk-card);\n border-radius: 12px;\n padding: 32px 28px;\n}\n.chart-card.wide { grid-column: 1 \/ -1; }\n.chart-card-label {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--enk-gray);\n margin-bottom: 5px;\n}\n.chart-card-title {\n font-size: 1rem;\n font-weight: 700;\n color: var(--enk-dark);\n margin-bottom: 22px;\n}\n.chart-wrap { position: relative; width: 100%; height: 200px; }\n.chart-wrap.tall { height: 220px; }\n\n\/* \u2500\u2500\u2500 REELS \u2500\u2500\u2500 *\/\n.reels-intro-text {\n font-size: 0.92rem;\n color: var(--enk-gray);\n line-height: 1.8;\n max-width: 640px;\n margin-bottom: 36px;\n}\n.reels-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n}\n.reel-card {\n background: var(--enk-card);\n border-radius: 12px;\n overflow: hidden;\n text-decoration: none;\n color: inherit;\n display: block;\n transition: transform 0.2s, box-shadow 0.2s;\n}\n.reel-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.1);\n}\n.reel-thumb {\n height: 170px;\n background: #2b2b2b;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.reel-thumb-glow {\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 25% 35%, rgba(232,69,10,0.18) 0%, transparent 65%);\n}\n.reel-n {\n position: absolute;\n bottom: 10px;\n left: 14px;\n font-size: 3rem;\n font-weight: 900;\n color: rgba(255,255,255,0.05);\n line-height: 1;\n}\n.play-btn {\n width: 46px; height: 46px;\n border: 2px solid rgba(255,255,255,0.6);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n}\n.play-btn::after {\n content: '';\n border-style: solid;\n border-width: 7px 0 7px 13px;\n border-color: transparent transparent transparent rgba(255,255,255,0.8);\n margin-left: 3px;\n}\n.reel-body { padding: 18px 18px 22px; }\n.reel-phase {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--enk-red);\n margin-bottom: 5px;\n}\n.reel-name {\n font-size: 0.82rem;\n font-weight: 700;\n color: var(--enk-dark);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n margin-bottom: 10px;\n line-height: 1.4;\n}\n.reel-stats {\n display: flex;\n gap: 14px;\n}\n.reel-stat {\n font-size: 0.72rem;\n color: #999;\n}\n.reel-stat strong {\n display: block;\n font-size: 0.96rem;\n font-weight: 700;\n color: var(--enk-dark);\n}\n\n\/* \u2500\u2500\u2500 META ADS \u2500\u2500\u2500 *\/\n.ads-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n margin-top: 10px;\n align-items: start;\n}\n.ads-cards {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n}\n.ads-card {\n background: var(--enk-card);\n border-radius: 12px;\n padding: 26px 22px;\n}\n.ads-card .a-num {\n font-size: 1.7rem;\n font-weight: 800;\n color: var(--enk-dark);\n display: block;\n line-height: 1;\n letter-spacing: -0.01em;\n}\n.ads-card .a-lbl {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--enk-gray);\n display: block;\n margin-top: 8px;\n}\n\n\/* \u2500\u2500\u2500 AUDIENCE \u2500\u2500\u2500 *\/\n.audience-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-top: 40px;\n}\n.audience-card {\n background: var(--enk-card);\n border-radius: 12px;\n padding: 36px 32px;\n}\n.audience-card h3 {\n font-size: 0.88rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--enk-dark);\n margin-bottom: 18px;\n}\n.audience-card p {\n font-size: 0.9rem;\n color: var(--enk-gray);\n line-height: 1.85;\n}\n.audience-card p strong { color: var(--enk-dark); font-weight: 600; }\n\n\/* \u2500\u2500\u2500 SOLUTION BLOCK (matching DC\/Urban Ants style) \u2500\u2500\u2500 *\/\n.solution-list {\n list-style: none;\n counter-reset: sol;\n margin-top: 16px;\n}\n.solution-list li {\n counter-increment: sol;\n font-size: 0.9rem;\n color: var(--enk-gray);\n line-height: 1.8;\n padding: 12px 0 12px 40px;\n border-bottom: 1px solid #ddd;\n position: relative;\n}\n.solution-list li::before {\n content: counter(sol) '.';\n position: absolute;\n left: 0;\n font-weight: 700;\n color: var(--enk-red);\n font-size: 0.88rem;\n}\n\n\/* \u2500\u2500\u2500 OUTCOME \u2500\u2500\u2500 *\/\n.outcome-section {\n background: var(--enk-dark);\n padding: 80px 10%;\n text-align: center;\n}\n.outcome-section .enk-label { color: rgba(232,69,10,0.9); }\n.outcome-quote {\n font-size: clamp(1.4rem, 2.8vw, 2.3rem);\n font-weight: 700;\n color: #fff;\n line-height: 1.3;\n max-width: 820px;\n margin: 18px auto 22px;\n}\n.outcome-body {\n font-size: 0.92rem;\n color: rgba(255,255,255,0.5);\n font-weight: 400;\n line-height: 1.85;\n max-width: 580px;\n margin: 0 auto;\n}\n\n\/* \u2500\u2500\u2500 VIEW MORE \u2500\u2500\u2500 *\/\n.view-more-section {\n padding: 70px 10%;\n background: var(--enk-white);\n}\n.view-more-section h2 {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--enk-dark);\n margin-bottom: 32px;\n}\n.view-more-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n max-width: 600px;\n}\n.vm-card {\n background: var(--enk-card);\n border-radius: 10px;\n overflow: hidden;\n text-decoration: none;\n display: block;\n transition: transform 0.2s;\n}\n.vm-card:hover { transform: translateY(-3px); }\n.vm-img {\n height: 140px;\n background: #ddd;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n font-weight: 900;\n color: rgba(0,0,0,0.12);\n}\n.vm-label {\n padding: 14px 16px;\n font-size: 0.82rem;\n font-weight: 700;\n color: var(--enk-dark);\n}\n.vm-label span {\n display: block;\n font-size: 0.72rem;\n font-weight: 400;\n color: var(--enk-gray);\n margin-top: 3px;\n}\n.go-back {\n display: inline-block;\n margin-top: 28px;\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--enk-red);\n text-decoration: none;\n letter-spacing: 0.05em;\n}\n.go-back:hover { text-decoration: underline; }\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media (max-width: 960px) {\n .enk-section { padding: 60px 6%; }\n .hero { padding: 60px 6%; grid-template-columns: 1fr; gap: 40px; }\n .desc-grid, .ads-layout, .audience-grid, .strategy-grid { grid-template-columns: 1fr; gap: 24px; }\n .counter-cards { grid-template-columns: 1fr 1fr; }\n .timeline-grid { grid-template-columns: 1fr; }\n .reels-grid { grid-template-columns: 1fr 1fr; }\n .charts-grid { grid-template-columns: 1fr; }\n .chart-card.wide { grid-column: 1; }\n}\n@media (max-width: 600px) {\n .counter-cards { grid-template-columns: 1fr; }\n .reels-grid { grid-template-columns: 1fr; }\n .ads-cards { grid-template-columns: 1fr; }\n .view-more-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\n<div class=\"hero\">\n <!-- LEFT: Title + Industry + Services -->\n <div class=\"hero-left\">\n <h1 class=\"hero-title\">Tangerine Lane<\/h1>\n\n <div class=\"hero-meta-group\">\n <span class=\"meta-key\">Industry<\/span>\n <span class=\"meta-val\">Fashion Retail<\/span>\n <\/div>\n\n <div class=\"hero-meta-group\">\n <span class=\"meta-key\">Services Provided<\/span>\n <span class=\"meta-val\">Social Media<br>Sales & Marketing<br>Content Production<br>Meta Ads<\/span>\n <\/div>\n <\/div>\n\n <!-- RIGHT: Description \/ Task \/ Constraints -->\n <div class=\"hero-right\">\n <div class=\"hero-block\">\n <span class=\"hero-block-title\">Description<\/span>\n <p class=\"hero-block-body\">Tangerine Lane is Trivandrum's first multi-brand fashion store, bringing together homegrown apparel and cosmetics labels under one roof. Enkreo was brought in to build the brand's digital presence from scratch ahead of its physical launch.<\/p>\n <\/div>\n\n <div class=\"hero-block\">\n <span class=\"hero-block-title\">Task<\/span>\n <p class=\"hero-block-body\">Build brand awareness on Instagram and grow an engaged audience before the store's physical launch \u2014 within a 30-day window.<\/p>\n <\/div>\n\n <div class=\"hero-block\">\n <span class=\"hero-block-title\">Constrains<\/span>\n <div class=\"hero-block-body\">\n \n <li>Zero existing social media presence \u2014 complete cold start<\/li>\n <li>Dual audience: end consumers and partner brands across India<\/li>\n <li>30-day hard deadline tied to physical store opening<\/li>\n \n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SOLUTION \u2500\u2500\u2500 -->\n<div class=\"enk-section bg-light\">\n <span class=\"enk-label\">Solution<\/span>\n <h2 class=\"enk-h2\">Two strategies.<br>One launch.<\/h2>\n <p class=\"enk-body\" style=\"max-width: 680px; margin-bottom: 8px;\">We built two parallel narrative frameworks running simultaneously \u2014 <strong>#BUF (Being Yourself Fashion)<\/strong> for the consumer audience and <strong>#FashionCollective<\/strong> for partner brands \u2014 each with its own content arc, hashtag ecosystem, and distribution strategy.<\/p>\n <ul class=\"solution-list\">\n <li>Created the <strong>#BUF<\/strong> (Being Yourself Fashion) movement \u2014 an identity-forward campaign positioning Tangerine Lane as a self-expression statement, not just a store.<\/li>\n <li>Built the <strong>#FashionCollective<\/strong> narrative to attract homegrown D2C brands, positioning the store as a brand incubator with shared marketing resources and offline presence.<\/li>\n <li>Executed a three-phase content calendar: Curiosity Tease \u2192 Brand Reveal \u2192 Launch Trailer, maintaining narrative momentum across 30 days.<\/li>\n <li>Produced 9 reels with a deliberate arc \u2014 from anonymous mystery content to branded reveals to a full launch trailer featuring campaign models.<\/li>\n <li>Ran targeted Meta ads (\u20b910,000 budget) with precision geographic and interest-based targeting across Trivandrum and surrounding districts.<\/li>\n <li>Coordinated micro-influencer early access to amplify organic reach before the brand was publicly revealed.<\/li>\n <li>Guided the external branding team on visual identity direction to ensure consistency across all content.<\/li>\n <li>Activated offline marketing from March 5 \u2014 LED screens, FM radio spots, and press articles \u2014 creating a full city-wide presence leading into launch day.<\/li>\n <\/ul>\n<\/div>\n\n<!-- \u2500\u2500\u2500 RESULTS \u2500\u2500\u2500 -->\n<div class=\"enk-section results-section\">\n <span class=\"enk-label\">Results<\/span>\n <h2 class=\"enk-h2\">The numbers speak.<\/h2>\n <p class=\"results-intro\">One month. One city. One brand built from the ground up \u2014 from zero to a recognised name across Trivandrum's fashion community.<\/p>\n\n <div class=\"counter-cards\">\n\n <div class=\"counter-card\">\n <span class=\"card-metric-label\">Total Reel Views<\/span>\n <span class=\"card-number\"><span class=\"count\" data-target=\"460\" data-dec=\"0\">0<\/span><span class=\"suffix\">K+<\/span><\/span>\n <span class=\"card-sub\">Across all 9 reels \u00b7 avg. 51K per reel<\/span>\n <\/div>\n\n <div class=\"counter-card\">\n <span class=\"card-metric-label\">Total Impressions<\/span>\n <span class=\"card-number\"><span class=\"count\" data-target=\"9\" data-dec=\"0\">0<\/span><span class=\"suffix\">L+<\/span><\/span>\n <span class=\"card-sub\">Organic + paid \u00b7 peak reel hit 1.8L<\/span>\n <\/div>\n\n <div class=\"counter-card\">\n <span class=\"card-metric-label\">Followers in 30 Days<\/span>\n <span class=\"card-number\"><span class=\"count\" data-target=\"1200\" data-dec=\"0\">0<\/span><span class=\"suffix\">+<\/span><\/span>\n <span class=\"card-sub\">Cold start \u2014 0 to 1,200 in one month<\/span>\n <\/div>\n\n <div class=\"counter-card\">\n <span class=\"card-metric-label\">Avg. Engagement Rate<\/span>\n <span class=\"card-number\"><span class=\"count\" data-target=\"3.2\" data-dec=\"1\">0<\/span><span class=\"suffix\">%<\/span><\/span>\n <span class=\"card-sub\">Industry benchmark: 1.2\u20132% for fashion<\/span>\n <\/div>\n\n <div class=\"counter-card\">\n <span class=\"card-metric-label\">Unique Accounts Reached<\/span>\n <span class=\"card-number\"><span class=\"count\" data-target=\"4.6\" data-dec=\"1\">0<\/span><span class=\"suffix\">L+<\/span><\/span>\n <span class=\"card-sub\">Organic + Meta paid combined reach<\/span>\n <\/div>\n\n <div class=\"counter-card\">\n <span class=\"card-metric-label\">Non-Follower Reach<\/span>\n <span class=\"card-number\"><span class=\"count\" data-target=\"78\" data-dec=\"0\">0<\/span><span class=\"suffix\">%<\/span><\/span>\n <span class=\"card-sub\">Content discovered beyond existing audience<\/span>\n <\/div>\n\n <div class=\"counter-card\">\n <span class=\"card-metric-label\">Profile Visits<\/span>\n <span class=\"card-number\"><span class=\"count\" data-target=\"14\" data-dec=\"0\">0<\/span><span class=\"suffix\">K+<\/span><\/span>\n <span class=\"card-sub\">Driven by reel CTAs and discovery traffic<\/span>\n <\/div>\n\n <div class=\"counter-card\">\n <span class=\"card-metric-label\">Meta Ad Spend<\/span>\n <span class=\"card-number\">\u20b9<span class=\"count\" data-target=\"10\" data-dec=\"0\">0<\/span><span class=\"suffix\">K<\/span><\/span>\n <span class=\"card-sub\">\u20b90.11 CPM \u00b7 high-efficiency delivery<\/span>\n <\/div>\n\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 STRATEGY \u2500\u2500\u2500 -->\n<div class=\"enk-section bg-light\">\n <span class=\"enk-label\">Marketing Strategy<\/span>\n <h2 class=\"enk-h2\">Speaking to two worlds.<\/h2>\n <div class=\"strategy-grid\">\n <div class=\"strategy-card\">\n <h3 class=\"enk-h3\">BUF \u2014 Being Yourself Fashion<\/h3>\n <p class=\"enk-body\">For the consumer audience aged 16\u201350, we built the <strong>#BUF<\/strong> movement \u2014 an emotionally driven, identity-forward campaign that positioned Tangerine Lane not just as a store, but as a statement. Content was shareable, relatable, and rooted in self-expression. The hook was individuality; the platform was Instagram Reels.<\/p>\n <div class=\"tag-row\">\n <span class=\"stag red\">#BUF<\/span>\n <span class=\"stag\">#SelfLove<\/span>\n <span class=\"stag\">Reels<\/span>\n <span class=\"stag\">Influencer<\/span>\n <span class=\"stag\">Women's Day<\/span>\n <\/div>\n <\/div>\n <div class=\"strategy-card\">\n <h3 class=\"enk-h3\">Fashion Collective \u2014 Brand Ecosystem<\/h3>\n <p class=\"enk-body\">For homegrown D2C apparel and cosmetics brands across India, we built <strong>#FashionCollective<\/strong> \u2014 positioning Tangerine Lane as a prestigious brand incubator. This B2B narrative offered partner brands shelf presence, shared marketing resources, and community visibility under the #Together and #ONE umbrella.<\/p>\n <div class=\"tag-row\">\n <span class=\"stag red\">#Together<\/span>\n <span class=\"stag\">#ONE<\/span>\n <span class=\"stag\">B2B<\/span>\n <span class=\"stag\">Vendor Outreach<\/span>\n <span class=\"stag\">Brand Collab<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 CAMPAIGN TIMELINE \u2500\u2500\u2500 -->\n<div class=\"enk-section\">\n <span class=\"enk-label\">Campaign Timeline<\/span>\n <h2 class=\"enk-h2\">Three phases. One launch.<\/h2>\n <div class=\"timeline-grid\">\n <div class=\"timeline-card\">\n <span class=\"timeline-num\">01<\/span>\n <h3>Curiosity & Tease<\/h3>\n <p>No branding. Pure intrigue. A statement reel launched with zero context \u2014 just #BUF and a strong visual hook \u2014 to spark conversation and build search interest before the brand was revealed. Micro-influencers given early access.<\/p>\n <span class=\"timeline-date\">Feb 20 \u2192 Feb 26<\/span>\n <\/div>\n <div class=\"timeline-card\">\n <span class=\"timeline-num\">02<\/span>\n <h3>Brand Reveal & Collab<\/h3>\n <p>Tangerine Lane stepped into the light. The online-to-offline transition reel united partner brands under #ONE. LED screens went live March 5. Women's Day reel ran March 8. FM radio and press articles activated in parallel.<\/p>\n <span class=\"timeline-date\">Mar 3 \u2192 Mar 15<\/span>\n <\/div>\n <div class=\"timeline-card\">\n <span class=\"timeline-num\">03<\/span>\n <h3>Trailer & Grand Launch<\/h3>\n <p>A launch trailer featuring models selected from the #ONE campaign dropped March 15 \u2014 building final momentum into opening day. The store launched March 22 to a primed, already-engaged Trivandrum audience.<\/p>\n <span class=\"timeline-date\">Mar 15 \u2192 Mar 22<\/span>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 PERFORMANCE CHARTS \u2500\u2500\u2500 -->\n<div class=\"enk-section bg-light\">\n <span class=\"enk-label\">Performance Analytics<\/span>\n <h2 class=\"enk-h2\">Data-backed growth.<\/h2>\n <div class=\"charts-grid\">\n <div class=\"chart-card\">\n <p class=\"chart-card-label\">Follower Acquisition<\/p>\n <p class=\"chart-card-title\">Growth over 30 days<\/p>\n <div class=\"chart-wrap\">\n <canvas id=\"followerChart\" role=\"img\" aria-label=\"Follower growth from 0 to 1200 over 30 days\">0 to 1,200 followers in 30 days.<\/canvas>\n <\/div>\n <\/div>\n <div class=\"chart-card\">\n <p class=\"chart-card-label\">Reel Performance<\/p>\n <p class=\"chart-card-title\">Views per reel (K)<\/p>\n <div class=\"chart-wrap\">\n <canvas id=\"reachChart\" role=\"img\" aria-label=\"Views per reel across 9 reels\">Views ranging from 30K to 75K per reel.<\/canvas>\n <\/div>\n <\/div>\n <div class=\"chart-card wide\">\n <p class=\"chart-card-label\">Impressions<\/p>\n <p class=\"chart-card-title\">Weekly impressions \u2014 Organic vs Paid (Meta Ads)<\/p>\n <div style=\"display:flex;gap:16px;margin-bottom:14px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#717171;\">\n <span style=\"display:flex;align-items:center;gap:6px;\"><span style=\"width:12px;height:12px;background:#3d3d3d;border-radius:2px;display:inline-block;\"><\/span>Organic<\/span>\n <span style=\"display:flex;align-items:center;gap:6px;\"><span style=\"width:12px;height:12px;background:#E8450A;border-radius:2px;display:inline-block;\"><\/span>Paid (Meta Ads)<\/span>\n <\/div>\n <div class=\"chart-wrap tall\">\n <canvas id=\"impressionChart\" role=\"img\" aria-label=\"Weekly impressions organic vs paid\">Impressions growing week over week.<\/canvas>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 REELS \u2500\u2500\u2500 -->\n<div class=\"enk-section\">\n <span class=\"enk-label\">Content Production<\/span>\n <h2 class=\"enk-h2\">9 Reels. 30 Days.<\/h2>\n <p class=\"reels-intro-text\">Every reel was produced as part of a deliberate narrative arc \u2014 from anonymous mystery content to full brand launch energy. Each generated a minimum of 30,000 views and 1 lakh impressions.<\/p>\n <div class=\"reels-grid\">\n\n <a href=\"https:\/\/www.instagram.com\/reel\/DGqEGTDTI5y\/\" target=\"_blank\" rel=\"noopener\" class=\"reel-card\">\n <div class=\"reel-thumb\"><div class=\"reel-thumb-glow\"><\/div><span class=\"reel-n\">01<\/span><div class=\"play-btn\"><\/div><\/div>\n <div class=\"reel-body\">\n <p class=\"reel-phase\">Reel 01 \u00b7 Feb 20 \u00b7 Phase 1<\/p>\n <p class=\"reel-name\">Statement Reel \u2014 #BUF<\/p>\n <div class=\"reel-stats\">\n <div class=\"reel-stat\"><strong>45K+<\/strong>Views<\/div>\n <div class=\"reel-stat\"><strong>1.1L+<\/strong>Impressions<\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/reel\/DG22i0Oz83g\/\" target=\"_blank\" rel=\"noopener\" class=\"reel-card\">\n <div class=\"reel-thumb\"><div class=\"reel-thumb-glow\"><\/div><span class=\"reel-n\">02<\/span><div class=\"play-btn\"><\/div><\/div>\n <div class=\"reel-body\">\n <p class=\"reel-phase\">Reel 02 \u00b7 Feb 26 \u00b7 Phase 1<\/p>\n <p class=\"reel-name\">Curiosity \/ Branding Reveal<\/p>\n <div class=\"reel-stats\">\n <div class=\"reel-stat\"><strong>62K+<\/strong>Views<\/div>\n <div class=\"reel-stat\"><strong>1.4L+<\/strong>Impressions<\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/reel\/DG8PzUJT8P8\/\" target=\"_blank\" rel=\"noopener\" class=\"reel-card\">\n <div class=\"reel-thumb\"><div class=\"reel-thumb-glow\"><\/div><span class=\"reel-n\">03<\/span><div class=\"play-btn\"><\/div><\/div>\n <div class=\"reel-body\">\n <p class=\"reel-phase\">Reel 03 \u00b7 Mar 3 \u00b7 Phase 2<\/p>\n <p class=\"reel-name\">Online\u2013Offline Transition \u2014 #ONE<\/p>\n <div class=\"reel-stats\">\n <div class=\"reel-stat\"><strong>75K+<\/strong>Views<\/div>\n <div class=\"reel-stat\"><strong>1.8L+<\/strong>Impressions<\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/reel\/DHD2SInTdS_\/\" target=\"_blank\" rel=\"noopener\" class=\"reel-card\">\n <div class=\"reel-thumb\"><div class=\"reel-thumb-glow\"><\/div><span class=\"reel-n\">04<\/span><div class=\"play-btn\"><\/div><\/div>\n <div class=\"reel-body\">\n <p class=\"reel-phase\">Reel 04 \u00b7 Mar 8 \u00b7 Phase 2<\/p>\n <p class=\"reel-name\">Women's Day Reel \u2014 #BUF<\/p>\n <div class=\"reel-stats\">\n <div class=\"reel-stat\"><strong>58K+<\/strong>Views<\/div>\n <div class=\"reel-stat\"><strong>1.3L+<\/strong>Impressions<\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/reel\/DHOSOwET0_h\/\" target=\"_blank\" rel=\"noopener\" class=\"reel-card\">\n <div class=\"reel-thumb\"><div class=\"reel-thumb-glow\"><\/div><span class=\"reel-n\">05<\/span><div class=\"play-btn\"><\/div><\/div>\n <div class=\"reel-body\">\n <p class=\"reel-phase\">Reel 05 \u00b7 Mar 10 \u00b7 Phase 2<\/p>\n <p class=\"reel-name\">Brand Collab \u2014 #Together<\/p>\n <div class=\"reel-stats\">\n <div class=\"reel-stat\"><strong>38K+<\/strong>Views<\/div>\n <div class=\"reel-stat\"><strong>1.0L+<\/strong>Impressions<\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/reel\/DHYfCtST4rg\/\" target=\"_blank\" rel=\"noopener\" class=\"reel-card\">\n <div class=\"reel-thumb\"><div class=\"reel-thumb-glow\"><\/div><span class=\"reel-n\">06<\/span><div class=\"play-btn\"><\/div><\/div>\n <div class=\"reel-body\">\n <p class=\"reel-phase\">Reel 06 \u00b7 Mar 12 \u00b7 Phase 2<\/p>\n <p class=\"reel-name\">Influencer \u00d7 Tangerine<\/p>\n <div class=\"reel-stats\">\n <div class=\"reel-stat\"><strong>52K+<\/strong>Views<\/div>\n <div class=\"reel-stat\"><strong>1.2L+<\/strong>Impressions<\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/reel\/DHdvnFIzCJ7\/\" target=\"_blank\" rel=\"noopener\" class=\"reel-card\">\n <div class=\"reel-thumb\"><div class=\"reel-thumb-glow\"><\/div><span class=\"reel-n\">07<\/span><div class=\"play-btn\"><\/div><\/div>\n <div class=\"reel-body\">\n <p class=\"reel-phase\">Reel 07 \u00b7 Mar 14 \u00b7 Phase 2<\/p>\n <p class=\"reel-name\">BTS \u2014 Behind the Store<\/p>\n <div class=\"reel-stats\">\n <div class=\"reel-stat\"><strong>33K+<\/strong>Views<\/div>\n <div class=\"reel-stat\"><strong>1.0L+<\/strong>Impressions<\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/reel\/DHiwr-Uzeck\/\" target=\"_blank\" rel=\"noopener\" class=\"reel-card\">\n <div class=\"reel-thumb\"><div class=\"reel-thumb-glow\"><\/div><span class=\"reel-n\">08<\/span><div class=\"play-btn\"><\/div><\/div>\n <div class=\"reel-body\">\n <p class=\"reel-phase\">Reel 08 \u00b7 Mar 18 \u00b7 Phase 3<\/p>\n <p class=\"reel-name\">Countdown \u2014 Opening Soon<\/p>\n <div class=\"reel-stats\">\n <div class=\"reel-stat\"><strong>30K+<\/strong>Views<\/div>\n <div class=\"reel-stat\"><strong>1.0L+<\/strong>Impressions<\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/reel\/DHtPWKGTwx1\/\" target=\"_blank\" rel=\"noopener\" class=\"reel-card\">\n <div class=\"reel-thumb\"><div class=\"reel-thumb-glow\"><\/div><span class=\"reel-n\">09<\/span><div class=\"play-btn\"><\/div><\/div>\n <div class=\"reel-body\">\n <p class=\"reel-phase\">Reel 09 \u00b7 Mar 20 \u00b7 Phase 3<\/p>\n <p class=\"reel-name\">Launch Trailer \u2014 #ONE #BUF<\/p>\n <div class=\"reel-stats\">\n <div class=\"reel-stat\"><strong>68K+<\/strong>Views<\/div>\n <div class=\"reel-stat\"><strong>1.6L+<\/strong>Impressions<\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 META ADS \u2500\u2500\u2500 -->\n<div class=\"enk-section bg-light\">\n <span class=\"enk-label\">Paid Media<\/span>\n <h2 class=\"enk-h2\">Meta Ads that moved the needle.<\/h2>\n <div class=\"ads-layout\">\n <p class=\"enk-body\">With a \u20b910,000 Meta ads budget, we ran precision-targeted campaigns across Instagram and Facebook \u2014 zeroing in on Trivandrum and surrounding districts, fashion-forward demographics aged 16\u201345, and interest clusters aligned with local lifestyle and shopping behaviour.<br><br>Ad creatives were built directly from our reel content, ensuring full visual consistency across organic and paid. Every rupee was tracked and optimised. The result was a measurable lift in follower acquisition, profile visits, and store foot traffic on launch day.<\/p>\n <div class=\"ads-cards\">\n <div class=\"ads-card\">\n <span class=\"a-num\">\u20b910,000<\/span>\n <span class=\"a-lbl\">Total Ad Spend<\/span>\n <\/div>\n <div class=\"ads-card\">\n <span class=\"a-num\">\u20b90.11<\/span>\n <span class=\"a-lbl\">Cost per Impression<\/span>\n <\/div>\n <div class=\"ads-card\">\n <span class=\"a-num\">3.2%<\/span>\n <span class=\"a-lbl\">Engagement Rate<\/span>\n <\/div>\n <div class=\"ads-card\">\n <span class=\"a-num\">9L+<\/span>\n <span class=\"a-lbl\">Paid Impressions<\/span>\n <\/div>\n <div class=\"ads-card\">\n <span class=\"a-num\">16\u201345<\/span>\n <span class=\"a-lbl\">Target Age Range<\/span>\n <\/div>\n <div class=\"ads-card\">\n <span class=\"a-num\">IG + FB<\/span>\n <span class=\"a-lbl\">Platforms Used<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 AUDIENCE \u2500\u2500\u2500 -->\n<div class=\"enk-section\">\n <span class=\"enk-label\">Target Audience<\/span>\n <h2 class=\"enk-h2\">Speaking to two worlds.<\/h2>\n <div class=\"audience-grid\">\n <div class=\"audience-card\">\n <h3>Indirect Audience \u2014 The Shopper<\/h3>\n <p>\n <strong>Age:<\/strong> 16\u201350, inclusive of young adults and families<br>\n <strong>Gender:<\/strong> All<br>\n <strong>Income:<\/strong> Middle to upper-middle class<br>\n <strong>Location:<\/strong> Trivandrum & surrounding districts<br><br>\n Content built around identity and self-expression. The #BUF movement gave them a reason to care before the store even opened \u2014 building emotional investment that converted to footfall on day one.\n <\/p>\n <\/div>\n <div class=\"audience-card\">\n <h3>Direct Audience \u2014 The Brand Partner<\/h3>\n <p>\n <strong>Type:<\/strong> Homegrown apparel and cosmetics brands<br>\n <strong>Platform:<\/strong> Online-first \/ D2C<br>\n <strong>Location:<\/strong> All across India<br><br>\n The #FashionCollective narrative attracted independent Indian brands by presenting Tangerine Lane as a prestigious offline partner \u2014 offering shelf space, shared visibility, and a community retail model. A brand incubator, not just a store.\n <\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 OUTCOME \u2500\u2500\u2500 -->\n<div class=\"outcome-section\">\n <span class=\"enk-label\">The Outcome<\/span>\n <p class=\"outcome-quote\">Trivandrum woke up knowing the name Tangerine Lane \u2014 and showed up on launch day to prove it.<\/p>\n <p class=\"outcome-body\">In 30 days, we took a brand from zero to a recognisable name across Trivandrum's fashion community. 1,200+ followers, 9 reels, a city-wide offline presence, and a launch day that validated every creative decision made along the way.<\/p>\n<\/div>\n\n<!-- \u2500\u2500\u2500 VIEW MORE \u2500\u2500\u2500 -->\n<div class=\"view-more-section\">\n <h2>View More<\/h2>\n <div class=\"view-more-grid\">\n <a href=\"https:\/\/enkreo.com\/urban-ants\/\" class=\"vm-card\">\n <div class=\"vm-img\">UA<\/div>\n <div class=\"vm-label\">Urban Ants<span>Marketing | Social Media | Sales<\/span><\/div>\n <\/a>\n <a href=\"https:\/\/enkreo.com\/dc\/\" class=\"vm-card\">\n <div class=\"vm-img\">DC<\/div>\n <div class=\"vm-label\">Designer's Community<span>Marketing | Social Media | Sales<\/span><\/div>\n <\/a>\n <\/div>\n <a href=\"https:\/\/enkreo.com\/our-work\/\" class=\"go-back\">\u2190 go back<\/a>\n<\/div>\n\n<script>\n\/\/ \u2500\u2500 COUNTER ANIMATION (matching DC\/Urban Ants style) \u2500\u2500\nconst cards = document.querySelectorAll('.counter-card');\nconst io = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (!entry.isIntersecting) return;\n const el = entry.target.querySelector('.count');\n if (!el || el.dataset.done) return;\n el.dataset.done = '1';\n const target = parseFloat(el.dataset.target);\n const dec = parseInt(el.dataset.dec) || 0;\n const duration = 1800;\n const start = performance.now();\n function tick(now) {\n const t = Math.min((now - start) \/ duration, 1);\n const ease = 1 - Math.pow(1 - t, 3);\n const val = target * ease;\n el.textContent = dec > 0 ? val.toFixed(dec) : Math.floor(val).toLocaleString();\n if (t < 1) requestAnimationFrame(tick);\n else el.textContent = dec > 0 ? target.toFixed(dec) : Math.floor(target).toLocaleString();\n }\n requestAnimationFrame(tick);\n io.unobserve(entry.target);\n });\n}, { threshold: 0.25 });\ncards.forEach(c => io.observe(c));\n\n\/\/ \u2500\u2500 CHARTS \u2500\u2500\nconst RED = '#E8450A';\nconst DARK = '#3d3d3d';\nconst GRAY_LINE = 'rgba(0,0,0,0.07)';\nconst FONT = { family: 'Montserrat', size: 10, weight: '600' };\n\nnew Chart(document.getElementById('followerChart'), {\n type: 'line',\n data: {\n labels: ['Day 1','Day 5','Day 8','Day 12','Day 15','Day 18','Day 22','Day 25','Day 28','Day 30'],\n datasets: [{\n data: [0,80,180,320,480,640,820,960,1100,1200],\n borderColor: DARK,\n backgroundColor: 'rgba(232,69,10,0.06)',\n borderWidth: 2,\n pointBackgroundColor: RED,\n pointBorderColor: '#fff',\n pointBorderWidth: 2,\n pointRadius: 4,\n fill: true,\n tension: 0.4\n }]\n },\n options: {\n responsive: true, maintainAspectRatio: false,\n plugins: { legend: { display: false } },\n scales: {\n x: { grid: { color: GRAY_LINE }, ticks: { color: '#999', font: FONT } },\n y: { grid: { color: GRAY_LINE }, ticks: { color: '#999', font: FONT, callback: v => v.toLocaleString() }, beginAtZero: true }\n }\n }\n});\n\nnew Chart(document.getElementById('reachChart'), {\n type: 'bar',\n data: {\n labels: ['R1','R2','R3','R4','R5','R6','R7','R8','R9'],\n datasets: [{\n data: [45,62,75,58,38,52,33,30,68],\n backgroundColor: [DARK,DARK,RED,DARK,DARK,DARK,DARK,DARK,RED],\n borderWidth: 0,\n borderRadius: 4\n }]\n },\n options: {\n responsive: true, maintainAspectRatio: false,\n plugins: { legend: { display: false } },\n scales: {\n x: { grid: { display: false }, ticks: { color: '#999', font: FONT } },\n y: { grid: { color: GRAY_LINE }, ticks: { color: '#999', font: FONT, callback: v => v + 'K' }, beginAtZero: true }\n }\n }\n});\n\nnew Chart(document.getElementById('impressionChart'), {\n type: 'bar',\n data: {\n labels: ['Week 1','Week 2','Week 3','Week 4'],\n datasets: [\n { label: 'Organic', data: [1.8,3.2,4.1,5.6], backgroundColor: DARK, borderWidth: 0, borderRadius: 4 },\n { label: 'Paid (Meta Ads)', data: [1.0,2.0,3.0,3.9], backgroundColor: RED, borderWidth: 0, borderRadius: 4 }\n ]\n },\n options: {\n responsive: true, maintainAspectRatio: false,\n plugins: { legend: { display: false } },\n scales: {\n x: { stacked: true, grid: { display: false }, ticks: { color: '#999', font: FONT } },\n y: { stacked: true, grid: { color: GRAY_LINE }, ticks: { color: '#999', font: FONT, callback: v => v + 'L' }, beginAtZero: true }\n }\n }\n});\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e097ab e-con e-atomic-element e-flexbox-base e-4cf4413 \" data-id=\"6e097ab\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6e097ab\">\n \t\t<div class=\"elementor-element elementor-element-878726f elementor-widget elementor-widget-html\" data-id=\"878726f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n Schnitzelhaus Alte M\u00fcnz \u2014 Reservation form block\n Paste into an Elementor HTML widget.\n Bot protection: Honeypot + Math Captcha\n ============================================================ -->\n\n<section id=\"am-reserve\" class=\"am-reserve\">\n <style>\n #am-reserve {\n --bg: #f3efe6;\n --surface: #ffffff;\n --border: #e6e0d2;\n --accent: #c9241b;\n --accent-hover: #a51b14;\n --text: #1c1916;\n --muted: #665f55;\n --dim: #9b948a;\n --mono: 'Special Elite', 'Cutive Mono', 'Courier New', monospace;\n --sans: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n display: block;\n position: relative;\n font-family: var(--sans);\n color: var(--text);\n background: var(--bg);\n padding: 80px 24px;\n margin: 0;\n }\n\n #am-reserve, #am-reserve * { box-sizing: border-box; }\n\n #am-reserve .am-grid {\n width: 100%;\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);\n gap: 60px;\n align-items: start;\n }\n\n #am-reserve .am-info { width: 100%; min-width: 0; }\n\n #am-reserve .eyebrow {\n display: inline-block;\n font-family: var(--mono);\n font-size: 12px;\n letter-spacing: 0.24em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 14px;\n }\n\n #am-reserve h2 {\n font-family: var(--mono);\n font-weight: 400;\n font-size: clamp(1.65rem, 3vw, 2.4rem);\n line-height: 1.12;\n color: var(--text);\n margin: 0 0 14px;\n }\n\n #am-reserve .lede {\n color: var(--muted);\n font-size: 14px;\n line-height: 1.65;\n margin: 0 0 24px;\n max-width: 520px;\n }\n\n #am-reserve .meta {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n #am-reserve .meta li {\n display: flex;\n flex-direction: column;\n gap: 2px;\n padding-bottom: 14px;\n border-bottom: 1px solid var(--border);\n }\n\n #am-reserve .meta li:last-child { border-bottom: 0; }\n\n #am-reserve .meta-label {\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--dim);\n margin-bottom: 2px;\n }\n\n #am-reserve .meta span, #am-reserve .meta a {\n font-size: 15px;\n line-height: 1.45;\n }\n\n #am-reserve .meta a {\n color: var(--text);\n text-decoration: none;\n word-break: break-word;\n }\n\n #am-reserve .meta a:hover { color: var(--accent); }\n\n #am-reserve .kitchen-note {\n font-size: 13px;\n color: var(--accent);\n margin-top: 6px;\n font-weight: 600;\n }\n\n #am-reserve form {\n width: 100%;\n min-width: 0;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 32px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n box-shadow: 0 10px 28px -16px rgba(40, 28, 18, 0.18);\n }\n\n #am-reserve .row {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: 16px;\n }\n\n #am-reserve label {\n display: flex;\n flex-direction: column;\n gap: 6px;\n width: 100%;\n min-width: 0;\n font-size: 13px;\n color: var(--muted);\n font-weight: 500;\n letter-spacing: 0.04em;\n }\n\n #am-reserve label.full { width: 100%; }\n\n #am-reserve input,\n #am-reserve select,\n #am-reserve textarea {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 8px;\n color: var(--text);\n padding: 12px 14px;\n font: inherit;\n font-family: var(--sans);\n font-size: 14px;\n font-weight: 400;\n transition: border-color 0.2s ease, background-color 0.2s ease;\n }\n\n #am-reserve input:focus,\n #am-reserve select:focus,\n #am-reserve textarea:focus {\n outline: 0;\n border-color: var(--accent);\n background: #fffefa;\n }\n\n #am-reserve textarea {\n resize: vertical;\n min-height: 88px;\n font-family: var(--sans);\n }\n\n \/* Math captcha styling *\/\n #am-reserve .captcha-row {\n display: flex;\n align-items: center;\n gap: 12px;\n background: #fdf8f0;\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 14px 16px;\n }\n\n #am-reserve .captcha-question {\n font-size: 14px;\n color: var(--text);\n font-weight: 600;\n white-space: nowrap;\n flex-shrink: 0;\n }\n\n #am-reserve .captcha-input {\n width: 80px !important;\n min-width: 0;\n text-align: center;\n font-weight: 600;\n flex-shrink: 0;\n }\n\n #am-reserve .captcha-hint {\n font-size: 12px;\n color: var(--dim);\n }\n\n #am-reserve .captcha-error {\n display: none;\n font-size: 12px;\n color: var(--accent);\n font-weight: 600;\n margin-top: -8px;\n }\n\n #am-reserve button[type=\"submit\"] {\n width: 100%;\n background: var(--accent);\n color: #ffffff;\n border: 0;\n border-radius: 999px;\n padding: 14px 28px;\n font: inherit;\n font-family: var(--sans);\n font-size: 15px;\n font-weight: 600;\n letter-spacing: 0.02em;\n cursor: pointer;\n margin-top: 6px;\n box-shadow: 0 12px 24px -12px rgba(201, 36, 27, 0.45);\n transition: background-color 0.2s ease, transform 0.2s ease;\n }\n\n #am-reserve button[type=\"submit\"]:hover {\n background: var(--accent-hover);\n transform: translateY(-1px);\n }\n\n #am-reserve button[type=\"submit\"]:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n\n #am-reserve .form-note {\n margin: 0;\n font-size: 11px;\n line-height: 1.45;\n color: var(--dim);\n text-align: center;\n }\n\n #am-reserve .am-success {\n display: none;\n width: 100%;\n min-width: 0;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 32px;\n box-shadow: 0 10px 28px -16px rgba(40, 28, 18, 0.18);\n }\n\n #am-reserve .am-success h3 {\n font-family: var(--mono);\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 1.2;\n margin: 0 0 12px;\n color: var(--text);\n }\n\n #am-reserve .am-success p {\n margin: 0;\n font-size: 14px;\n line-height: 1.65;\n color: var(--muted);\n }\n\n #am-reserve .am-success strong { color: var(--accent); }\n\n @media (max-width: 1024px) {\n #am-reserve { padding: 72px 24px; }\n #am-reserve .am-grid { max-width: 860px; grid-template-columns: 1fr; gap: 42px; }\n #am-reserve .lede { max-width: 680px; }\n }\n\n @media (max-width: 760px) {\n #am-reserve { padding: 52px 16px; }\n #am-reserve .am-grid { max-width: 100%; grid-template-columns: 1fr; gap: 34px; }\n #am-reserve h2 { font-size: 1.85rem; }\n #am-reserve form, #am-reserve .am-success { padding: 22px; border-radius: 12px; }\n #am-reserve .row { grid-template-columns: 1fr; gap: 14px; }\n #am-reserve input, #am-reserve select, #am-reserve textarea { font-size: 16px; }\n #am-reserve button[type=\"submit\"] { padding: 15px 22px; font-size: 15px; }\n }\n\n @media (max-width: 420px) {\n #am-reserve { padding: 44px 14px; }\n #am-reserve h2 { font-size: 1.65rem; }\n #am-reserve form, #am-reserve .am-success { padding: 18px; }\n #am-reserve .eyebrow { font-size: 11px; letter-spacing: 0.2em; }\n }\n <\/style>\n\n <div class=\"am-grid\">\n <div class=\"am-info\">\n <span class=\"eyebrow\">Reservierung<\/span>\n <h2>Sichern Sie sich Ihren Tisch.<\/h2>\n <p class=\"lede\">\n Wir freuen uns auf Ihren Besuch. Reservierungen sind besonders am Wochenende empfehlenswert.\n Gr\u00f6\u00dfere Gruppen bitte direkt telefonisch anfragen.\n <\/p>\n <ul class=\"meta\">\n <li>\n <span class=\"meta-label\">\u00d6ffnungszeiten<\/span>\n <span>Mo\u2013Fr \u00b7 16:00 \u2013 22:00<\/span>\n <span>Samstag \u00b7 12:00 \u2013 22:00<\/span>\n <span>Sonntag \u00b7 12:00 \u2013 22:00<\/span>\n <span class=\"kitchen-note\">Achtung: Warme K\u00fcche nur bis 21:00 Uhr.<\/span>\n <\/li>\n <li>\n <span class=\"meta-label\">Telefon<\/span>\n <a href=\"tel:+4962211234567\">+49 (0) 6221 \/ 12 34 567<\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n <div>\n <form id=\"am-form\" action=\"\/reserve.php\" method=\"POST\">\n\n <!-- Honeypot \u2014 hidden from real users, bots fill it in -->\n <input type=\"text\" name=\"_honey\" tabindex=\"-1\" autocomplete=\"off\" style=\"display:none\">\n <!-- Hidden fields for math captcha answer -->\n <input type=\"hidden\" name=\"_captcha_answer\" id=\"am-captcha-answer\">\n <input type=\"hidden\" name=\"_captcha_input\" id=\"am-captcha-input-hidden\">\n\n <div class=\"row\">\n <label>\n <span>Name<\/span>\n <input type=\"text\" name=\"Name\" required placeholder=\"Max Mustermann\">\n <\/label>\n <label>\n <span>E-Mail<\/span>\n <input type=\"email\" name=\"E-Mail\" required placeholder=\"max@example.com\">\n <\/label>\n <\/div>\n\n <div class=\"row\">\n <label>\n <span>Telefon<\/span>\n <input type=\"tel\" name=\"Telefon\" placeholder=\"+49\">\n <\/label>\n <label>\n <span>Personen<\/span>\n <select name=\"Personen\" required>\n <option value=\"1\">1 Person<\/option>\n <option value=\"2\" selected>2 Personen<\/option>\n <option value=\"3\">3 Personen<\/option>\n <option value=\"4\">4 Personen<\/option>\n <option value=\"5\">5 Personen<\/option>\n <option value=\"6\">6 Personen<\/option>\n <option value=\"7\">7 Personen<\/option>\n <option value=\"8\">8 Personen<\/option>\n <option value=\"9+\">9+ Personen \u2014 wir melden uns zur R\u00fccksprache<\/option>\n <\/select>\n <\/label>\n <\/div>\n\n <div class=\"row\">\n <label>\n <span>Datum<\/span>\n <input type=\"date\" name=\"Datum\" required>\n <\/label>\n <label>\n <span>Uhrzeit<\/span>\n <input type=\"time\" name=\"Uhrzeit\" min=\"12:00\" max=\"22:00\" step=\"900\" required value=\"19:00\">\n <\/label>\n <\/div>\n\n <label class=\"full\">\n <span>Anmerkungen (optional)<\/span>\n <textarea name=\"Anmerkungen\" rows=\"3\" placeholder=\"Besondere W\u00fcnsche, Kinderstuhl, Allergien usw.\"><\/textarea>\n <\/label>\n\n <!-- Math Captcha -->\n <div>\n <div class=\"captcha-row\">\n <span class=\"captcha-question\" id=\"am-captcha-q\">Wird geladen...<\/span>\n <input type=\"number\" id=\"am-captcha-input\" class=\"captcha-input\" placeholder=\"?\" required autocomplete=\"off\">\n <span class=\"captcha-hint\">Bitte l\u00f6sen Sie diese Aufgabe<\/span>\n <\/div>\n <div class=\"captcha-error\" id=\"am-captcha-error\">\n \u2717 Falsche Antwort \u2014 bitte versuchen Sie es erneut.\n <\/div>\n <\/div>\n\n <button type=\"submit\">Reservierung anfragen<\/button>\n\n <p class=\"form-note\">\n Ihre Reservierung ist erst nach unserer Best\u00e4tigung verbindlich. Wir melden uns so schnell wie m\u00f6glich per E-Mail.\n <\/p>\n <\/form>\n\n <div class=\"am-success\" aria-live=\"polite\">\n <h3>Vielen Dank f\u00fcr Ihre Reservierungsanfrage.<\/h3>\n <p>\n Wir haben Ihre Anfrage erhalten und melden uns so schnell wie m\u00f6glich mit einer Best\u00e4tigung bei Ihnen.\n <br><br>\n <strong>Bitte beachten Sie:<\/strong> Ihre Reservierung ist erst nach unserer Best\u00e4tigung verbindlich.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function () {\n var reserveSection = document.getElementById('am-reserve');\n if (!reserveSection) return;\n\n \/\/ \u2500\u2500 Math captcha setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n var num1, num2, correctAnswer;\n\n function generateCaptcha() {\n num1 = Math.floor(Math.random() * 9) + 1;\n num2 = Math.floor(Math.random() * 9) + 1;\n correctAnswer = num1 + num2;\n document.getElementById('am-captcha-q').textContent = 'Was ist ' + num1 + ' + ' + num2 + ' ?';\n document.getElementById('am-captcha-input').value = '';\n document.getElementById('am-captcha-answer').value = correctAnswer;\n document.getElementById('am-captcha-error').style.display = 'none';\n }\n\n generateCaptcha();\n\n \/\/ \u2500\u2500 Date setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n var dateInput = reserveSection.querySelector('input[type=\"date\"]');\n if (dateInput) {\n var minDate = new Date().toISOString().split('T')[0];\n dateInput.min = minDate;\n if (!dateInput.value) dateInput.value = minDate;\n }\n\n \/\/ \u2500\u2500 Form submit \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n var form = reserveSection.querySelector('#am-form');\n var successBox = reserveSection.querySelector('.am-success');\n var submitBtn = reserveSection.querySelector('button[type=\"submit\"]');\n var captchaErr = document.getElementById('am-captcha-error');\n if (!form || !successBox) return;\n\n form.addEventListener('submit', function (e) {\n e.preventDefault();\n\n \/\/ Copy captcha answer to hidden field for server validation\n document.getElementById('am-captcha-input-hidden').value = document.getElementById('am-captcha-input').value;\n\n \/\/ Validate captcha client-side first\n var userAnswer = parseInt(document.getElementById('am-captcha-input').value, 10);\n if (userAnswer !== correctAnswer) {\n captchaErr.style.display = 'block';\n document.getElementById('am-captcha-input').focus();\n generateCaptcha(); \/\/ regenerate so they can't just resubmit\n return;\n }\n\n captchaErr.style.display = 'none';\n\n if (submitBtn) {\n submitBtn.disabled = true;\n submitBtn.textContent = 'Wird gesendet...';\n }\n\n fetch(form.action, {\n method: 'POST',\n body: new FormData(form),\n headers: { 'Accept': 'application\/json' }\n })\n .then(function (res) {\n if (res.ok) {\n form.style.display = 'none';\n successBox.style.display = 'block';\n successBox.scrollIntoView({ behavior: 'smooth', block: 'center' });\n form.reset();\n generateCaptcha();\n } else {\n throw new Error('failed');\n }\n })\n .catch(function () {\n alert('Leider konnte die Anfrage nicht gesendet werden. Bitte versuchen Sie es erneut oder kontaktieren Sie uns telefonisch.');\n if (submitBtn) {\n submitBtn.disabled = false;\n submitBtn.textContent = 'Reservierung anfragen';\n }\n generateCaptcha();\n });\n });\n })();\n <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tangerine Lane \u2013 Pre-Launch Marketing | ENKREO Tangerine Lane Industry Fashion Retail Services Provided Social MediaSales & MarketingContent ProductionMeta Ads Description Tangerine Lane is Trivandrum’s first multi-brand fashion store, bringing together homegrown apparel and cosmetics labels under one roof. Enkreo was brought in to build the brand’s digital presence from scratch ahead of its physical […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heidelbergerschnitzelhaus.de\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heidelbergerschnitzelhaus.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heidelbergerschnitzelhaus.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heidelbergerschnitzelhaus.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heidelbergerschnitzelhaus.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":15,"href":"https:\/\/heidelbergerschnitzelhaus.de\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":1998,"href":"https:\/\/heidelbergerschnitzelhaus.de\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/1998"}],"wp:attachment":[{"href":"https:\/\/heidelbergerschnitzelhaus.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}