/* A quiet closing invitation, using the existing site type, colour and gutters. */
.home-bake-invitation { text-align:center; padding-block:clamp(48px,6vw,88px); border-top:0; }
.home-bake-invitation .eyebrow { margin:0 0 20px; font-size:18px; letter-spacing:.07em; text-transform:uppercase; text-wrap:balance; }
.home-bake-invitation h2 { margin:0 auto 28px; max-width:22ch; font-size:clamp(30px,3.3vw,46px); line-height:1.18; text-wrap:balance; }
.home-bake-invitation .primary { border:0; display:inline-flex; gap:14px; min-height:52px; max-width:100%; padding:14px 26px; font-size:16px; letter-spacing:.02em; }
.home-bake-invitation .ui-icon { width:24px; height:24px; transition:transform 180ms var(--ease); }
@media(hover:hover) and (pointer:fine) { .home-bake-invitation .primary:hover .ui-icon { transform:translateX(4px); } }
@media(max-width:480px) { .home-bake-invitation .eyebrow { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { .home-bake-invitation .ui-icon { transition:none;transform:none!important; } }
/* One motion controller owns the cards; the button has independent positioning. */
.home-bake-invitation{display:block;text-align:center;padding-top:clamp(40px,5vw,68px);padding-bottom:0;overflow:hidden;background:var(--ground)}
.home-bake-invitation .eyebrow{font-size:clamp(12px,1.15vw,15px);letter-spacing:.09em;margin-bottom:14px;color:var(--muted)}
.home-bake-invitation h2{max-width:22ch;margin:0 auto 20px;font-size:clamp(30px,3.5vw,48px);line-height:1.12}
.bake-stack{position:relative;width:min(100%,540px);min-width:0;margin:0 auto}
.bake-stack-stage{height:320px;position:relative;isolation:isolate}
.bake-stack-card{position:absolute;left:50%;top:50px;width:240px;margin:0;visibility:hidden;transform:translateX(calc(-50% + var(--stack-offset)*5px)) translateY(calc(var(--stack-index)*3px)) rotate(calc(var(--stack-offset)*3deg));transform-origin:50% 60%}
.bake-stack-card.is-selected,.bake-stack-card.is-stacked{visibility:visible}
.bake-stack-card>a{display:block;padding:10px 10px 14px;background:var(--paper,#fffaf0);border:0;box-shadow:0 5px 16px #3524181a;color:var(--ink);text-decoration:none}
.bake-stack-card .food-photo{display:block;width:100%;height:224px;object-fit:cover}
.bake-stack-card-title{display:block;text-align:left;font:16px/1.25 var(--serif);margin-top:10px;min-height:40px}
.bake-stack-card a:focus-visible{outline:2px solid var(--brick);outline-offset:5px}
.home-bake-invitation .bake-stack-explore{position:absolute;top:40px;left:0;right:0;margin-inline:auto;width:max-content;transform:none!important;z-index:20;white-space:nowrap;box-shadow:0 4px 16px #35241820;transition:background-color 180ms,border-color 180ms,box-shadow 180ms}
@media(max-width:480px){
 .bake-stack-stage{height:275px}
 .bake-stack-card{width:200px;top:48px;transform:translateX(calc(-50% + var(--stack-offset)*4px)) translateY(calc(var(--stack-index)*2px)) rotate(calc(var(--stack-offset)*3deg))}
 .bake-stack-card .food-photo{height:180px}
 .home-bake-invitation .bake-stack-explore{top:36px;font-size:14px;padding:14px 20px}
}

/* Cards rise through the footer edge, beneath the fixed invitation button. */
.home-bake-invitation h2{margin-bottom:12px}
.bake-stack-stage{height:270px}
.bake-stack-card{top:20px;transform:translateX(calc(-50% + var(--stack-offset)*12px)) translateY(calc(var(--stack-index)*3px)) rotate(calc(var(--stack-offset)*4deg))}
.home-bake-invitation .bake-stack-explore{top:100px}
@media(max-width:480px){.bake-stack-stage{height:240px}.bake-stack-card{top:18px;transform:translateX(calc(-50% + var(--stack-offset)*9px)) translateY(calc(var(--stack-index)*2px)) rotate(calc(var(--stack-offset)*4deg))}.home-bake-invitation .bake-stack-explore{top:88px}}

