@import "https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--paper:#f7efe1;--paper-dim:#efe4cf;--ink:#2b2118;--muted:#766451;--line:#e2d3b8;--ember:#e85d2c;--amber:#f2a93b;--ember-dark:#b8441c}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:3px}:focus-visible{outline:2px solid var(--ember-dark);outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:22px 6%;display:flex}.brand{letter-spacing:-.3px;color:var(--ink);align-items:center;gap:10px;font-family:Roboto Slab,Georgia,serif;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand img.brand-logo{width:auto;height:38px;display:block}.brand-dot,.status-dot{background:var(--ember);border-radius:50%;width:7px;height:7px;display:inline-block}nav{align-items:center;gap:26px;display:flex}nav a{font-size:14px;font-weight:600;text-decoration:none}nav a:hover{color:var(--ember-dark)}.button{border:1px solid var(--ember);background:var(--ember);color:var(--paper);border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:13px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.button:hover{background:var(--ember-dark);border-color:var(--ember-dark)}.button.small{padding:8px 16px}.button.secondary{color:var(--ink);border-color:var(--line);background:0 0}.button.secondary:hover{background:var(--paper-dim)}.full{width:100%}.text-link{border-bottom:1px solid var(--ember);padding-bottom:2px;font-size:14px;font-weight:600;text-decoration:none}.hero{max-width:1180px;margin:auto;padding:88px 6% 60px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:2.6px;color:var(--ember-dark);margin-bottom:22px;font-size:11px;font-weight:700;display:block}h1{letter-spacing:-1.5px;max-width:900px;margin:0 0 24px;font-family:Roboto Slab,Georgia,serif;font-size:clamp(42px,6vw,78px);font-weight:700;line-height:1.05}h1 em{color:var(--ember);font-style:normal}h2{letter-spacing:-.5px;margin:0 0 16px;font-family:Roboto Slab,Georgia,serif;font-size:26px;font-weight:700}h3{margin:0 0 8px;font-size:17px;font-weight:700}p{color:var(--muted)}.hero>p.lede{max-width:460px;font-size:18px;line-height:1.75}.actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:34px;display:flex}.hero-note{color:var(--muted);align-items:center;gap:10px;margin-top:56px;font-size:12px;display:flex}.trail-divider{max-width:1180px;margin:0 auto;padding:10px 6% 50px}.trail-divider svg{width:100%;height:auto;display:block}.trail-path{fill:none;stroke:var(--ember);stroke-width:2.5px;stroke-dasharray:2 14;stroke-linecap:round;opacity:.9}.trail-mark{fill:var(--amber);stroke:var(--ink);stroke-width:1.5px}.section{max-width:1180px;margin:auto;padding:20px 6% 90px}.section-head{max-width:640px;margin-bottom:44px}.lineup-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;display:grid}.sauce-card{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.sauce-card .sauce-photo{aspect-ratio:1;object-fit:cover;background:var(--paper-dim);width:100%;display:block}.sauce-card .sauce-body{flex-direction:column;flex:1;gap:10px;padding:22px 22px 26px;display:flex}.sauce-tagline{color:var(--ember-dark);text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:700}.sauce-price{color:var(--ink);margin-top:auto;font-family:Roboto Slab,Georgia,serif;font-size:22px}.sauce-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.favorite-button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.favorite-button[data-active=true]{background:var(--ember);border-color:var(--ember);color:var(--paper)}.favorite-button:disabled{cursor:not-allowed}.story{background:var(--ink);color:var(--paper)}.story .section{padding-top:70px;padding-bottom:70px}.story h2{color:var(--paper)}.story p{color:#d8cbb6;max-width:620px;font-size:16px}.story-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:40px;display:grid}.story-grid h3{color:var(--amber);text-transform:uppercase;letter-spacing:1px;font-family:Roboto Slab,Georgia,serif;font-size:15px}.story-grid p{color:#cabda8;font-size:14px}.narrow{max-width:460px;margin:auto;padding:60px 24px 80px}.narrow h1{letter-spacing:-1px;font-size:42px}.narrow>p{margin-bottom:28px}.divider{text-align:center;color:var(--muted);padding:20px 0;font-size:12px}label{margin-bottom:18px;font-size:13px;font-weight:700;display:block}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:5px;margin-top:7px;padding:12px;display:block}small{color:var(--muted);font-weight:400}.auth-options{flex-direction:column;gap:10px;margin-top:22px;display:flex}.link-button{color:var(--ember-dark);text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.error{color:#9a2f1f;background:#fbe7de;border-radius:5px;padding:12px}.success{background:#eef3e2;border-radius:5px;padding:12px}.container{max-width:1120px;margin:auto;padding:56px 6% 100px}.container h1{font-size:54px}.workspace-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;padding:26px}.saved-item{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.saved-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.orders{margin:22px 0}.order{border-top:1px solid var(--line);justify-content:space-between;padding:14px 0;display:flex}.badge{background:var(--paper-dim);border-radius:20px;padding:3px 10px;font-size:12px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:34px;display:grid}.price{color:var(--ink);font-family:Roboto Slab,Georgia,serif;font-size:28px}footer{border-top:1px solid var(--line);max-width:1280px;color:var(--muted);justify-content:space-between;margin:auto;padding:28px 6%;font-size:12px;display:flex}@media (max-width:640px){nav{gap:14px}nav>a:not(.button){display:none}.topbar{padding:20px 6%}.hero{padding-top:60px}.actions{flex-direction:column;align-items:flex-start;gap:18px}.workspace-grid{grid-template-columns:1fr}.container h1{font-size:40px}footer{flex-direction:column;gap:10px}.hero-note{margin-top:40px}}