@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--pink:#f9e4e2;--paper:#fffaf5;--ink:#4b2b23;--rose:#9a4148;--line:#ddc4ba}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--rose);outline-offset:6px}figure,p{margin:0}h1,h2,h3{margin:0}img{display:block}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}.topline{text-align:center;background:var(--ink);color:var(--pink);font-size:12px;letter-spacing:.2em;padding:10px 20px}header{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:27px 6%;border-bottom:1px solid var(--line)}.wordmark{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:36px;letter-spacing:-1.8px;line-height:1}.wordmark span{display:block;text-align:center;font:600 10px 'DM Sans',sans-serif;letter-spacing:.42em;margin-top:9px}nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:500}.nav-cta{border:1px solid var(--ink);border-radius:40px;padding:11px 22px}.nav-cta span{margin-left:18px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:62px 8% 70px;gap:6%;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.19em;margin-bottom:22px}h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(65px,7.8vw,112px);line-height:1.02;letter-spacing:-.045em}em{font-weight:500;color:var(--rose)}.intro{margin:25px 0 27px;font-size:18px;line-height:1.6}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;background:var(--ink);color:white;padding:17px 25px;border-radius:40px;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:var(--rose);transform:translateY(-2px)}.note{font-size:12px;margin-top:19px}.hero-art{position:relative;padding:14px 0 35px}.hero-photo{background:var(--pink);padding:12px 12px 18px;transform:rotate(3deg);box-shadow:0 12px 25px #4b2b2310}.photo{position:relative;overflow:hidden;aspect-ratio:706/870;background:#ddc4ba}.hero-photo .photo{aspect-ratio:706/910;border-radius:150px 150px 0 0}.hero-photo figcaption{font-size:11px;letter-spacing:.1em;padding:16px 6px 0}.hero-photo figcaption span{display:block;font-family:Georgia,serif;font-size:17px;letter-spacing:0;font-style:italic;margin-top:3px}.brand-seal{position:absolute;top:-12px;left:-46px;width:114px;height:114px;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px #4b2b2315;transform:rotate(-12deg)}.brand-seal img{position:absolute;width:151.5%;max-width:none;left:-25.7%;top:-92.6%}.handwritten{position:absolute;bottom:-3px;right:-12px;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:21px;line-height:1.25;transform:rotate(-8deg);color:var(--rose);background:var(--paper);padding:8px 15px}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--pink);padding:20px 0;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:.18em}.ribbon b{font-size:25px;font-weight:400;color:var(--rose)}.section{padding:90px 8%;max-width:1440px;margin:auto}h2{font:500 clamp(35px,4vw,54px)/1.12 'Playfair Display',Georgia,serif;letter-spacing:-.035em}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p{font-size:14px}.bake-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.bake-grid .photo{aspect-ratio:1;border-radius:120px 120px 5px 5px}.product-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:21px 0 8px}h3{font:500 23px/1.25 'Playfair Display',Georgia,serif}.product-heading span{font-size:12px;color:var(--rose)}article>p{font-size:14px;max-width:280px}.kitchen{background:#f3ece4;display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}.kitchen-copy p:not(.eyebrow){margin-top:24px;max-width:360px}.text-link{display:inline-block;margin-top:28px;font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:6px}.kitchen-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.kitchen-gallery figure:nth-child(even){transform:translateY(28px)}.kitchen-gallery .photo{aspect-ratio:1;border-radius:4px}.kitchen-gallery figcaption{font-size:12px;line-height:1.5;margin-top:10px}.contact{text-align:center;background:var(--pink);max-width:none;padding-top:85px;padding-bottom:85px}.contact h2{font-size:clamp(43px,5.5vw,75px)}.contact>p:not(.eyebrow){margin:26px 0}.handle{display:block;font-size:13px;margin-top:18px}footer{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:38px 6%;gap:25px}footer p{font-family:Georgia,serif;font-style:italic}footer>a:last-child{font-size:14px}a:not(.button):hover{text-decoration:underline;text-underline-offset:5px}@media(min-width:1441px){.kitchen{max-width:none;padding-left:max(8%,calc((100vw - 1210px)/2));padding-right:max(8%,calc((100vw - 1210px)/2))}}@media(max-width:800px){header{padding:22px 6%}nav{gap:20px}nav a:nth-child(2){display:none}.hero{padding:48px 7% 55px;gap:5%}h1{font-size:72px}.brand-seal{width:87px;height:87px;left:-25px}.hero-photo figcaption{font-size:10px}.hero-photo figcaption span{font-size:15px}.handwritten{font-size:17px}.section{padding:60px 7%}.bake-grid{gap:18px}h3{font-size:21px}.kitchen{gap:6%}.section-heading>p{max-width:200px}}@media(max-width:600px){.topline{font-size:10px;letter-spacing:.13em}.wordmark{font-size:30px}nav{gap:17px;font-size:13px}.nav-cta{padding:8px 12px}.nav-cta span{margin-left:8px}.hero{grid-template-columns:1fr;padding:38px 7% 50px;gap:30px}.hero-copy{padding-bottom:10px}h1{font-size:clamp(65px,17vw,90px)}.intro{font-size:17px;margin:22px 0}.eyebrow{font-size:11px;margin-bottom:20px}.hero-art{width:87%;margin:5px auto 0;padding-bottom:30px}.brand-seal{width:105px;height:105px;left:-22px}.hero-photo .photo{aspect-ratio:706/700;border-radius:140px 140px 0 0}.hero-photo figcaption{font-size:11px}.hero-photo figcaption span{font-size:17px}.handwritten{font-size:19px;right:-17px;bottom:-6px}.ribbon{font-size:11px;padding:14px 0}.section{padding:52px 7%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:none;margin-top:18px}.bake-grid{grid-template-columns:1fr;gap:35px}.bake-grid .photo{aspect-ratio:1.13;border-radius:120px 120px 4px 4px}.product-heading{margin-top:17px}h3{font-size:26px}article>p{max-width:none;font-size:16px}.kitchen{grid-template-columns:1fr;gap:36px;padding-bottom:80px}.kitchen-gallery{gap:22px 16px}.kitchen-copy p:not(.eyebrow){max-width:none}.contact{padding:58px 7%}.contact h2{font-size:47px}.desktop{display:none}footer{flex-wrap:wrap;padding:30px 7%}footer p{display:none}.note{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.preview-notice{background:#fff4cf;border-bottom:1px solid #d5bd73;color:#553c14;text-align:center;font-size:14px;padding:11px 6%;line-height:1.5}.menu-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:start}.menu-photo .photo{aspect-ratio:706/870;border-radius:160px 160px 5px 5px}.menu-photo figcaption{font-size:12px;margin-top:12px}.menu-list article{display:grid;grid-template-columns:24px 1fr auto;gap:17px;padding:22px 0;border-bottom:1px solid var(--line)}.menu-list article:first-child{padding-top:0}.menu-number{font-size:14px;color:var(--rose);padding-top:4px}.menu-list h3{font-size:29px}.menu-list article p{font-size:16px;margin-top:12px}.menu-list article strong{font-size:22px;white-space:nowrap}.menu-list article strong span{display:block;white-space:normal;max-width:100px;font-size:12px;font-weight:400}.menu-meta{display:block;color:var(--rose);font-size:12px;margin-top:12px}.menu-footnote{font-size:14px;margin-top:20px}.featured{background:var(--pink);display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:center}.featured>div>p:not(.eyebrow){margin:24px 0;max-width:430px}.offer-ticket{border:1px solid var(--ink);background:var(--paper);padding:35px;border-radius:100px 100px 8px 8px;text-align:center}.offer-ticket .eyebrow{display:block;font-size:11px}.offer-price{display:block;font:500 85px/1.1 'Playfair Display',Georgia,serif}.offer-price>span{display:block;font:400 14px 'DM Sans',sans-serif;margin-top:10px}.offer-ticket ul{list-style:none;padding:0;margin:28px 0;font-size:16px}.offer-ticket li{padding:8px 0;border-top:1px solid var(--line)}.offer-ticket p{font-size:14px}.local-section{display:grid;grid-template-columns:1fr 1fr;gap:12%}.local-section>div>p:not(.eyebrow){margin-top:25px;max-width:410px}.local-details article{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.local-details article p{max-width:none;margin-top:10px;font-size:16px}.order-section{background:#f3ece4}.order-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:40px 0}.order-steps li>span{display:block;color:var(--rose);font:italic 28px Georgia,serif;margin-bottom:14px}.order-steps p{margin-top:12px}.box-form{display:grid;grid-template-columns:1fr .85fr;gap:7%;padding:36px;background:var(--paper);border:1px solid var(--line)}.form-fields label{display:block;font-size:14px;font-weight:600;margin:20px 0 7px}select{width:100%;min-height:49px;font:400 16px 'DM Sans',sans-serif;padding:11px 34px 11px 12px;color:var(--ink);border:1px solid #aa8c80;border-radius:5px;background:white}select:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--rose);outline-offset:4px}.form-fields .button{border:0;cursor:pointer;font-family:inherit;margin-top:24px}.order-summary{padding:28px;background:var(--pink);align-self:start}.order-summary h3{font-size:35px;margin-bottom:16px}.order-summary>p:not(.eyebrow){margin-top:12px}.subtotal{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.subtotal strong{font-size:32px}.summary-note{font-size:14px}.request-result:not(:empty){padding-top:18px;border-top:1px solid #ba9591;font-weight:600;font-size:14px}.about-section{display:grid;grid-template-columns:.65fr 1fr;gap:10%;align-items:center}.about-brand{display:flex;justify-content:center}.about-brand .brand-seal{position:relative;top:auto;left:auto;width:min(290px,100%);height:auto;aspect-ratio:1;transform:rotate(-7deg);box-shadow:none}.about-section>div>p:not(.eyebrow){margin-top:22px}.draft-note{font-size:14px;color:#80544b}.reviews-section{text-align:center;border-top:1px solid var(--line)}.review-placeholder{max-width:700px;margin:30px auto 0;padding:30px;border:1px dashed #a98578;border-radius:8px}.review-placeholder p{font:500 26px 'Playfair Display',Georgia,serif;margin-bottom:14px}.review-placeholder span{font-size:14px;display:block}.faq-section{padding-top:35px}.faq-list{margin-top:35px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font-size:18px;font-weight:500;cursor:pointer;padding-right:12px}.faq-list details p{margin-top:17px;max-width:850px;font-size:16px}.note,.handle,.kitchen-gallery figcaption{font-size:14px}
@media(max-width:900px){.menu-layout{grid-template-columns:.7fr 1fr;gap:5%}.menu-list h3{font-size:25px}.menu-list article{gap:10px}.featured{gap:6%}.offer-ticket{padding:30px 20px}.box-form{gap:5%;padding:25px}.order-summary{padding:22px}.local-section{gap:7%}}
@media(max-width:650px){.menu-layout,.featured,.local-section,.about-section,.box-form{grid-template-columns:1fr;gap:32px}.menu-photo{max-width:400px;width:100%;margin:auto}.menu-photo .photo{aspect-ratio:1.1}.menu-list article{grid-template-columns:20px 1fr auto;gap:10px}.menu-list h3{font-size:24px}.menu-list article strong{font-size:22px}.menu-list article strong span{max-width:78px}.menu-list article p{font-size:16px}.offer-ticket{max-width:380px;width:100%;margin:auto;padding:40px 26px 28px}.order-steps{grid-template-columns:1fr;gap:25px;margin:30px 0}.order-steps li{border-bottom:1px solid var(--line);padding-bottom:20px}.order-steps li:last-child{border-bottom:0;padding-bottom:0}.order-steps li>span{margin-bottom:10px}.box-form{padding:22px 17px;gap:25px}.order-summary{padding:22px 18px}.about-brand .brand-seal{width:210px}.about-section{gap:35px}.faq-list summary{font-size:17px}.preview-notice{font-size:12px}.featured h2{font-size:45px}.featured .button{font-size:14px}.local-details article:last-child{margin-bottom:0}.section-heading>p{font-size:14px}.menu-photo figcaption{font-size:12px}}

/* Restore the original photo-led rhythm; keep the new ordering details compact. */
#notebook{padding-bottom:65px}.cookie-menu{padding-top:55px;border-top:1px solid var(--line)}
.menu-layout{display:block}.menu-photo{display:none}.menu-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.menu-list article,.menu-list article:first-child{grid-template-columns:1fr auto;padding:24px 0;align-content:start}.menu-number{display:none}.menu-list h3{font-size:26px}.menu-list article strong span{font-size:14px}.menu-list article p{margin-top:14px}.menu-footnote{grid-column:1/-1;margin-top:20px}.menu-list article strong{font-weight:500}.menu-list article strong span{max-width:none;white-space:nowrap}
.box-preview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.box-preview>summary{cursor:pointer;font:500 25px/1.4 'Playfair Display',Georgia,serif}.box-preview>summary>span{float:right;font:400 14px/2.5 'DM Sans',sans-serif}.preview-caption{font-size:14px;margin:20px 0}.box-form{margin-top:20px}.faq-section{padding-top:80px}.presentation-note{text-align:center;border-top:1px solid var(--line);font-size:13px;padding:18px 7%;color:#80544b}.hero-photo figcaption{font-size:12px}.topline,.eyebrow{font-size:12px}.product-heading span,.kitchen-gallery figcaption{font-size:14px}
@media(max-width:900px){.menu-list{gap:0 22px}.menu-list article,.menu-list article:first-child{grid-template-columns:1fr}.menu-list article strong span{display:inline;margin-left:10px}.menu-list h3{font-size:25px}}
@media(max-width:650px){.menu-list{grid-template-columns:1fr}.menu-list article,.menu-list article:first-child{grid-template-columns:1fr auto}.menu-list article strong span{display:block;margin-left:0}.box-preview>summary>span{float:none;display:block;line-height:1.7;margin-top:8px}.menu-list h3{font-size:26px}.faq-section{padding-top:52px}.hero-photo figcaption{font-size:12px}.topline{font-size:12px;letter-spacing:.09em}#notebook{padding-bottom:52px}.cookie-menu{padding-top:45px}}

/* Crop screenshot images by their source coordinates, independent of card height. */
.photo img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;transform:translateY(var(--crop-offset,-26.041667%))}
.photo{aspect-ratio:1}
.hero-photo .photo{aspect-ratio:706/840}
.hero-photo .photo img{--crop-offset:-23.4375%}
.photo img[src="assets/cookies.jpeg"]{--crop-offset:-31.25%}
.photo img[src="assets/muffins.jpeg"]{--crop-offset:-27.34375%}
.photo img[src="assets/mango.jpeg"]{--crop-offset:-31.25%}
.photo img[src="assets/guava.jpeg"]{--crop-offset:-27.994792%}
.photo img[src="assets/pavlova.jpeg"]{--crop-offset:-26.041667%}
.photo img[src="assets/macarons.jpeg"]{--crop-offset:-30.598958%}
.photo img[src="assets/scones.jpeg"]{--crop-offset:-30.598958%}
.hero-photo .photo img[src="assets/muffins.jpeg"]{--crop-offset:-23.4375%}
.menu-photo .photo{aspect-ratio:1}
@media(max-width:600px){.hero-photo .photo{aspect-ratio:706/780}.hero-photo .photo img[src="assets/muffins.jpeg"]{--crop-offset:-27.34375%}.bake-grid .photo{aspect-ratio:1}}

/* The existing logo artwork is clipped into independently moving pieces. */
.brand-seal.interactive-seal{width:164px;height:164px;left:-52px;top:-25px;padding:0;border:0;border-radius:50%;overflow:visible;background:#fffaf5;cursor:pointer;z-index:2;isolation:isolate;transform:rotate(-10deg);box-shadow:0 0 0 5px #fffaf5,0 12px 28px #4b2b232b;transition:box-shadow .25s ease,transform .3s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.interactive-logo{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.logo-piece{transform-box:view-box;transform-origin:center;transition:transform .42s cubic-bezier(.2,1.45,.4,1),filter .3s ease;filter:drop-shadow(0 3px 2px #4b2b2324)}
.logo-muffin{transition-delay:.035s}.logo-heart{transition-delay:.075s}.logo-top-heart{transition-delay:.1s}
.interactive-seal:is(:focus-visible,[data-popped]){outline:3px solid #a04b50;outline-offset:8px;box-shadow:0 0 0 6px #fffaf5,0 0 0 11px #e8b5b599,0 17px 34px #4b2b233d;transform:rotate(-5deg) translateY(-3px)}
.interactive-seal:is(:focus-visible,[data-popped]) .logo-cookie{transform:translate(-11px,-26px) rotate(-10deg) scale(1.17);filter:drop-shadow(0 13px 6px #4b2b2359)}
.interactive-seal:is(:focus-visible,[data-popped]) .logo-muffin{transform:translate(13px,-34px) rotate(8deg) scale(1.17);filter:drop-shadow(0 15px 6px #4b2b2359)}
.interactive-seal:is(:focus-visible,[data-popped]) .logo-heart{transform:translateY(-21px) scale(1.5);filter:drop-shadow(0 8px 4px #9a414866)}
.interactive-seal:is(:focus-visible,[data-popped]) .logo-top-heart{transform:translate(3px,-13px) rotate(9deg) scale(1.4);filter:drop-shadow(0 7px 4px #9a414866)}
@media(hover:hover) and (pointer:fine){
.interactive-seal:hover{box-shadow:0 0 0 6px #fffaf5,0 0 0 11px #e8b5b599,0 17px 34px #4b2b233d;transform:rotate(-5deg) translateY(-3px)}
.interactive-seal:hover .logo-cookie{transform:translate(-11px,-26px) rotate(-10deg) scale(1.17);filter:drop-shadow(0 13px 6px #4b2b2359)}
.interactive-seal:hover .logo-muffin{transform:translate(13px,-34px) rotate(8deg) scale(1.17);filter:drop-shadow(0 15px 6px #4b2b2359)}
.interactive-seal:hover .logo-heart{transform:translateY(-21px) scale(1.5);filter:drop-shadow(0 8px 4px #9a414866)}
.interactive-seal:hover .logo-top-heart{transform:translate(3px,-13px) rotate(9deg) scale(1.4);filter:drop-shadow(0 7px 4px #9a414866)}
}
@media(max-width:800px){.brand-seal.interactive-seal{width:140px;height:140px;left:-30px;top:-20px}}
@media(max-width:600px){.brand-seal.interactive-seal{width:132px;height:132px;left:-22px;top:-20px}}
@media(prefers-reduced-motion:reduce){.brand-seal.interactive-seal,.interactive-seal .logo-piece{transition:none}.brand-seal.interactive-seal:is(:hover,:focus-visible,[data-popped]){transform:rotate(-10deg)}.interactive-seal:is(:hover,:focus-visible,[data-popped]) .logo-piece{transform:none}}

.logo-cookie{transform-origin:211px 414px}.logo-muffin{transform-origin:412px 410px}.logo-heart{transform-origin:312px 461px}.logo-top-heart{transform-origin:440px 102px}

/* Matching groups keep the ribbon moving left without a visible loop seam. */
.ribbon-track{display:flex;width:max-content;animation:ribbon-scroll 28s linear infinite;will-change:transform}
.ribbon-group{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;gap:clamp(30px,5vw,90px);min-width:100vw;padding:0 clamp(15px,2.5vw,45px)}
@keyframes ribbon-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none;will-change:auto}}
