:root{
  --red:#c91f24;
  --pink:#f5dde2;
  --pink-shape:#f7e1e5;
  --yellow:#f1d660;
  --cream:#fff8ef;
  --ink:#111111;
  --gray:#757575;
  --line:#e8e8e8;
  --pad:clamp(22px,5vw,96px);
  --serif:Didot,"Bodoni 72","Bodoni MT","Times New Roman",serif;
  --sans:Arial,Helvetica,sans-serif;
  --hand:"Bradley Hand","Segoe Print",cursive;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff;scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);overflow-x:hidden}
button,a{color:inherit;font:inherit}
button{border:0;background:none;padding:0;cursor:pointer}
a{text-decoration:none}
img{display:block;max-width:100%}
.is-hidden{display:none!important}
.eyebrow{color:var(--red);font-size:10px;letter-spacing:.14em;margin:0;text-transform:uppercase}
.red-dash{width:38px;height:2px;background:var(--red);margin:18px 0}
.body-copy{font-size:12px;line-height:1.7}
.text-link{display:inline-flex;gap:28px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:5px}
.text-link span{font-size:19px;line-height:8px}

.site-header{align-items:center;background:rgba(255,255,255,.94);border-bottom:1px solid transparent;display:grid;grid-template-columns:1fr auto 1fr;height:82px;left:0;padding:0 var(--pad);position:sticky;top:0;transition:background .3s ease,border-color .3s ease;z-index:50}
.site-header.is-scrolled{backdrop-filter:blur(12px);border-color:var(--line)}
.brand{font-size:20px;letter-spacing:.15em;white-space:nowrap}
.desktop-nav{display:flex;gap:52px;justify-content:center}
.desktop-nav a,.site-footer nav a,.footer-right{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.desktop-nav a{position:relative}
.desktop-nav a:after{background:var(--red);bottom:-8px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%;transition:transform .25s ease}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}
.header-actions{align-items:center;display:flex;gap:22px;justify-content:flex-end}
.cart-trigger{font-size:10px;letter-spacing:.05em;white-space:nowrap}
.cart-trigger i{background:var(--red);border-radius:50%;display:inline-block;height:12px;margin-left:7px;vertical-align:-2px;width:12px}
.mobile-menu-trigger{display:none}
.mobile-menu{background:#fff;display:none;inset:0;position:fixed;z-index:80}
.mobile-menu-inner{padding:30px 24px}
.mobile-menu-close{font-size:10px;letter-spacing:.14em;position:absolute;right:24px;top:32px}
.mobile-menu nav{display:flex;flex-direction:column;gap:15px;margin-top:100px}
.mobile-menu nav a{font:clamp(42px,14vw,78px)/.8 var(--serif)}
.mobile-menu p{font:18px/1.2 var(--hand);margin-top:70px;transform:rotate(-4deg)}
.mobile-menu.is-open{display:block}

.hero{height:clamp(760px,54vw,1050px);min-height:760px;overflow:hidden;position:relative}
.hero-wordmark{color:var(--red);display:flex;font:clamp(150px,22.5vw,350px)/.65 var(--serif);justify-content:space-between;left:2%;position:absolute;right:1%;top:55px;z-index:1}
.hero-wordmark span:last-child{margin-left:3vw}
.hero-copy{font-size:13px;font-weight:700;left:4.4%;line-height:1.38;position:absolute;top:245px;z-index:8}
.scroll-cue{align-items:center;display:flex;flex-direction:column;gap:10px;left:3.5%;position:absolute;top:365px;z-index:10}
.scroll-cue span{border:1px solid var(--red);border-radius:50%;color:var(--red);font:12px var(--hand);padding:4px 13px;transform:rotate(-4deg)}
.scroll-cue img{height:38px;width:23px}
.hero-collage{inset:0;pointer-events:none;position:absolute;z-index:4}
.hero-object{pointer-events:auto;position:absolute;transition:transform .45s cubic-bezier(.2,.75,.2,1),filter .35s ease}
.hero-object:hover{filter:drop-shadow(0 10px 8px rgba(17,17,17,.12));transform:translateY(-8px) rotate(0deg) scale(1.02)}
.hero-object img{height:auto;width:100%}
.hero-strawberry{left:17%;top:230px;transform:translate(var(--mouse-x,0),var(--mouse-y,0)) rotate(-4deg);width:39vw;z-index:7}
.hero-lemon{left:46%;top:185px;transform:translate(var(--mouse-x,0),var(--mouse-y,0)) rotate(1deg);width:21vw;z-index:6}
.hero-choco{right:9%;top:255px;transform:translate(var(--mouse-x,0),var(--mouse-y,0)) rotate(3deg);width:28vw;z-index:8}
.hero-fork{left:14%;position:absolute;top:340px;transform:rotate(19deg);width:18vw;z-index:9}
.hero-ribbon-cream{left:-5%;position:absolute;top:475px;transform:rotate(-4deg);width:48vw;z-index:10}
.hero-ribbon-red{position:absolute;right:5%;top:440px;transform:rotate(8deg);width:24vw;z-index:9}
.hero-new-drop{background:var(--cream);font:16px var(--hand);padding:9px 15px;position:absolute;right:9%;top:235px;transform:rotate(-9deg);z-index:12}
.hero-cherry{position:absolute;width:7vw;z-index:11}
.hero-cherry-a{right:2%;top:350px;transform:rotate(11deg)}
.hero-cherry-b{left:62%;top:610px;transform:rotate(-9deg);width:5vw}

.product-field{height:1080px;position:relative}
.field-caption{font:clamp(24px,3vw,44px)/.95 var(--serif);left:4.5%;position:absolute;top:34px}
.product{position:absolute;z-index:2}
.product-image{display:block;position:relative;transition:transform .4s cubic-bezier(.2,.75,.2,1),filter .4s ease;width:100%}
.product-image:hover{filter:drop-shadow(0 14px 8px rgba(17,17,17,.12));transform:translateY(-8px) scale(1.02)}
.product-image img{width:100%}
.product-meta{align-items:center;display:flex;font-size:11px;gap:11px;letter-spacing:.04em;margin-bottom:9px}
.product-meta strong{font-weight:400}
.product-rule{background:var(--red);display:block;height:1px;width:24px}
.product-name{font-size:17px;font-weight:600;line-height:1.05;margin-top:12px}
.product-cherry{left:5%;top:225px;width:25vw;max-width:350px}
.product-cherry .product-name{left:-2px;position:relative}
.product-lemon{left:35%;top:160px;width:18vw;max-width:245px}
.product-lemon .product-meta{justify-content:flex-end}
.product-coco{right:24%;top:260px;width:22vw;max-width:300px}
.product-coco .product-tag{background:var(--cream);font:18px/1.1 var(--hand);padding:12px 16px;position:absolute;right:-22px;top:100px;transform:rotate(-8deg)}
.product-vanilla{right:5%;top:310px;width:20vw;max-width:280px}
.product-vanilla .product-name{position:absolute;right:-10px;top:205px}
.products-cherry{position:absolute;right:1%;top:180px;transform:rotate(7deg);width:7vw}
.products-ribbon{bottom:20px;left:18%;position:absolute;transform:rotate(-8deg);width:32vw}

.signature{height:1080px;overflow:hidden;position:relative}
.signature-shape{height:76%;left:2%;position:absolute;top:13%;width:54%;z-index:0}
.signature-title{font:clamp(74px,9.7vw,155px)/.82 var(--serif);left:8%;position:absolute;top:25%;z-index:2}
.signature-hand{color:var(--red);font:clamp(24px,2.5vw,42px) var(--hand);left:8%;position:absolute;top:60%;transform:rotate(-7deg);z-index:3}
.signature-hand:after{background:var(--red);bottom:-9px;content:"";height:1px;left:0;position:absolute;transform:rotate(-2deg);width:100%}
.signature-cake{left:31%;position:absolute;top:16%;transition:transform .45s ease;width:48%;z-index:4}
.signature-cake:hover{transform:translateY(-10px) rotate(-1deg)}
.signature-info{position:absolute;right:8%;top:45%;width:20%;z-index:4}
.signature-info span{font-size:11px}
.signature-info h2{font-size:19px;line-height:1.05;margin:16px 0 0}
.signature-info p{font-size:12px;line-height:1.55}
.signature-info button{border-bottom:1px solid var(--ink);font-size:11px;padding-bottom:6px;text-transform:uppercase}
.signature-info button span{font-size:20px;margin-left:25px}
.signature-badge{background:var(--red);border-radius:50%;color:#fff;font:18px/1.05 var(--hand);padding:25px 17px;position:absolute;right:16%;top:65%;transform:rotate(9deg);z-index:5}

.free-collage{height:1120px;overflow:hidden;position:relative}
.collage-note{background:var(--cream);font:18px/1.05 var(--hand);padding:18px 23px;position:absolute;z-index:8}
.note-left{left:4%;top:160px;transform:rotate(-7deg)}
.note-right{right:17%;top:250px;transform:rotate(5deg)}
.note-right span{color:var(--red);font-size:23px}
.collage-cake-choco{left:-6%;position:absolute;top:250px;transform:rotate(-13deg);width:25vw;z-index:3}
.collage-plate{left:33%;position:absolute;top:335px;transform:rotate(-5deg);width:28vw;z-index:1}
.collage-lemon-slice{left:38%;position:absolute;top:410px;transform:rotate(5deg);width:17vw;z-index:3}
.collage-fork{left:22%;position:absolute;top:380px;transform:rotate(-27deg);width:26vw;z-index:6}
.collage-cream{right:7%;position:absolute;top:290px;transform:rotate(7deg);width:18vw;z-index:5}
.collage-cherry{position:absolute;right:8%;top:170px;transform:rotate(9deg);width:7vw;z-index:7}
.collage-cherry-two{left:18%;right:auto;top:570px;transform:rotate(-10deg);width:6vw}
.collage-crumbs{position:absolute;width:12vw;z-index:4}
.vanilla-crumbs{left:49%;top:650px}.chocolate-crumbs{left:61%;top:610px}
.collage-tape{position:absolute;right:14%;top:520px;transform:rotate(12deg);width:16vw;z-index:9}
.collage-ticket{background:var(--red);color:#fff;font-size:15px;letter-spacing:.1em;padding:14px 22px;position:absolute;left:18%;top:720px;transform:rotate(-6deg);z-index:10}
.collage-circle-note{border:1px solid var(--red);border-radius:50%;color:var(--red);font:18px/1.05 var(--hand);padding:23px 18px;position:absolute;right:25%;top:690px;transform:rotate(-8deg);z-index:9}
.collage-circle-note small{font:9px var(--sans);letter-spacing:.05em}
.collage-product{bottom:25px;position:absolute;right:6%;transform:rotate(3deg);width:20vw;z-index:6}

.lower-spread{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:820px;padding:125px var(--pad) 35px;position:relative}
.story-teaser{padding-top:20px}
.story-teaser h2,.final-cta h2{font:clamp(42px,4.4vw,74px)/.9 var(--serif);margin:18px 0 0}
.story-teaser .body-copy{margin-top:32px}
.story-photo{align-self:start;justify-self:center;transform:rotate(-3deg);width:min(360px,84%)}
.story-photo img{border:12px solid #fff;box-shadow:0 1px 0 var(--line);width:100%}
.menu-teaser{padding:22px 0 0 5%}
.menu-lines{display:grid;grid-template-columns:1fr 38px auto;gap:12px 10px;margin-top:34px;max-width:310px}
.menu-lines span,.menu-lines strong{font-size:11px;font-weight:400;letter-spacing:.07em}
.menu-lines i{border-bottom:1px dashed #e7b8c1;display:block;margin-bottom:4px}
.coming{font:18px/1.15 var(--hand);margin-top:45px;transform:rotate(-4deg)}
.menu-teaser>img{margin:20px 0 0 65%;transform:rotate(7deg);width:55px}
.final-cta{grid-column:3;min-height:520px;padding:90px 0 0 8%;position:relative}
.final-cta h2{font-size:clamp(52px,5vw,86px);position:relative;z-index:2}
.shop-cta{align-items:center;background:var(--yellow);display:inline-flex;font-size:13px;gap:56px;margin-top:45px;padding:20px 30px 18px;position:relative;transform:rotate(-2deg);transition:transform .3s ease, padding-right .3s ease}
.shop-cta:before{border:1px solid rgba(160,121,0,.28);content:"";inset:4px;position:absolute;transform:rotate(2deg)}
.shop-cta:hover{padding-right:38px;transform:rotate(-2deg) scale(1.02)}
.shop-cta span{font-size:26px;line-height:12px;position:relative}
.cta-stars{position:absolute;right:34%;top:30px;transform:rotate(-11deg);width:52px}
.cta-stars-two{right:24%;top:54px;transform:rotate(15deg);width:38px}
.cta-ribbon{position:absolute;right:-21%;top:285px;transform:rotate(7deg);width:34vw;z-index:1}
.site-footer{align-items:center;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;min-height:92px;padding:0 var(--pad)}
.site-footer .brand{font-size:16px}
.site-footer nav{display:flex;gap:28px}
.footer-right{align-items:center;display:flex;gap:16px;justify-content:flex-end;white-space:nowrap}

.page-view{min-height:calc(100vh - 82px);padding:110px var(--pad) 150px}
.page-heading{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:300px}
.page-heading h1,.story-page-heading h1{font:clamp(100px,15vw,250px)/.72 var(--serif);margin:0;transform:translateY(-25px)}
.page-heading>p:last-child{font:20px/1.05 var(--hand);justify-self:end;margin-top:20px;transform:rotate(-5deg)}
.filter-nav{border-bottom:1px solid var(--line);display:flex;gap:32px;margin:30px 0 65px;padding-bottom:15px}
.filter-nav button{font-size:11px;letter-spacing:.12em;position:relative}
.filter-nav button:after{background:var(--red);bottom:-16px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;width:100%}
.filter-nav button.is-active:after,.filter-nav button:hover:after{transform:scaleX(1)}
.menu-grid{display:grid;grid-template-columns:1.2fr .82fr 1fr;gap:85px 60px;align-items:start}
.menu-card{min-height:350px;position:relative}
.menu-card:nth-child(2){transform:translateY(90px)}
.menu-card:nth-child(3){transform:translateY(-25px)}
.menu-card:nth-child(4){transform:translateY(130px)}
.menu-card:nth-child(5){transform:translateY(30px)}
.menu-card-image{align-items:center;display:flex;justify-content:center;min-height:290px;position:relative}
.menu-card-image img{max-height:300px;object-fit:contain;width:78%}
.menu-card:nth-child(2) .menu-card-image img{width:64%}.menu-card:nth-child(4) .menu-card-image img{width:92%}
.menu-card-info{display:flex;justify-content:space-between;margin-top:14px}
.menu-card-info h2{font-size:15px;line-height:1.05;margin:0}.menu-card-info p{font-size:11px;margin:0}
.menu-card-info span{color:var(--red);font-size:10px}

.detail-page{display:grid;grid-template-columns:55% 45%;min-height:650px}
.detail-image{align-items:center;display:flex;justify-content:center;min-height:620px;position:relative}
.detail-image img{max-height:620px;object-fit:contain;width:88%}
.detail-copy{padding:85px 10% 40px 7%}
.detail-copy h1{font:clamp(70px,8vw,130px)/.78 var(--serif);margin:20px 0}
.detail-number{font-size:11px;letter-spacing:.12em}.detail-price{font-size:18px}
.detail-copy>p{font-size:13px;line-height:1.6;max-width:280px}
.quantity-control{align-items:center;border-bottom:1px solid var(--ink);display:flex;gap:22px;margin:35px 0 20px;padding-bottom:10px;width:110px}.quantity-control button{font-size:19px}.quantity-control span{font-size:12px}
.add-button{background:var(--red);color:#fff;font-size:11px;letter-spacing:.1em;padding:18px 28px;transition:transform .3s ease}.add-button:hover{transform:translateY(-3px)}
.detail-sections{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:30px}.detail-sections h3{font-size:11px;letter-spacing:.1em}.detail-sections p{font-size:12px;line-height:1.55}
.related-strip{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr repeat(3,1fr);gap:28px;margin-top:35px;padding-top:22px}.related-strip .eyebrow{margin:4px 0 0}.related-strip button{border-bottom:1px solid var(--line);display:flex;font:clamp(18px,2vw,28px)/1 var(--serif);justify-content:space-between;padding:4px 0 14px;text-align:left;transition:color .2s ease}.related-strip button span{font:11px var(--sans);padding-top:5px}.related-strip button:hover{color:var(--red)}

.story-page-heading{min-height:260px}.story-page-heading h1{max-width:900px}.story-page-grid{display:grid;grid-template-columns:1fr 1fr .7fr;gap:7vw;align-items:start}.story-page-copy h2{font:clamp(54px,5vw,84px)/.86 var(--serif);margin:0}.story-page-copy p{font-size:13px;line-height:1.7;max-width:350px;margin-top:35px}.story-page-grid>img{border:12px solid #fff;box-shadow:0 1px 0 var(--line);transform:rotate(-3deg);width:100%}.story-points{padding-top:10px}.story-points p{border-top:1px solid var(--line);font-size:12px;line-height:1.5;margin:0;padding:22px 0}.story-points b{color:var(--red);font-weight:400;margin-right:10px}

.cart-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:10vw}.cart-items{min-height:200px}.cart-empty{font:clamp(42px,6vw,90px)/.85 var(--serif)}.cart-row{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr auto auto;gap:26px;padding:20px 0}.cart-row img{height:130px;object-fit:contain;width:140px}.cart-row h2{font-size:16px;margin:0}.cart-row p{font-size:11px}.cart-row .row-price{font-size:13px}.cart-remove{font-size:10px;letter-spacing:.1em;text-decoration:underline}.cart-summary{border-top:1px solid var(--ink);padding-top:18px}.cart-summary>div{display:flex;justify-content:space-between;margin:30px 0}.cart-summary strong{font-weight:400}.cart-summary>p{color:var(--gray);font-size:11px;line-height:1.5}.checkout{border:0;margin-top:25px}

.toast{background:var(--ink);bottom:24px;color:#fff;font-size:11px;left:50%;letter-spacing:.05em;opacity:0;padding:13px 18px;pointer-events:none;position:fixed;transform:translate(-50%,20px);transition:opacity .25s ease,transform .25s ease;z-index:100}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
[data-reveal].is-in{opacity:1;transform:translateY(0)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}.hero-object{transform:none!important}}

@media (max-width:1023px){
  :root{--pad:clamp(24px,5vw,50px)}
  .desktop-nav{gap:24px}.hero-wordmark{font-size:clamp(130px,21vw,230px)}
  .hero{height:810px;min-height:810px}.hero-strawberry{left:13%;top:220px;width:43vw}.hero-lemon{left:44%;top:190px;width:24vw}.hero-choco{right:3%;top:280px;width:32vw}.hero-ribbon-cream{top:475px;width:58vw}.hero-fork{left:10%;top:365px;width:25vw}.hero-new-drop{right:5%}
  .product-field{height:1000px}.product-cherry{left:4%;width:30vw}.product-lemon{left:34%;width:22vw}.product-coco{right:20%;width:27vw}.product-vanilla{right:3%;width:25vw}.signature{height:900px}.free-collage{height:960px}.lower-spread{min-height:720px;padding-top:90px}.footer-right span:last-child{display:none}.page-heading{grid-template-columns:.8fr 1.2fr .7fr}.menu-grid{gap:55px 25px}.detail-copy{padding-right:4%}
}

@media (max-width:639px){
  :root{--pad:20px}
  .site-header{grid-template-columns:1fr auto;height:68px;padding:0 20px}.brand{font-size:16px}.desktop-nav{display:none}.header-actions{gap:16px}.cart-trigger{font-size:9px}.cart-trigger i{height:9px;width:9px}.mobile-menu-trigger{display:flex;flex-direction:column;gap:5px;width:22px}.mobile-menu-trigger span{background:var(--ink);display:block;height:1px;width:22px}
  .hero{height:650px;min-height:650px}.hero-wordmark{display:block;font-size:clamp(115px,34vw,165px);left:-3%;line-height:.65;top:50px;white-space:nowrap}.hero-wordmark span{display:block}.hero-wordmark span:last-child{margin-left:29vw;margin-top:0}.hero-copy{font-size:11px;left:20px;top:190px}.scroll-cue{left:20px;top:315px}.scroll-cue span{font-size:10px}.scroll-cue img{height:28px;width:18px}.hero-strawberry{left:4%;top:220px;width:68vw}.hero-lemon{left:49%;top:200px;width:36vw}.hero-choco{right:-18%;top:350px;width:52vw}.hero-fork{left:8%;top:420px;transform:rotate(18deg);width:36vw}.hero-ribbon-cream{left:-30%;top:420px;width:100vw}.hero-ribbon-red{right:-24%;top:415px;width:55vw}.hero-new-drop{font-size:12px;right:8%;top:155px}.hero-cherry{width:14vw}.hero-cherry-a{right:-2%;top:285px}.hero-cherry-b{left:65%;top:520px;width:12vw}
  .product-field{height:1150px}.field-caption{font-size:24px;left:20px;top:25px}.product{max-width:none}.product-cherry{left:8%;top:190px;width:56vw}.product-lemon{left:auto;right:5%;top:215px;width:33vw}.product-coco{left:15%;right:auto;top:600px;width:50vw}.product-vanilla{bottom:50px;right:7%;top:auto;width:44vw}.product-name{font-size:13px}.product-meta{font-size:9px}.product-coco .product-tag{font-size:12px;right:-10px;top:80px}.product-vanilla .product-name{right:-4px;top:145px}.products-cherry{right:0;top:500px;width:15vw}.products-ribbon{bottom:0;left:-15%;width:70vw}
  .signature{height:930px}.signature-shape{height:54%;left:-16%;top:11%;width:105%}.signature-title{font-size:clamp(60px,17vw,92px);left:12%;top:12%}.signature-hand{font-size:22px;left:13%;top:42%}.signature-cake{left:-5%;top:34%;width:116%}.signature-info{bottom:30px;left:20px;right:auto;top:auto;width:calc(100% - 40px)}.signature-info h2{font-size:16px}.signature-info p{font-size:11px}.signature-badge{font-size:14px;padding:18px 12px;right:10%;top:53%}
  .free-collage{height:940px}.collage-note{font-size:14px;padding:13px 15px}.note-left{left:8%;top:120px}.note-right{right:8%;top:190px}.collage-cake-choco{left:-28%;top:285px;width:65vw}.collage-plate{left:25%;top:280px;width:62vw}.collage-lemon-slice{left:31%;top:350px;width:42vw}.collage-fork{left:2%;top:410px;width:65vw}.collage-cream{right:-18%;top:270px;width:48vw}.collage-cherry{right:7%;top:120px;width:18vw}.collage-cherry-two{left:17%;top:590px;width:17vw}.collage-crumbs{width:28vw}.vanilla-crumbs{left:42%;top:610px}.chocolate-crumbs{left:63%;top:600px}.collage-tape{right:8%;top:540px;width:40vw}.collage-ticket{font-size:10px;left:12%;top:725px;padding:10px 13px}.collage-circle-note{font-size:13px;padding:17px 13px;right:18%;top:700px}.collage-product{bottom:0;right:-12%;width:48vw}
  .lower-spread{display:block;min-height:1260px;padding:95px 20px 30px}.story-teaser{padding:0}.story-teaser h2,.final-cta h2{font-size:50px}.story-photo{margin:70px auto 0;width:72%}.menu-teaser{margin-top:90px;padding:0}.menu-teaser>img{margin-left:80%;width:43px}.final-cta{min-height:470px;padding:100px 0 0 14%}.cta-stars{right:14%;top:55px;width:37px}.cta-stars-two{right:5%;top:80px;width:29px}.cta-ribbon{right:-39%;top:280px;width:80vw}.site-footer{align-items:flex-start;display:block;min-height:190px;padding:30px 20px}.site-footer nav{gap:18px;margin-top:28px}.footer-right{flex-wrap:wrap;gap:12px;margin-top:28px;white-space:normal}.footer-right span:last-child{flex-basis:100%;font-size:8px}
  .page-view{min-height:calc(100vh - 68px);padding:75px 20px 100px}.page-heading{display:block;min-height:340px}.page-heading h1,.story-page-heading h1{font-size:clamp(95px,25vw,155px);margin-top:30px;transform:none}.page-heading>p:last-child{font-size:17px;margin-top:30px}.filter-nav{gap:17px;margin:20px 0 45px;overflow-x:auto}.filter-nav button{font-size:9px;white-space:nowrap}.menu-grid{display:block}.menu-card{margin-bottom:80px;min-height:320px}.menu-card:nth-child(n){transform:none}.menu-card:nth-child(even){margin-left:14%}.menu-card-image{min-height:260px}.menu-card-image img,.menu-card:nth-child(2) .menu-card-image img,.menu-card:nth-child(4) .menu-card-image img{max-height:270px;width:70%}
  .detail-page{display:block}.detail-image{min-height:420px}.detail-image img{max-height:450px;width:100%}.detail-copy{padding:35px 0}.detail-copy h1{font-size:80px}.detail-sections{grid-template-columns:1fr 1fr;gap:20px}.related-strip{grid-template-columns:1fr 1fr;gap:18px}.related-strip .eyebrow{grid-column:1/-1}.story-page-heading{min-height:250px}.story-page-grid{display:flex;flex-direction:column;gap:50px}.story-page-copy h2{font-size:55px}.story-page-grid>img{order:2;width:85%}.story-points{order:3;width:100%}.cart-layout{display:block}.cart-row{grid-template-columns:82px 1fr auto;gap:12px}.cart-row img{height:80px;width:78px}.cart-row .row-price{grid-column:2}.cart-remove{grid-column:3;grid-row:1}.cart-summary{margin-top:60px}.cart-empty{font-size:56px}
}

/* Keep the reference composition dense enough to read as one editorial spread. */
@media (min-width:640px){
  .site-header{height:58px}
  .hero{height:clamp(440px,40vw,620px);min-height:440px}
  .hero-copy{top:190px}
  .scroll-cue{top:275px}
  .hero-strawberry{top:145px}
  .hero-lemon{top:122px}
  .hero-choco{top:165px}
  .hero-fork{top:245px}
  .hero-ribbon-cream{top:305px}
  .hero-ribbon-red{top:315px}
  .hero-new-drop{top:165px}
  .hero-cherry-a{top:255px}
  .hero-cherry-b{top:390px}

  .product-field{height:clamp(270px,23vw,360px);margin-top:-42px}
  .field-caption{display:none}
  .product-cherry{left:5%;top:28px;width:24vw}
  .product-lemon{left:35%;top:16px;width:18vw}
  .product-coco{right:24%;top:35px;width:22vw}
  .product-vanilla{right:5%;top:45px;width:20vw}
  .products-cherry{right:1%;top:22px;width:7vw}
  .products-ribbon{display:none}

  .signature{height:clamp(380px,33vw,500px)}
  .signature-shape{height:85%;left:1%;top:6%;width:39%}
  .signature-title{left:7%;top:14%}
  .signature-hand{left:7%;top:66%}
  .signature-cake{left:31%;top:1%;width:46%}
  .signature-info{right:6%;top:28%;width:17%}
  .signature-badge{right:19%;top:66%}

  .free-collage{height:clamp(280px,27vw,420px)}
  .note-left{left:4%;top:18px;width:14vw}
  .note-right{right:31%;top:80px;width:10vw}
  .collage-cake-choco{left:-5%;top:70px;width:21vw}
  .collage-plate{left:30%;top:35px;width:26vw}
  .collage-lemon-slice{left:36%;top:88px;width:14vw}
  .collage-fork{left:17%;top:92px;width:25vw}
  .collage-cream{right:28%;top:22px;width:15vw}
  .collage-smile{right:3%;top:18px;width:14vw}
  .collage-cherry{right:14%;top:170px;width:6vw}
  .collage-cherry-two{left:18%;top:190px;width:6vw}
  .vanilla-crumbs{left:49%;top:205px}
  .chocolate-crumbs{left:61%;top:195px}
  .collage-tape{right:17%;top:66px;width:11vw}
  .collage-ticket{left:17%;top:225px}
  .collage-pink-ticket{right:15%;top:215px;width:14vw}
  .collage-product{bottom:-10px;right:17%;width:14vw}

  .lower-spread{min-height:clamp(300px,25vw,400px);padding-top:46px;padding-bottom:16px}
  .story-teaser{padding-top:0}
  .story-teaser .body-copy{margin-top:18px}
  .story-photo{width:min(240px,82%)}
  .menu-teaser{padding-top:0}
  .menu-lines{margin-top:18px}
  .coming{margin-top:25px}
  .final-cta{min-height:280px;padding-top:16px}
  .shop-cta{margin-top:20px;padding:14px 22px 12px}
  .cta-ribbon{right:-18%;top:145px;width:25vw}
  .site-footer{min-height:55px}
}

@media (min-width:640px) and (max-width:850px){
  .lower-spread{grid-template-columns:1fr 1fr;min-height:580px}
  .final-cta{grid-column:1/-1}
}

.hero-new-drop{background:none;height:auto;padding:0;right:8%;transform:rotate(-8deg);width:12vw;z-index:12}
.hero-cream-cherry{position:absolute;right:-4%;top:290px;width:22vw;z-index:7}
.collage-note{background:none;height:auto;padding:0;z-index:8}
.collage-smile,.collage-pink-ticket{position:absolute;z-index:8}

/* Desktop hero is registered to the 956px reference artboard. */
@media (min-width:640px){
  .hero{height:clamp(520px,55vw,760px);min-height:520px}
  .hero-wordmark{display:block;font-size:30vw;left:0;line-height:.64;right:0;top:3px}
  .hero-wordmark span{position:absolute;top:0;transform-origin:left top}
  .hero-wordmark span:first-child{left:3.5%;transform:scale(.71,1.12)}
  .hero-wordmark span:last-child{left:64.2%;margin-left:0;transform:scale(.72,1.12)}
  .hero-copy{left:4.5%;top:222px}
  .scroll-cue{left:3.5%;top:308px}

  .hero-strawberry{left:13.5%;top:139px;width:45vw}
  .hero-lemon{left:39.5%;top:94px;width:30.5vw}
  .hero-choco{right:8.5%;top:103px;width:34vw}
  .hero-fork{left:14.5%;top:220px;transform:rotate(2deg);width:19.5vw}
  .hero-ribbon-cream{left:-5%;top:258px;width:58vw}
  .hero-ribbon-red{right:7%;top:387px;width:28vw}
  .hero-new-drop{right:7%;top:143px;width:12vw}
  .hero-cream-cherry{right:-4%;top:258px;width:27.5vw}
  .hero-cherry-a{display:none}
  .hero-cherry-b{left:55%;top:435px;width:6vw}
}

@media (max-width:639px){
  .hero-new-drop{right:4%;top:148px;width:28vw}
  .hero-cream-cherry{right:-22%;top:365px;width:55vw}
  .note-left{left:5%;top:90px;width:44vw}
  .note-right{right:5%;top:170px;width:36vw}
  .collage-smile{right:-8%;top:300px;width:42vw}
  .collage-pink-ticket{right:8%;top:700px;width:42vw}
}

/* Final desktop artboard: 956 x 1680 reference proportions. */
@media (min-width:851px){
  :root{--pad:4.8vw}
  .site-header{height:clamp(58px,6.07vw,86px);padding:0 4.8vw}
  .brand{font-size:20px}
  .desktop-nav{gap:4.5vw}

  .hero{height:clamp(482px,50.42vw,700px);min-height:0;overflow:hidden}
  .hero-wordmark{font-size:30vw;left:0;right:0;top:.6vw}
  .hero-wordmark span:first-child{left:3.5%;transform:scale(.73,1.12)}
  .hero-wordmark span:last-child{left:64.2%;transform:scale(.75,1.12)}
  .hero-copy{left:4.5%;top:25.05vw}
  .scroll-cue{left:3.5%;top:32.85vw}
  .hero-strawberry{left:13.5%;top:14.95vw;width:47vw}
  .hero-lemon{left:40.5%;top:9.85vw;width:32vw}
  .hero-choco{right:7.8%;top:10.75vw;width:34vw}
  .hero-fork{left:14%;top:22.05vw;transform:rotate(0deg);width:19.5vw}
  .hero-ribbon-cream{left:-5%;position:absolute;top:28.8vw;transform:rotate(-4deg);width:52vw;z-index:10}
  .hero-ribbon-cream img{width:100%}
  .hero-ribbon-cream span{display:none}
  .hero-ribbon-red{right:7%;top:40.45vw;width:28vw}
  .hero-new-drop{background:none;height:auto;padding:0;position:absolute;right:7%;top:15.05vw;transform:rotate(-8deg);width:12vw;z-index:12}
  .hero-new-drop img{width:100%}
  .hero-new-drop span{font:1.25vw var(--hand);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}
  .hero-cream-cherry{right:-4%;top:26.95vw;width:25.5vw}
  .hero-cherry-a{display:none}
  .hero-cherry-b{left:55%;top:43.85vw;width:6vw}
  .hero:after{background:#fff;bottom:-1px;clip-path:polygon(0 100%,100% 0,100% 100%);content:"";height:4.8vw;pointer-events:none;position:absolute;right:0;width:38%;z-index:14}
  .hero:before{background:rgba(17,17,17,.14);bottom:2.5vw;content:"";height:1px;pointer-events:none;position:absolute;right:-1%;transform:rotate(-7.2deg);transform-origin:right center;width:39%;z-index:15}

  .product-field{height:clamp(220px,23.01vw,330px);margin-top:0;overflow:visible}
  .product{height:100%;max-width:none;top:0}
  .product-image{position:absolute}
  .product-meta{display:block;margin:0;position:absolute;z-index:6}
  .product-meta span:first-child,.product-meta strong{display:block}
  .product-meta .product-rule{margin:43px 0 10px}
  .product-name{margin:0;position:absolute;z-index:6}
  .product-cherry{left:9%;width:26vw}
  .product-cherry .product-image{left:0;top:0}
  .product-cherry .product-meta{left:-5vw;top:5.5vw}
  .product-cherry .product-name{left:-5vw;top:7.2vw}
  .product-lemon{left:32.2%;width:18.4vw}
  .product-lemon .product-image{left:0;top:6.5vw}
  .product-lemon .product-meta{left:4%;top:.9vw}
  .product-lemon .product-name{left:4%;top:2.6vw}
  .product-coco{left:47.6%;right:auto;width:21vw}
  .product-coco .product-image{left:0;top:-3.5vw}
  .product-coco>.product-meta,.product-coco>.product-name{display:none}
  .product-coco .product-tag{background:none;height:auto;left:60%;padding:0;right:auto;top:5.4vw;width:9vw;z-index:8}
  .product-coco .product-tag img{width:100%}
  .product-coco .product-tag span{font:1.15vw/1.05 var(--sans);font-weight:600;left:51%;position:absolute;top:49%;transform:translate(-50%,-50%);white-space:nowrap}
  .product-coco .product-tag strong{font-weight:400}
  .product-vanilla{left:auto;right:10.5%;width:18.5vw}
  .product-vanilla .product-image{left:0;top:2.8vw}
  .product-vanilla .product-meta{left:92%;top:5.2vw;width:70px}
  .product-vanilla .product-name{left:92%;right:auto;top:6.9vw;width:90px}
  .products-cherry{right:-1%;top:12vw;width:8vw}
  .products-ribbon{display:none}

  .signature{height:clamp(370px,38.7vw,550px);overflow:visible}
  .signature-shape{height:100%;left:-1%;top:-5%;width:41%}
  .signature-title{font-size:8.2vw;left:8.2%;top:10%}
  .signature-hand{font-size:2.5vw;left:7%;top:69%}
  .signature-hand:after{background:url('assets/graphics/underline-red.svg') center/100% 100% no-repeat;height:12px}
  .signature-cake{left:27.5%;top:-20%;width:53%}
  .signature-cake img{height:auto;transform:none;width:100%}
  .signature-info{right:7%;top:23%;width:13%}
  .signature-info h2{font-size:1.8vw;margin-top:10px}
  .signature-info p{font-size:1.05vw;line-height:1.45}
  .signature-badge{background:none;padding:0;right:24%;top:72%;width:8.5vw}
  .signature-info button{align-items:center;display:flex;justify-content:space-between;white-space:nowrap;width:100%}

  .free-collage{height:clamp(260px,27.2vw,390px);overflow:visible}
  .collage-note{background:none;padding:0;position:absolute}
  .collage-note img{width:100%}
  .collage-note span{font:1.25vw/1.1 var(--hand);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}
  .note-left{left:2%;top:-3.5vw;width:14vw}
  .note-right{right:31%;top:3.5vw;width:10vw}
  .note-right span{color:var(--ink)}
  .collage-cake-choco{left:-5%;top:2.5vw;width:24vw}
  .collage-plate{left:25.5%;top:-4.5vw;width:32vw}
  .collage-lemon-slice{left:32%;top:0;width:26vw}
  .collage-fork{left:14%;top:1.5vw;transform:rotate(-12deg);width:20vw}
  .collage-cream{right:34%;top:-1.5vw;width:15vw}
  .collage-smile{right:1%;top:-1.5vw;width:18vw}
  .collage-smile>img:first-child{width:100%}
  .collage-smile .cream-face{left:31%;position:absolute;top:30%;width:43%}
  .collage-cherry{right:12%;top:11vw;width:6vw}
  .collage-cherry-two{left:14%;top:-1vw;width:7vw}
  .vanilla-crumbs{left:49%;top:16vw}
  .chocolate-crumbs{left:61%;top:15vw}
  .collage-tape{right:15%;top:1vw;width:11vw}
  .collage-ticket{left:17%;top:18vw}
  .collage-pink-ticket{right:15%;top:17vw;width:14vw}
  .collage-product{bottom:auto;right:17%;top:-2vw;width:15vw}

  .lower-spread{display:grid;grid-template-columns:18% 27% 22% 33%;height:clamp(240px,25.1vw,360px);min-height:0;overflow:visible;padding:.3vw 4.8vw 1.5vw}
  .story-teaser{grid-column:1;padding:0}
  .story-teaser h2{font-size:3.1vw;margin-top:1vw}
  .story-teaser .body-copy{font-size:.86vw;line-height:1.55;margin-top:1.2vw}
  .red-dash{height:1px;margin:1.2vw 0;width:3vw}
  .story-photo{grid-column:2;justify-self:center;position:relative;transform:translate(-2.5vw,-3.6vw) rotate(-3deg);width:23.5vw;z-index:3}
  .story-photo img{border-width:8px}
  .menu-teaser{grid-column:3;padding:0 0 0 1vw}
  .menu-lines{gap:.8vw;margin-top:2vw;max-width:none}
  .menu-lines span,.menu-lines strong{font-size:.82vw}
  .coming{font-size:1.25vw;margin-top:2vw}
  .menu-teaser>img{margin:.4vw 0 0 72%;width:4vw}
  .final-cta{grid-column:4;grid-row:1;min-height:0;padding:1.3vw 0 0 4.8vw}
  .final-cta h2{font-size:4.9vw;margin:0;position:relative;z-index:3}
  .shop-cta{background:none;gap:3vw;isolation:isolate;margin-left:-1.5vw;margin-top:2vw;padding:1.2vw 2vw;transform:none}
  .shop-cta:before{display:none}
  .shop-cta>img{height:100%;inset:0;position:absolute;width:100%;z-index:0}
  .shop-cta b{font-size:1.2vw;font-weight:500;position:relative;white-space:nowrap;z-index:1}
  .shop-cta span{font-size:2vw;position:relative;z-index:1}
  .cta-stars{right:30%;top:0;width:4vw}
  .cta-stars-two{right:20%;top:1.5vw;width:3vw}
  .cta-ribbon{height:auto;right:-23%;top:-5vw;width:18vw;z-index:1}

  .site-footer{height:clamp(50px,5.23vw,74px);min-height:0;padding:0 4.8vw}
  .site-footer nav{gap:4vw}
}

/* v22: independently regenerated reference-matched assets. */
html,body{overflow-x:clip}
.hero-new-drop span,.product-coco .product-tag span,.note-right span{display:none}

@media (min-width:851px){
  .hero-ribbon-cream{left:-3%;top:28.2vw;width:49vw}
  .hero-ribbon-red{right:4%;top:39.4vw;width:29vw}
  .hero-new-drop{right:6%;top:14.8vw;width:13vw}
  .signature-cake{left:29%;top:-17%;width:48%}
  .signature-badge{right:23%;top:72%}
  .product-coco .product-tag{right:-2%;top:34%;width:9vw}
  .note-right{right:30%;top:-.5vw;width:8.5vw}
  .collage-fork{left:13%;top:1vw;width:22vw}
  .collage-cream{right:33%;top:-.4vw;width:16vw}
  .cta-ribbon{right:-13vw;top:-2vw;width:26vw}
}

@media (max-width:850px){
  .hero-ribbon-cream{width:105vw}
  .hero-ribbon-red{right:-15%;width:62vw}
  .hero-new-drop{width:29vw}
  .product-coco .product-tag{width:24vw}
  .signature-cake{left:-2%;width:108%}
  .note-right{width:31vw}
  .collage-fork{width:70vw}
  .collage-cream{width:50vw}
  .cta-ribbon{right:-40%;width:85vw}
}

/* Soft contact shadows keep the cut-outs grounded on the white artboard. */
.hero-strawberry img{filter:drop-shadow(9px 11px 7px rgba(65,35,24,.18))}
.hero-lemon img{filter:drop-shadow(7px 10px 7px rgba(77,54,24,.16))}
.hero-choco img{filter:drop-shadow(9px 11px 8px rgba(39,20,18,.2))}
.hero-cream-cherry{filter:drop-shadow(8px 9px 7px rgba(52,26,24,.16))}
.hero-fork{filter:drop-shadow(5px 7px 4px rgba(17,17,17,.19))}
.hero-ribbon-cream img,.hero-ribbon-red{filter:drop-shadow(4px 7px 5px rgba(66,35,30,.13))}
.hero-new-drop img{filter:drop-shadow(4px 5px 4px rgba(17,17,17,.16))}
.product-image img{filter:drop-shadow(7px 10px 7px rgba(55,29,22,.18))}
.product-tag img,.collage-note img,.collage-pink-ticket{filter:drop-shadow(4px 5px 4px rgba(17,17,17,.15))}
.signature-cake img{filter:drop-shadow(10px 13px 9px rgba(74,32,24,.19))}
.collage-cake-choco,.collage-lemon-slice,.collage-product{filter:drop-shadow(7px 9px 6px rgba(51,27,22,.17))}
.collage-plate{filter:drop-shadow(7px 10px 7px rgba(47,34,28,.14))}
.collage-fork{filter:drop-shadow(5px 7px 4px rgba(17,17,17,.18))}
.collage-cream,.collage-smile{filter:drop-shadow(5px 7px 5px rgba(33,28,25,.12))}

.hero-object img,.product-image img,.signature-cake img,.collage-cake-choco,.collage-lemon-slice,.collage-product{
  filter:drop-shadow(0 5px 3px rgba(48,24,18,.2)) drop-shadow(11px 16px 13px rgba(48,24,18,.18));
}
.hero-cream-cherry,.collage-cream,.collage-smile{
  filter:drop-shadow(0 4px 3px rgba(45,34,29,.16)) drop-shadow(9px 13px 11px rgba(45,34,29,.14));
}
.hero-fork,.collage-fork,.collage-plate{
  filter:drop-shadow(0 4px 2px rgba(17,17,17,.2)) drop-shadow(8px 12px 8px rgba(17,17,17,.17));
}
.hero-ribbon-cream img,.hero-ribbon-red,.collage-tape,.cta-ribbon{
  filter:drop-shadow(0 4px 2px rgba(62,27,27,.16)) drop-shadow(7px 11px 8px rgba(62,27,27,.14));
}
.hero-new-drop img,.product-tag img,.collage-note img,.collage-pink-ticket{
  filter:drop-shadow(0 3px 2px rgba(17,17,17,.18)) drop-shadow(6px 9px 7px rgba(17,17,17,.14));
}
.hero-cherry,.products-cherry,.collage-cherry,.menu-teaser>img{
  filter:drop-shadow(0 3px 2px rgba(45,15,15,.2)) drop-shadow(6px 9px 7px rgba(45,15,15,.17));
}

@media (min-width:851px){
  .free-collage{z-index:4}
  .lower-spread{z-index:1}
}

@media (max-width:639px){
  .field-caption{display:none}
  .hero-ribbon-cream{position:absolute}
  .hero-ribbon-cream img{width:100%}
  .hero-ribbon-cream span{color:var(--red);font:9px var(--serif);left:24%;letter-spacing:.03em;position:absolute;top:52%;transform:rotate(-5deg);white-space:nowrap}
  .hero-new-drop{background:none;height:auto;padding:0;position:absolute}
  .hero-new-drop img{width:100%}
  .hero-new-drop span{font:10px var(--hand);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}
  .product-coco>.product-meta,.product-coco>.product-name{display:none}
  .product-coco .product-tag{background:none;padding:0;right:-16px;top:72px;width:125px}
  .product-coco .product-tag img{width:100%}
  .product-coco .product-tag span{font:11px/1.05 var(--sans);font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
  .signature-badge{background:none;font-size:0;height:auto;padding:0;right:5%;top:56%;width:92px}
  .collage-note{background:none;padding:0;position:absolute}
  .collage-note img{width:100%}
  .collage-note span{font:13px/1.05 var(--hand);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}
  .note-right span{color:var(--ink)}
  .collage-smile>img:first-child{width:100%}
  .collage-smile .cream-face{left:30%;position:absolute;top:28%;width:45%}
  .shop-cta{background:none;isolation:isolate;padding:16px 26px;transform:none}
  .shop-cta:before{display:none}
  .shop-cta>img{height:100%;inset:0;position:absolute;width:100%;z-index:0}
  .shop-cta b,.shop-cta span{position:relative;z-index:1}
}

/* v23 registration corrections after full-artboard comparison. */
.hero-ribbon-cream span,.hero-new-drop span,.product-coco .product-tag span,.note-right span{display:none!important}

@media (min-width:851px){
  .hero-ribbon-cream{left:-10%;top:33vw}
  .signature-cake{left:33%;top:-10%;width:43%}
  .signature-badge{right:23%;top:72%}
  .note-right{right:30%;top:4vw}
  .collage-plate{top:-3.5vw}
  .collage-lemon-slice{top:2vw}
  .cta-ribbon{right:-24vw;top:-3vw;width:26vw}
}