:root{--bg:#fff8f1;--bg2:#fbeee2;--fg:#4a2c1d;--muted:#8a6a58;--accent:#d9776b;--accent2:#f3c9a1;--on-accent2:#4a2c1d;--card:#fffdf9;--line:rgba(74,44,29,.13);--fh:"Playfair Display",Georgia,serif;--fb:"Lato",system-ui,sans-serif;--r:22px;--fbg:#4a2c1d;--ffg:#f6e3d3;--hbg:#fff8f1}
.hand{font-family:"Dancing Script",cursive;font-size:2rem;color:var(--accent);line-height:1}
.hero{text-align:center;padding:70px 0 40px;background:radial-gradient(circle at 20% 10%,#fde6dc 0 120px,transparent 121px),radial-gradient(circle at 85% 30%,#fbeacc 0 90px,transparent 91px),var(--bg);overflow:hidden}
.hero h1{max-width:14ch;margin:10px auto 16px;font-style:italic}
.hero .lead{max-width:560px;margin:0 auto 24px}
.hero .btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.hero svg.loaves{width:min(760px,100%);margin:34px auto 0}
.steam path{animation:steam 3.5s ease-in-out infinite;opacity:.0}
.steam path:nth-child(2){animation-delay:1.1s}.steam path:nth-child(3){animation-delay:2.2s}
@keyframes steam{0%{opacity:0;transform:translateY(10px)}40%{opacity:.7}100%{opacity:0;transform:translateY(-26px)}}
.cd{border-radius:var(--r)}
.tabs{justify-content:center}
.sticker{display:inline-block;background:var(--accent);color:#fff;font-weight:900;border-radius:999px;padding:6px 12px;font-size:13px;transform:rotate(-4deg)}
@media(max-width:600px){.hero{padding-top:48px}}