Enquiry \u2014 Hanny's Cakes<\/title>\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=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Mrs+Saint+Delafield&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body style=\"margin:0;\">\r\n\r\n<div class=\"hh-page\">\r\n<style>\r\n .hh-page{\r\n --hh-white:#FFFFFF;\r\n --hh-cream:#FFFDFB;\r\n --hh-pink-mist:#FCEEF2;\r\n --hh-pink-soft:#F5D6E0;\r\n --hh-pink:#E9AFC4;\r\n --hh-pink-deep:#C77E98;\r\n --hh-rose-btn:#B96A85;\r\n --hh-gold:#C9A227;\r\n --hh-gold-soft:#E4C878;\r\n --hh-ink:#2B2027;\r\n --hh-ink-soft:#7A6B72;\r\n --hh-line:rgba(43,32,39,.10);\r\n font-family:'Inter',sans-serif;\r\n color:var(--hh-ink);\r\n background:var(--hh-white);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n .hh-page *,.hh-page *::before,.hh-page *::after{ box-sizing:border-box; }\r\n .hh-page h1,.hh-page h2,.hh-page h3,.hh-page p,.hh-page ul{ margin:0; padding:0; }\r\n .hh-page a{ text-decoration:none; color:inherit; }\r\n .hh-page ul{ list-style:none; }\r\n .hh-page img{ max-width:100%; display:block; }\r\n .hh-page button{ font-family:inherit; }\r\n .hh-page svg{ display:block; }\r\n .hh-ic{ width:20px;height:20px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .hh-page *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }\r\n }\r\n\r\n \/* ===== shared layout ===== *\/\r\n .hh-section{ padding:100px 40px; position:relative; }\r\n .hh-wrap{ max-width:1180px; margin:0 auto; }\r\n .hh-wrap--narrow{ max-width:720px; margin:0 auto; }\r\n .hh-center{ text-align:center; }\r\n\r\n .hh-eyebrow{\r\n display:inline-flex; align-items:center; gap:10px;\r\n font-size:11.5px; font-weight:700; letter-spacing:.22em; text-transform:uppercase;\r\n color:var(--hh-pink-deep);\r\n }\r\n .hh-eyebrow::before{ content:\"\"; width:20px; height:1px; background:var(--hh-gold); }\r\n\r\n .hh-h2{\r\n font-family:'Fraunces',serif; font-weight:400; font-style:normal;\r\n font-size:clamp(28px,3.2vw,40px); line-height:1.18; letter-spacing:-.01em;\r\n margin-top:16px; color:var(--hh-ink);\r\n }\r\n .hh-h2 em{ font-style:italic; color:var(--hh-pink-deep); font-weight:400; }\r\n .hh-lede{ font-size:15.5px; line-height:1.8; color:var(--hh-ink-soft); margin-top:16px; max-width:480px; }\r\n .hh-center .hh-lede{ margin-left:auto; margin-right:auto; }\r\n\r\n \/* ===== buttons ===== *\/\r\n .hh-btn{\r\n position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:16px 30px;\r\n font-weight:700; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; border-radius:3px;\r\n transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease;\r\n cursor:pointer; border:1px solid transparent; white-space:nowrap;\r\n }\r\n .hh-btn .hh-ic{ width:15px;height:15px; transition:transform .3s ease; }\r\n .hh-btn--primary{\r\n background:linear-gradient(135deg, var(--hh-pink-deep) 0%, var(--hh-rose-btn) 100%);\r\n color:var(--hh-white);\r\n box-shadow:0 12px 24px -12px rgba(185,106,133,.65);\r\n }\r\n .hh-btn--primary::after{\r\n content:\"\"; position:absolute; top:0; left:-60%; width:40%; height:100%;\r\n background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent);\r\n transform:skewX(-20deg); transition:left .7s ease;\r\n }\r\n .hh-btn--primary:hover{ transform:translateY(-3px); box-shadow:0 16px 28px -10px rgba(185,106,133,.7); }\r\n .hh-btn--primary:hover::after{ left:130%; }\r\n .hh-btn--primary:hover .hh-ic{ transform:translateX(3px); }\r\n .hh-btn--primary:disabled{ cursor:default; transform:none !important; }\r\n\r\n \/* ===== scroll-reveal (JS-optional, safe by default) ===== *\/\r\n .hh-observe{ opacity:1; transform:none; }\r\n html.js-anim .hh-observe{\r\n opacity:0; transform:translateY(26px);\r\n transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);\r\n }\r\n html.js-anim .hh-observe.in-view{ opacity:1; transform:translateY(0); }\r\n html.js-anim .hh-stagger > *{ transition-delay:calc(var(--i,0) * 70ms); }\r\n\r\n \/* ============================================================\r\n 1. INTRO\r\n ============================================================ *\/\r\n .hh-enq-intro{ background:var(--hh-cream); padding-top:140px; text-align:center; }\r\n\r\n \/* ============================================================\r\n 2. ENQUIRY FORM\r\n ============================================================ *\/\r\n .hh-enq-section{ background:var(--hh-pink-mist); }\r\n .hh-enq-card{\r\n max-width:760px; margin:0 auto; background:var(--hh-white); border:1px solid var(--hh-line);\r\n border-radius:6px; padding:52px; box-shadow:0 30px 60px -34px rgba(43,32,39,.18);\r\n }\r\n\r\n .hh-field-row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }\r\n\r\n .hh-field{ position:relative; margin-top:22px; }\r\n .hh-field--select{ margin-top:26px; }\r\n .hh-field input,\r\n .hh-field select,\r\n .hh-field textarea{\r\n width:100%; padding:19px 16px 9px; font-family:inherit; font-size:14px; color:var(--hh-ink);\r\n background:var(--hh-cream); border:1px solid var(--hh-line); border-radius:3px; outline:none;\r\n transition:border-color .25s ease, box-shadow .25s ease; appearance:none;\r\n }\r\n .hh-field textarea{ min-height:130px; resize:vertical; padding-top:24px; line-height:1.6; }\r\n .hh-field select{ cursor:pointer; }\r\n\r\n .hh-field input:focus,\r\n .hh-field select:focus,\r\n .hh-field textarea:focus{\r\n border-color:var(--hh-gold); box-shadow:0 0 0 3px rgba(201,162,39,.14);\r\n }\r\n\r\n .hh-field label{\r\n position:absolute; left:16px; top:19px; font-size:14px; color:var(--hh-ink-soft); pointer-events:none;\r\n transition:transform .2s cubic-bezier(.2,.8,.2,1), top .2s cubic-bezier(.2,.8,.2,1), font-size .2s ease, letter-spacing .2s ease, color .2s ease;\r\n }\r\n .hh-field--select label{\r\n position:static; display:block; margin-bottom:8px; font-size:10.5px; font-weight:700;\r\n letter-spacing:.1em; text-transform:uppercase; color:var(--hh-ink-soft);\r\n }\r\n\r\n .hh-field input:focus + label,\r\n .hh-field input:not(:placeholder-shown) + label,\r\n .hh-field textarea:focus + label,\r\n .hh-field textarea:not(:placeholder-shown) + label{\r\n top:7px; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--hh-pink-deep);\r\n }\r\n\r\n .hh-select-chevron{ position:absolute; right:16px; top:38px; color:var(--hh-ink-soft); pointer-events:none; }\r\n .hh-select-chevron .hh-ic{ width:14px; height:14px; }\r\n\r\n .hh-field-note{ margin-top:8px; font-size:11.5px; color:var(--hh-ink-soft); }\r\n\r\n .hh-enq-submit-row{ margin-top:36px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; }\r\n .hh-enq-submit-row .hh-lede{ margin-top:0; font-size:12.5px; }\r\n\r\n \/* submit button loading spinner *\/\r\n .hh-btn--submit .hh-btn-label,\r\n .hh-btn--submit .hh-btn-spinner{ transition:opacity .25s ease; }\r\n .hh-btn--submit .hh-btn-spinner{\r\n display:none; width:15px; height:15px; border-radius:50%;\r\n border:2px solid rgba(255,255,255,.4); border-top-color:#fff;\r\n }\r\n .hh-btn--submit.is-loading .hh-btn-label{ display:none; }\r\n .hh-btn--submit.is-loading .hh-btn-spinner{ display:block; animation:hh-spin .7s linear infinite; }\r\n @keyframes hh-spin{ to{ transform:rotate(360deg); } }\r\n\r\n \/* form <-> success swap *\/\r\n .hh-enq-form{ transition:opacity .4s ease, transform .4s ease; }\r\n .hh-enq-form.is-hidden{ display:none; }\r\n .hh-enq-success{ display:none; text-align:center; padding:20px 0; }\r\n .hh-enq-success.is-visible{ display:block; }\r\n .hh-enq-success-ic{\r\n width:64px; height:64px; border-radius:50%; margin:0 auto; display:flex; align-items:center; justify-content:center;\r\n background:var(--hh-pink-mist); border:1px solid var(--hh-gold); color:var(--hh-pink-deep);\r\n opacity:0; transform:scale(.6);\r\n }\r\n .hh-enq-success.is-visible .hh-enq-success-ic{\r\n animation:hh-pop .55s cubic-bezier(.2,.8,.2,1) forwards;\r\n }\r\n @keyframes hh-pop{\r\n 0%{ opacity:0; transform:scale(.5); }\r\n 60%{ opacity:1; transform:scale(1.08); }\r\n 100%{ opacity:1; transform:scale(1); }\r\n }\r\n .hh-enq-success-ic .hh-ic{ width:28px; height:28px; }\r\n .hh-enq-success-ic .hh-ic path{\r\n stroke-dasharray:24; stroke-dashoffset:24;\r\n animation:hh-draw .4s ease forwards .35s;\r\n }\r\n @keyframes hh-draw{ to{ stroke-dashoffset:0; } }\r\n .hh-enq-success h3{\r\n font-family:'Fraunces',serif; font-weight:400; font-size:24px; margin-top:20px;\r\n opacity:0; transform:translateY(8px);\r\n }\r\n .hh-enq-success p{\r\n font-size:14px; color:var(--hh-ink-soft); line-height:1.7; margin-top:10px; max-width:380px; margin-left:auto; margin-right:auto;\r\n opacity:0; transform:translateY(8px);\r\n }\r\n .hh-enq-success.is-visible h3{ animation:hh-rise .5s ease forwards .3s; }\r\n .hh-enq-success.is-visible p{ animation:hh-rise .5s ease forwards .4s; }\r\n @keyframes hh-rise{ to{ opacity:1; transform:translateY(0); } }\r\n\r\n \/* ============ responsive ============ *\/\r\n @media (max-width:640px){\r\n .hh-section{ padding:70px 22px; }\r\n .hh-enq-intro{ padding-top:96px; }\r\n .hh-enq-card{ padding:32px 22px; }\r\n .hh-field-row{ grid-template-columns:1fr; gap:0; }\r\n }\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<section id=\"hh-enq-intro\" class=\"hh-section hh-enq-intro\">\r\n <div class=\"hh-wrap--narrow hh-observe\">\r\n <span class=\"hh-eyebrow\">Request a Quote<\/span>\r\n <h2 class=\"hh-h2\">Tell us about your <em>occasion.<\/em><\/h2>\r\n <p class=\"hh-lede\" style=\"margin-left:auto;margin-right:auto;\">The more detail you give us, the more accurate your quote \u2014 flavour, size, colours, and inspiration photos all help. We'll come back to you within 48 hours.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section id=\"hh-enq-form-section\" class=\"hh-section hh-enq-section\">\r\n <div class=\"hh-wrap--narrow\">\r\n <div class=\"hh-enq-card hh-observe\">\r\n\r\n \r\n <form class=\"hh-enq-form\" id=\"hh-enq-form\" novalidate>\r\n\r\n <div class=\"hh-field-row\">\r\n <div class=\"hh-field\">\r\n <input type=\"text\" id=\"full_name\" name=\"full_name\" placeholder=\" \" required>\r\n <label for=\"full_name\">Full Name<\/label>\r\n <\/div>\r\n <div class=\"hh-field\">\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\" \" required>\r\n <label for=\"email\">Email Address<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hh-field-row\">\r\n <div class=\"hh-field\">\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\" \">\r\n <label for=\"phone\">Phone Number<\/label>\r\n <\/div>\r\n <div class=\"hh-field hh-field--select\">\r\n <label for=\"occasion\">Occasion<\/label>\r\n <select id=\"occasion\" name=\"occasion\" required>\r\n <option value=\"\" disabled selected hidden><\/option>\r\n <option value=\"Birthday\">Birthday<\/option>\r\n <option value=\"Wedding\">Wedding<\/option>\r\n <option value=\"Cupcakes & Favours\">Cupcakes & Favours<\/option>\r\n <option value=\"Other\">Other<\/option>\r\n <\/select>\r\n <span class=\"hh-select-chevron\"><svg class=\"hh-ic\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hh-field-row\">\r\n <div class=\"hh-field\">\r\n <input type=\"date\" id=\"event_date\" name=\"event_date\" placeholder=\" \">\r\n <label for=\"event_date\">Event Date<\/label>\r\n <\/div>\r\n <div class=\"hh-field\">\r\n <input type=\"number\" min=\"1\" id=\"guest_count\" name=\"guest_count\" placeholder=\" \">\r\n <label for=\"guest_count\">Estimated Guest Count<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hh-field\">\r\n <textarea id=\"message\" name=\"message\" placeholder=\" \" required><\/textarea>\r\n <label for=\"message\">Tell us about your cake \u2014 flavours, colours, inspiration<\/label>\r\n <\/div>\r\n <p class=\"hh-field-note\">Have inspiration photos? Just reply to our confirmation email with them attached once you've submitted.<\/p>\r\n\r\n <div class=\"hh-enq-submit-row\">\r\n <button type=\"submit\" class=\"hh-btn hh-btn--primary hh-btn--submit\" id=\"hh-enq-submit\">\r\n <span class=\"hh-btn-label\">Send Enquiry<\/span>\r\n <span class=\"hh-btn-spinner\"><\/span>\r\n <\/button>\r\n <span class=\"hh-lede\">We reply within 48 hours.<\/span>\r\n <\/div>\r\n <\/form>\r\n\r\n <div class=\"hh-enq-success\" id=\"hh-enq-success\">\r\n <div class=\"hh-enq-success-ic\">\r\n <svg class=\"hh-ic\" viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n <\/div>\r\n <h3>Thank you \u2014 got it!<\/h3>\r\n <p>Your enquiry is on its way to Hanny. We'll be in touch within 48 hours with a personalised quote.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n \/* ---------- scroll-reveal (safe: page works with JS off) ---------- *\/\r\n document.documentElement.classList.add('js-anim');\r\n var targets = document.querySelectorAll('.hh-observe');\r\n if('IntersectionObserver' in window){\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('in-view'); io.unobserve(e.target); }\r\n });\r\n }, { threshold:.14, rootMargin:'0px 0px -6% 0px' });\r\n targets.forEach(function(t){ io.observe(t); });\r\n } else {\r\n targets.forEach(function(t){ t.classList.add('in-view'); });\r\n }\r\n\r\n \/* ---------- demo submit animation only \u2014 does NOT send email ---------- *\/\r\n var form = document.getElementById('hh-enq-form');\r\n var submitBtn = document.getElementById('hh-enq-submit');\r\n var success = document.getElementById('hh-enq-success');\r\n if(!form) return;\r\n\r\n form.addEventListener('submit', function(e){\r\n e.preventDefault(); \/\/ remove this line once wired to a real submit handler\r\n if(!form.checkValidity()){ form.reportValidity(); return; }\r\n\r\n submitBtn.classList.add('is-loading');\r\n submitBtn.disabled = true;\r\n\r\n setTimeout(function(){\r\n form.classList.add('is-hidden');\r\n success.classList.add('is-visible');\r\n }, 900);\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Enquiry \u2014 Hanny’s Cakes Request a Quote Tell us about your occasion. The more detail you give us, the more […]<\/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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=52"}],"version-history":[{"count":4,"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nEnquiry \u2014 Hanny's Cakes<\/title>\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=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Mrs+Saint+Delafield&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body style=\"margin:0;\">\r\n\r\n<div class=\"hh-page\">\r\n<style>\r\n .hh-page{\r\n --hh-white:#FFFFFF;\r\n --hh-cream:#FFFDFB;\r\n --hh-pink-mist:#FCEEF2;\r\n --hh-pink-soft:#F5D6E0;\r\n --hh-pink:#E9AFC4;\r\n --hh-pink-deep:#C77E98;\r\n --hh-rose-btn:#B96A85;\r\n --hh-gold:#C9A227;\r\n --hh-gold-soft:#E4C878;\r\n --hh-ink:#2B2027;\r\n --hh-ink-soft:#7A6B72;\r\n --hh-line:rgba(43,32,39,.10);\r\n font-family:'Inter',sans-serif;\r\n color:var(--hh-ink);\r\n background:var(--hh-white);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n .hh-page *,.hh-page *::before,.hh-page *::after{ box-sizing:border-box; }\r\n .hh-page h1,.hh-page h2,.hh-page h3,.hh-page p,.hh-page ul{ margin:0; padding:0; }\r\n .hh-page a{ text-decoration:none; color:inherit; }\r\n .hh-page ul{ list-style:none; }\r\n .hh-page img{ max-width:100%; display:block; }\r\n .hh-page button{ font-family:inherit; }\r\n .hh-page svg{ display:block; }\r\n .hh-ic{ width:20px;height:20px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .hh-page *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }\r\n }\r\n\r\n \/* ===== shared layout ===== *\/\r\n .hh-section{ padding:100px 40px; position:relative; }\r\n .hh-wrap{ max-width:1180px; margin:0 auto; }\r\n .hh-wrap--narrow{ max-width:720px; margin:0 auto; }\r\n .hh-center{ text-align:center; }\r\n\r\n .hh-eyebrow{\r\n display:inline-flex; align-items:center; gap:10px;\r\n font-size:11.5px; font-weight:700; letter-spacing:.22em; text-transform:uppercase;\r\n color:var(--hh-pink-deep);\r\n }\r\n .hh-eyebrow::before{ content:\"\"; width:20px; height:1px; background:var(--hh-gold); }\r\n\r\n .hh-h2{\r\n font-family:'Fraunces',serif; font-weight:400; font-style:normal;\r\n font-size:clamp(28px,3.2vw,40px); line-height:1.18; letter-spacing:-.01em;\r\n margin-top:16px; color:var(--hh-ink);\r\n }\r\n .hh-h2 em{ font-style:italic; color:var(--hh-pink-deep); font-weight:400; }\r\n .hh-lede{ font-size:15.5px; line-height:1.8; color:var(--hh-ink-soft); margin-top:16px; max-width:480px; }\r\n .hh-center .hh-lede{ margin-left:auto; margin-right:auto; }\r\n\r\n \/* ===== buttons ===== *\/\r\n .hh-btn{\r\n position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:16px 30px;\r\n font-weight:700; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; border-radius:3px;\r\n transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease;\r\n cursor:pointer; border:1px solid transparent; white-space:nowrap;\r\n }\r\n .hh-btn .hh-ic{ width:15px;height:15px; transition:transform .3s ease; }\r\n .hh-btn--primary{\r\n background:linear-gradient(135deg, var(--hh-pink-deep) 0%, var(--hh-rose-btn) 100%);\r\n color:var(--hh-white);\r\n box-shadow:0 12px 24px -12px rgba(185,106,133,.65);\r\n }\r\n .hh-btn--primary::after{\r\n content:\"\"; position:absolute; top:0; left:-60%; width:40%; height:100%;\r\n background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent);\r\n transform:skewX(-20deg); transition:left .7s ease;\r\n }\r\n .hh-btn--primary:hover{ transform:translateY(-3px); box-shadow:0 16px 28px -10px rgba(185,106,133,.7); }\r\n .hh-btn--primary:hover::after{ left:130%; }\r\n .hh-btn--primary:hover .hh-ic{ transform:translateX(3px); }\r\n .hh-btn--primary:disabled{ cursor:default; transform:none !important; }\r\n\r\n \/* ===== scroll-reveal (JS-optional, safe by default) ===== *\/\r\n .hh-observe{ opacity:1; transform:none; }\r\n html.js-anim .hh-observe{\r\n opacity:0; transform:translateY(26px);\r\n transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);\r\n }\r\n html.js-anim .hh-observe.in-view{ opacity:1; transform:translateY(0); }\r\n html.js-anim .hh-stagger > *{ transition-delay:calc(var(--i,0) * 70ms); }\r\n\r\n \/* ============================================================\r\n 1. INTRO\r\n ============================================================ *\/\r\n .hh-enq-intro{ background:var(--hh-cream); padding-top:140px; text-align:center; }\r\n\r\n \/* ============================================================\r\n 2. ENQUIRY FORM\r\n ============================================================ *\/\r\n .hh-enq-section{ background:var(--hh-pink-mist); }\r\n .hh-enq-card{\r\n max-width:760px; margin:0 auto; background:var(--hh-white); border:1px solid var(--hh-line);\r\n border-radius:6px; padding:52px; box-shadow:0 30px 60px -34px rgba(43,32,39,.18);\r\n }\r\n\r\n .hh-field-row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }\r\n\r\n .hh-field{ position:relative; margin-top:22px; }\r\n .hh-field--select{ margin-top:26px; }\r\n .hh-field input,\r\n .hh-field select,\r\n .hh-field textarea{\r\n width:100%; padding:19px 16px 9px; font-family:inherit; font-size:14px; color:var(--hh-ink);\r\n background:var(--hh-cream); border:1px solid var(--hh-line); border-radius:3px; outline:none;\r\n transition:border-color .25s ease, box-shadow .25s ease; appearance:none;\r\n }\r\n .hh-field textarea{ min-height:130px; resize:vertical; padding-top:24px; line-height:1.6; }\r\n .hh-field select{ cursor:pointer; }\r\n\r\n .hh-field input:focus,\r\n .hh-field select:focus,\r\n .hh-field textarea:focus{\r\n border-color:var(--hh-gold); box-shadow:0 0 0 3px rgba(201,162,39,.14);\r\n }\r\n\r\n .hh-field label{\r\n position:absolute; left:16px; top:19px; font-size:14px; color:var(--hh-ink-soft); pointer-events:none;\r\n transition:transform .2s cubic-bezier(.2,.8,.2,1), top .2s cubic-bezier(.2,.8,.2,1), font-size .2s ease, letter-spacing .2s ease, color .2s ease;\r\n }\r\n .hh-field--select label{\r\n position:static; display:block; margin-bottom:8px; font-size:10.5px; font-weight:700;\r\n letter-spacing:.1em; text-transform:uppercase; color:var(--hh-ink-soft);\r\n }\r\n\r\n .hh-field input:focus + label,\r\n .hh-field input:not(:placeholder-shown) + label,\r\n .hh-field textarea:focus + label,\r\n .hh-field textarea:not(:placeholder-shown) + label{\r\n top:7px; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--hh-pink-deep);\r\n }\r\n\r\n .hh-select-chevron{ position:absolute; right:16px; top:38px; color:var(--hh-ink-soft); pointer-events:none; }\r\n .hh-select-chevron .hh-ic{ width:14px; height:14px; }\r\n\r\n .hh-field-note{ margin-top:8px; font-size:11.5px; color:var(--hh-ink-soft); }\r\n\r\n .hh-enq-submit-row{ margin-top:36px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; }\r\n .hh-enq-submit-row .hh-lede{ margin-top:0; font-size:12.5px; }\r\n\r\n \/* submit button loading spinner *\/\r\n .hh-btn--submit .hh-btn-label,\r\n .hh-btn--submit .hh-btn-spinner{ transition:opacity .25s ease; }\r\n .hh-btn--submit .hh-btn-spinner{\r\n display:none; width:15px; height:15px; border-radius:50%;\r\n border:2px solid rgba(255,255,255,.4); border-top-color:#fff;\r\n }\r\n .hh-btn--submit.is-loading .hh-btn-label{ display:none; }\r\n .hh-btn--submit.is-loading .hh-btn-spinner{ display:block; animation:hh-spin .7s linear infinite; }\r\n @keyframes hh-spin{ to{ transform:rotate(360deg); } }\r\n\r\n \/* form <-> success swap *\/\r\n .hh-enq-form{ transition:opacity .4s ease, transform .4s ease; }\r\n .hh-enq-form.is-hidden{ display:none; }\r\n .hh-enq-success{ display:none; text-align:center; padding:20px 0; }\r\n .hh-enq-success.is-visible{ display:block; }\r\n .hh-enq-success-ic{\r\n width:64px; height:64px; border-radius:50%; margin:0 auto; display:flex; align-items:center; justify-content:center;\r\n background:var(--hh-pink-mist); border:1px solid var(--hh-gold); color:var(--hh-pink-deep);\r\n opacity:0; transform:scale(.6);\r\n }\r\n .hh-enq-success.is-visible .hh-enq-success-ic{\r\n animation:hh-pop .55s cubic-bezier(.2,.8,.2,1) forwards;\r\n }\r\n @keyframes hh-pop{\r\n 0%{ opacity:0; transform:scale(.5); }\r\n 60%{ opacity:1; transform:scale(1.08); }\r\n 100%{ opacity:1; transform:scale(1); }\r\n }\r\n .hh-enq-success-ic .hh-ic{ width:28px; height:28px; }\r\n .hh-enq-success-ic .hh-ic path{\r\n stroke-dasharray:24; stroke-dashoffset:24;\r\n animation:hh-draw .4s ease forwards .35s;\r\n }\r\n @keyframes hh-draw{ to{ stroke-dashoffset:0; } }\r\n .hh-enq-success h3{\r\n font-family:'Fraunces',serif; font-weight:400; font-size:24px; margin-top:20px;\r\n opacity:0; transform:translateY(8px);\r\n }\r\n .hh-enq-success p{\r\n font-size:14px; color:var(--hh-ink-soft); line-height:1.7; margin-top:10px; max-width:380px; margin-left:auto; margin-right:auto;\r\n opacity:0; transform:translateY(8px);\r\n }\r\n .hh-enq-success.is-visible h3{ animation:hh-rise .5s ease forwards .3s; }\r\n .hh-enq-success.is-visible p{ animation:hh-rise .5s ease forwards .4s; }\r\n @keyframes hh-rise{ to{ opacity:1; transform:translateY(0); } }\r\n\r\n \/* ============ responsive ============ *\/\r\n @media (max-width:640px){\r\n .hh-section{ padding:70px 22px; }\r\n .hh-enq-intro{ padding-top:96px; }\r\n .hh-enq-card{ padding:32px 22px; }\r\n .hh-field-row{ grid-template-columns:1fr; gap:0; }\r\n }\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<section id=\"hh-enq-intro\" class=\"hh-section hh-enq-intro\">\r\n <div class=\"hh-wrap--narrow hh-observe\">\r\n <span class=\"hh-eyebrow\">Request a Quote<\/span>\r\n <h2 class=\"hh-h2\">Tell us about your <em>occasion.<\/em><\/h2>\r\n <p class=\"hh-lede\" style=\"margin-left:auto;margin-right:auto;\">The more detail you give us, the more accurate your quote \u2014 flavour, size, colours, and inspiration photos all help. We'll come back to you within 48 hours.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section id=\"hh-enq-form-section\" class=\"hh-section hh-enq-section\">\r\n <div class=\"hh-wrap--narrow\">\r\n <div class=\"hh-enq-card hh-observe\">\r\n\r\n \r\n <form class=\"hh-enq-form\" id=\"hh-enq-form\" novalidate>\r\n\r\n <div class=\"hh-field-row\">\r\n <div class=\"hh-field\">\r\n <input type=\"text\" id=\"full_name\" name=\"full_name\" placeholder=\" \" required>\r\n <label for=\"full_name\">Full Name<\/label>\r\n <\/div>\r\n <div class=\"hh-field\">\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\" \" required>\r\n <label for=\"email\">Email Address<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hh-field-row\">\r\n <div class=\"hh-field\">\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\" \">\r\n <label for=\"phone\">Phone Number<\/label>\r\n <\/div>\r\n <div class=\"hh-field hh-field--select\">\r\n <label for=\"occasion\">Occasion<\/label>\r\n <select id=\"occasion\" name=\"occasion\" required>\r\n <option value=\"\" disabled selected hidden><\/option>\r\n <option value=\"Birthday\">Birthday<\/option>\r\n <option value=\"Wedding\">Wedding<\/option>\r\n <option value=\"Cupcakes & Favours\">Cupcakes & Favours<\/option>\r\n <option value=\"Other\">Other<\/option>\r\n <\/select>\r\n <span class=\"hh-select-chevron\"><svg class=\"hh-ic\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hh-field-row\">\r\n <div class=\"hh-field\">\r\n <input type=\"date\" id=\"event_date\" name=\"event_date\" placeholder=\" \">\r\n <label for=\"event_date\">Event Date<\/label>\r\n <\/div>\r\n <div class=\"hh-field\">\r\n <input type=\"number\" min=\"1\" id=\"guest_count\" name=\"guest_count\" placeholder=\" \">\r\n <label for=\"guest_count\">Estimated Guest Count<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hh-field\">\r\n <textarea id=\"message\" name=\"message\" placeholder=\" \" required><\/textarea>\r\n <label for=\"message\">Tell us about your cake \u2014 flavours, colours, inspiration<\/label>\r\n <\/div>\r\n <p class=\"hh-field-note\">Have inspiration photos? Just reply to our confirmation email with them attached once you've submitted.<\/p>\r\n\r\n <div class=\"hh-enq-submit-row\">\r\n <button type=\"submit\" class=\"hh-btn hh-btn--primary hh-btn--submit\" id=\"hh-enq-submit\">\r\n <span class=\"hh-btn-label\">Send Enquiry<\/span>\r\n <span class=\"hh-btn-spinner\"><\/span>\r\n <\/button>\r\n <span class=\"hh-lede\">We reply within 48 hours.<\/span>\r\n <\/div>\r\n <\/form>\r\n\r\n <div class=\"hh-enq-success\" id=\"hh-enq-success\">\r\n <div class=\"hh-enq-success-ic\">\r\n <svg class=\"hh-ic\" viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n <\/div>\r\n <h3>Thank you \u2014 got it!<\/h3>\r\n <p>Your enquiry is on its way to Hanny. We'll be in touch within 48 hours with a personalised quote.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n \/* ---------- scroll-reveal (safe: page works with JS off) ---------- *\/\r\n document.documentElement.classList.add('js-anim');\r\n var targets = document.querySelectorAll('.hh-observe');\r\n if('IntersectionObserver' in window){\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('in-view'); io.unobserve(e.target); }\r\n });\r\n }, { threshold:.14, rootMargin:'0px 0px -6% 0px' });\r\n targets.forEach(function(t){ io.observe(t); });\r\n } else {\r\n targets.forEach(function(t){ t.classList.add('in-view'); });\r\n }\r\n\r\n \/* ---------- demo submit animation only \u2014 does NOT send email ---------- *\/\r\n var form = document.getElementById('hh-enq-form');\r\n var submitBtn = document.getElementById('hh-enq-submit');\r\n var success = document.getElementById('hh-enq-success');\r\n if(!form) return;\r\n\r\n form.addEventListener('submit', function(e){\r\n e.preventDefault(); \/\/ remove this line once wired to a real submit handler\r\n if(!form.checkValidity()){ form.reportValidity(); return; }\r\n\r\n submitBtn.classList.add('is-loading');\r\n submitBtn.disabled = true;\r\n\r\n setTimeout(function(){\r\n form.classList.add('is-hidden');\r\n success.classList.add('is-visible');\r\n }, 900);\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Enquiry \u2014 Hanny’s Cakes Request a Quote Tell us about your occasion. The more detail you give us, the more […]<\/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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=52"}],"version-history":[{"count":4,"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/hannyscakes.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}