:root{--cream:#fff8ef;--paper:#fffdf9;--ink:#2c1713;--brown:#351911;--pink:#f2a5b2;--rose:#f9d9d8;--orange:#c85b43;--line:#ead8ca;--muted:#7c6258;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--script:"Allura",cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:78px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,248,239,.96);border-bottom:1px solid rgba(53,25,17,.08);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;flex:0 0 auto;line-height:0}.brand img{display:block;width:78px;height:72px;object-fit:contain;object-position:center;background:transparent}.nav{display:flex;align-items:center;gap:31px;font-size:11px;font-weight:600}.nav>a:not(.nav-cta){opacity:.75}.nav>a.active,.nav>a:hover{opacity:1;color:var(--orange)}.nav-cta{border:1px solid var(--brown);background:var(--brown);color:white;border-radius:28px;padding:12px 20px}.nav-cta span{padding-left:8px}.menu-toggle{display:none;border:0;background:none;font-size:22px;color:var(--brown)}
.hero{background:var(--brown);color:var(--cream);min-height:550px;display:grid;grid-template-columns:.86fr 1.14fr;overflow:hidden;padding:65px 7% 55px;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 55%,rgba(202,107,64,.23),transparent 55%),linear-gradient(90deg,rgba(29,13,10,.3),transparent 80%);pointer-events:none}.hero-copy{position:relative;z-index:2;align-self:center}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.16em;margin:0 0 20px}.eyebrow b{color:var(--pink);padding:0 5px}.hero h1{font:600 clamp(53px,6vw,78px)/.98 var(--serif);letter-spacing:-.055em;margin:0 0 20px}.hero h1 em{font:normal clamp(63px,7vw,92px)/.9 var(--script);color:var(--pink);letter-spacing:-.02em}.hero-intro{max-width:340px;font-size:12px;line-height:1.8;color:#f0ded3}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:28px;padding:13px 19px;font-size:10px;font-weight:700;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.04)}.button-pink{background:var(--pink);color:var(--brown)}.button-outline{border:1px solid rgba(255,248,239,.75);color:var(--cream)}.button-dark{background:var(--brown);color:white}.hero-doodle{margin-top:30px;color:var(--pink);font-size:25px;letter-spacing:18px}.hero-doodle span{font-size:18px}.hero-visual{position:relative;min-height:440px;align-self:stretch}.hero-photo{position:absolute;inset:-12px -3% -20px 0;background-image:linear-gradient(0deg,rgba(30,13,9,.12),transparent 35%),url("pictures/hero-cake.jpg");background-position:center;background-size:cover;border-radius:48% 48% 5px 5px;box-shadow:0 15px 45px #1a0c09aa}.photo-note{position:absolute;bottom:7px;right:2%;font-size:9px;letter-spacing:.14em;background:var(--cream);color:var(--brown);padding:12px 16px;transform:rotate(-3deg)}.photo-note b{color:var(--orange)}.hero-spark{position:absolute;right:1%;top:5%;font-size:45px;color:var(--pink)}
.promise{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:27px 7%;background:#fffaf3;border-bottom:1px solid var(--line)}.promise div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.promise span{font-size:24px;color:var(--orange)}.promise strong{font-size:9px;font-weight:600}
.section{padding:75px 7%}.section-heading{text-align:center;margin-bottom:28px}.eyebrow.dark{color:var(--orange)}.section-heading h2,.page-intro h1,.bottom-cta h2{font:600 clamp(34px,4vw,48px)/1.1 var(--serif);letter-spacing:-.04em;margin:0 0 9px}.section-heading h2 em,.page-intro h1 em,.bottom-cta h2 em{color:var(--orange)}.section-heading>p:not(.eyebrow),.page-intro>p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.7}.heart-rule{display:block;color:#e46c7c;font-size:19px;margin-top:10px;position:relative}.heart-rule:before,.heart-rule:after{content:"";display:inline-block;width:46px;height:1px;background:var(--pink);vertical-align:middle;margin:0 12px}.signature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.signature-card{background:#fffdf8;border:1px solid #efdfd1;border-radius:7px;overflow:hidden;text-align:center;padding-bottom:15px;transition:transform .2s,box-shadow .2s}.signature-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #59352a13}.product-img{height:160px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#f8eee7}.signature-card h3{font:600 16px var(--serif);margin:12px 7px 5px}.signature-card p{font-size:10px;color:var(--muted);line-height:1.55;margin:0 10px}.centered-button{display:flex;width:max-content;margin:28px auto 0}.memory-band{background:var(--brown);color:var(--cream);text-align:center;padding:47px 20px;position:relative;overflow:hidden}.memory-band:before,.memory-band:after{content:"♡   ✧   ♡";position:absolute;color:#6f4837;font-size:35px;letter-spacing:14px;top:50%;transform:translateY(-50%)}.memory-band:before{left:-5px}.memory-band:after{right:-5px}.memory-band p{font:italic 26px/1.35 var(--serif);margin:0}.memory-band p em{color:var(--pink)}.band-doodle{display:none}.band-small{display:block;font-size:8px;letter-spacing:.2em;color:var(--pink);margin-top:18px}.bottom-cta{text-align:center;padding:60px 20px 65px}.bottom-cta .button{margin-top:12px}.bottom-cta small{display:block;color:var(--muted);font-size:9px;margin-top:15px}.tinted{background:#f8e9df}.footer{background:#f7d5d7;padding:28px 6% 20px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px}.footer>p{text-align:center;font:italic 14px var(--serif);color:#79514b}.footer-links{display:flex;justify-content:flex-end;gap:18px;font-size:10px}.footer small{grid-column:1/-1;text-align:center;font-size:8px;color:#805e57;margin-top:5px}
.page-intro{text-align:center;padding:48px 20px 24px}.page-intro h1{font-size:52px}.page-intro .eyebrow{margin-bottom:13px}.category-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:15px 5%;position:sticky;top:78px;z-index:15;background:rgba(255,248,239,.96);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.category-nav a{border:1px solid var(--line);border-radius:25px;padding:9px 14px;font-size:9px}.category-nav a:hover,.category-nav a.selected{background:var(--brown);border-color:var(--brown);color:white}.menu-section{padding-top:40px;padding-bottom:50px}.menu-title{display:flex;align-items:center;gap:13px;margin-bottom:20px}.menu-icon{font-size:26px;color:var(--orange);width:35px;text-align:center}.menu-title h2{font:600 26px var(--serif);margin:0 0 4px;scroll-margin-top:160px}.menu-title p{font-size:10px;color:var(--muted);margin:0}.menu-title>a{margin-left:auto;font-size:10px;color:var(--orange);white-space:nowrap}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.menu-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.menu-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-card{min-width:0;background:#fffdf9;border:1px solid #efdfd1;border-radius:7px;overflow:hidden;padding-bottom:12px}.menu-img{height:165px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#f8eee7}.menu-img.wide{height:220px;background-size:contain;background-repeat:no-repeat;background-position:center}.menu-card h3{font:600 15px var(--serif);margin:10px 10px 4px}.menu-card p{font-size:9px;line-height:1.5;color:var(--muted);margin:0 10px 10px;min-height:28px}.mini-order{display:block;width:calc(100% - 20px);margin:0 10px;background:#f7b1b8;color:var(--brown);border-radius:18px;text-align:center;padding:9px 4px;font-size:8px;font-weight:700}.drink-menu{border-top:1px solid var(--line)}.drink-menu>div{display:grid;grid-template-columns:45px 1fr 1fr;align-items:center;padding:15px 5px;border-bottom:1px solid var(--line)}.drink-menu b{font-size:10px;color:var(--orange)}.drink-menu strong{font:600 18px var(--serif)}.drink-menu span{text-align:right;font-size:10px;color:var(--muted)}
.story-hero{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:8%;padding-top:55px;padding-bottom:45px}.story-copy h1{font:600 clamp(48px,5vw,64px)/1 var(--serif);margin:0 0 12px;letter-spacing:-.05em}.story-copy h1 em{color:var(--orange)}.story-sub{font:italic 14px var(--serif);color:var(--orange);margin:0 0 5px}.story-copy>p:not(.eyebrow):not(.story-sub):not(.draft-note){font-size:11px;line-height:1.9;color:var(--muted);max-width:480px}.story-copy .heart-rule{margin:8px 0}.draft-note{background:#f8e9df;color:#75584d;padding:10px;font-size:9px;line-height:1.6}.story-photo{height:350px;background-size:cover;background-position:center;border-radius:48% 48% 5px 5px;transform:rotate(2deg);border:7px solid #fffaf4;box-shadow:0 10px 35px #4b25151a}.story-quote{margin:0 8% 50px;background:#f9dedd;border-radius:18px;text-align:center;padding:27px 10%;position:relative}.story-quote p{font:italic 19px/1.6 var(--serif);margin:0 auto;max-width:690px}.story-quote span{display:block;color:#df6978;margin-top:10px}.contact-section{background:var(--brown);color:var(--cream);padding-top:55px;padding-bottom:50px}.contact-heading{text-align:center;max-width:500px;margin:0 auto 30px}.contact-heading h2{font:600 42px/1.05 var(--serif);margin:0 0 13px}.contact-heading h2 em{color:var(--pink)}.contact-heading>p:not(.eyebrow){font-size:11px;line-height:1.7;color:#e4cec1}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-cards article{background:#fffaf3;color:var(--brown);border-radius:9px;padding:22px 15px 18px;text-align:center}.contact-icon{display:grid;place-items:center;margin:0 auto 9px;width:39px;height:39px;border-radius:50%;background:#d9f2d9;color:#159b4c;font-size:25px}.contact-icon.instagram{background:#f8d6e7;color:#bd337b}.contact-cards h3{font:600 15px var(--serif);margin:0 0 7px}.contact-cards p{font-size:9px;line-height:1.6;color:var(--muted);min-height:29px}.contact-cards a{display:block;background:#f7b1b8;border-radius:20px;padding:10px;font-size:9px;font-weight:700;margin-top:13px}.contact-note{display:block;text-align:center;color:#cbb2a5;font-size:8px;margin-top:15px}.faq{max-width:850px;margin:auto}.faq details{border:1px solid var(--line);border-radius:6px;margin:8px 0;padding:14px 16px;background:#fffaf4}.faq summary{cursor:pointer;list-style:none;font-size:10px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"⌄";float:right;color:var(--orange);font-size:15px}.faq details[open] summary:after{content:"⌃"}.faq details p{font-size:10px;line-height:1.7;color:var(--muted);margin-bottom:0}
@media(max-width:850px){.site-header{height:70px;padding:0 5%}.menu-toggle{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--cream);padding:12px 5% 20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:13px 0}.nav .nav-cta{text-align:center;padding:13px;margin-top:5px}.hero{grid-template-columns:1fr;padding:42px 7% 32px}.hero-copy{max-width:600px}.hero h1{font-size:70px}.hero-visual{min-height:400px;margin:20px 4% 0}.hero-photo{inset:0 3% 0 3%}.promise{padding:22px 5%;gap:8px}.promise strong{font-size:8px}.signature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-img{height:150px}.section{padding:58px 6%}.category-nav{top:70px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.category-nav a{white-space:nowrap}.menu-grid,.menu-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-img{height:190px;background-size:contain;background-repeat:no-repeat;background-position:center}.menu-title h2{font-size:24px}.story-hero{grid-template-columns:1fr 0.75fr;gap:5%}.story-photo{height:290px}.footer{padding-left:5%;padding-right:5%}}
@media(max-width:540px){.brand-name{font-size:16px}.hero{padding:35px 6% 28px}.hero h1{font-size:60px}.hero h1 em{font-size:73px}.hero-intro{font-size:11px}.hero-visual{min-height:330px;margin:15px 1% 0}.hero-photo{border-radius:45% 45% 4px 4px}.promise{grid-template-columns:repeat(2,1fr);row-gap:20px;padding:22px 8%}.section{padding:48px 5%}.section-heading h2,.bottom-cta h2{font-size:35px}.signature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.signature-card:last-child{grid-column:1/-1;max-width:calc(50% - 5px);justify-self:center}.product-img{height:145px}.signature-card h3{font-size:14px}.memory-band p{font-size:22px}.memory-band:before,.memory-band:after{font-size:20px;letter-spacing:4px}.footer{grid-template-columns:1fr 1fr;gap:10px}.footer>p{display:none}.footer-links{gap:10px;flex-wrap:wrap;font-size:9px}.page-intro{padding:38px 15px 20px}.page-intro h1{font-size:45px}.category-nav{padding:12px 4%;gap:6px}.category-nav a{font-size:8px;padding:9px 11px}.menu-section{padding-top:30px;padding-bottom:35px}.menu-grid,.menu-grid.four,.menu-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-img{height:135px;background-size:contain;background-repeat:no-repeat;background-position:center}.menu-img.wide{height:150px;background-size:contain;background-repeat:no-repeat;background-position:center}.menu-card h3{font-size:13px;margin:9px 8px 4px}.menu-card p{font-size:8px;margin:0 8px 8px}.mini-order{width:calc(100% - 16px);margin:0 8px;font-size:7px;padding:8px 2px}.menu-title{gap:7px}.menu-icon{width:25px;font-size:21px}.menu-title h2{font-size:21px}.menu-title p{font-size:8px}.menu-title>a{font-size:8px}.drink-menu>div{grid-template-columns:28px 1fr}.drink-menu strong{font-size:16px}.drink-menu span{grid-column:2;text-align:left;margin-top:4px}.story-hero{grid-template-columns:1fr;padding-top:42px}.story-copy h1{font-size:52px}.story-photo{height:280px;width:85%;justify-self:center;margin-top:10px}.story-quote{margin:0 5% 35px;padding:23px 7%}.story-quote p{font-size:16px}.contact-heading h2{font-size:36px}.contact-cards{grid-template-columns:1fr}.contact-cards article{padding:20px}.contact-cards p{min-height:0}.faq{padding-top:45px;padding-bottom:45px}.faq summary{line-height:1.5}.footer small{margin-top:8px}}



/* v4: itemized prices and contact improvements */
.price-note{display:inline-block!important;background:#f8e9df;padding:9px 13px;border-radius:20px;font-size:9px!important;color:#77584f!important}
.price-list{list-style:none;margin:10px 10px 12px;padding:0;border-top:1px solid #efdfd1}
.price-list li{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #f1e5dc;padding:7px 0;font-size:9px;color:var(--muted)}
.price-list li strong{white-space:nowrap;color:var(--brown);font-size:10px}
.menu-card .mini-order{font-size:8px}
.footer-links a:hover,.contact-cards a:hover{color:var(--orange)}
@media(max-width:540px){.price-list{margin:8px 8px 10px}.price-list li{font-size:8px;padding:6px 0}.price-list li strong{font-size:9px}.menu-card .mini-order{font-size:7px}}


/* Price options are individual WhatsApp enquiry buttons. */
.price-list{list-style:none;margin:10px 10px 12px;padding:0;border-top:1px solid #efdfd1}
.price-list li{display:block;border-bottom:1px solid #f1e5dc;padding:0;font-size:9px;color:var(--muted)}
.price-option{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;padding:9px 7px;text-decoration:none;border-radius:9px;color:var(--brown);transition:background .18s,transform .18s}
.price-option span:first-child{flex:1;min-width:0;line-height:1.35}
.price-option strong{white-space:nowrap;font-size:10px;color:var(--brown)}
.price-option .price-arrow{font-size:11px;color:var(--orange);font-weight:700}
.price-option:hover,.price-option:focus-visible{background:#f8e9df;transform:translateY(-1px);outline:2px solid #d9a99c;outline-offset:-2px}
.price-list .price-option:has(strong:first-child){font-weight:600}
.menu-card .price-list{margin-top:10px}
.menu-img{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#fbf3ed}
@media(max-width:540px){.price-list{margin:8px 8px 10px}.price-option{padding:8px 5px;gap:4px}.price-option strong{font-size:9px}.price-option span:first-child{font-size:8px}.price-option .price-arrow{font-size:10px}.menu-card .price-list{margin-top:8px}}

/* Final mobile footer/logo polish */
.footer-brand img{width:112px;height:54px;object-fit:contain;object-position:left center;background:transparent;}
@media(max-width:540px){.footer-brand img{width:100px;height:48px}.footer{align-items:center;min-width:0}.footer-links{min-width:0}}