/* MakerChef — a chef's prep list meets an editorial food magazine */
@font-face{font-family:'Fraunces';src:url('../../assets/fonts/fraunces.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url('../../assets/fonts/fraunces-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:'Work Sans';src:url('../../assets/fonts/work-sans.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

.site{
  --paper:#f4ecdf;--ink:#1f1b18;--paprika:#d2452c;--ink-paprika:#b3371f;--paprika-lt:#f59a82;
  --butter:#f2c14e;--herb:#3f6b3a;--steel:#9aa3a8;--cream:#fff9ee;--muted:#5b5047;--muted-dk:#d4c8b7;
  --line:rgba(31,27,24,.18);
  --serif:'Fraunces',Georgia,'Times New Roman',serif;--sans:'Work Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--sans);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
}
:where(.site) *,:where(.site) *::before,:where(.site) *::after{box-sizing:border-box}
:where(.site h1,.site h2,.site h3,.site p,.site ul,.site ol,.site dl,.site dd,.site figure,.site blockquote){margin:0;padding:0}
:where(.site ul,.site ol){list-style:none}
:where(.site img,.site svg){display:block;max-width:100%}
:where(.site a){color:inherit}
:where(.site em){font-style:italic}
:where(.site button,.site input,.site select,.site textarea){font:inherit;color:inherit}
.site [hidden]{display:none!important}
.site :focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:3px}
.mc-dark :focus-visible,.mc-foot :focus-visible{outline-color:var(--butter)}
.mc-sprite{position:absolute;width:0;height:0;overflow:hidden}
.mc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mc-ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mc-wrap{width:min(100% - 2rem,74rem);margin-inline:auto}
.mc-skip{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--ink);color:var(--cream);padding:.7rem 1rem;border-radius:4px;text-decoration:none;font-weight:600}
.mc-skip:focus{top:1rem}

/* ---------- type ---------- */
.mc-hero h1,.mc-sec h2,.mc-recipe h3,.mc-logo{font-family:var(--serif)}
.mc-hero h1{font-size:clamp(2.7rem,1.2rem + 6.4vw,4.6rem);line-height:.98;letter-spacing:-.025em;font-weight:700}
.mc-sec h2{font-size:clamp(2.1rem,1.2rem + 3.8vw,4rem);line-height:1.03;letter-spacing:-.02em;font-weight:700;margin:1rem 0 1.25rem}
.mc-hero h1 em,.mc-sec h2 em{font-weight:500;color:var(--ink-paprika)}
.mc-hero h1 em{color:var(--paprika)}
.mc-dark h2 em{color:var(--paprika-lt)}
.mc-big{font-family:var(--serif);font-size:clamp(1.2rem,1rem + .9vw,1.6rem);line-height:1.4;font-weight:400;margin-bottom:1rem}
.mc-fine{font-size:.9rem;color:var(--muted)}
.mc-sec{padding:clamp(3.5rem,8vw,7rem) 0;position:relative}
.mc-sec p+p{margin-top:1rem}
.mc-sechead{max-width:46rem;margin-bottom:clamp(1.5rem,4vw,2.75rem)}
.mc-sechead p:not(.mc-tape){font-size:1.15rem;color:var(--muted)}

/* ---------- masking tape label ---------- */
.mc-tape{display:inline-block;font:700 .74rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:.55rem 1.1rem .5rem;background:var(--butter);color:var(--ink);transform:rotate(-1.6deg);
  clip-path:polygon(0 0,100% 0,98.5% 14%,100% 28%,98.5% 42%,100% 56%,98.5% 70%,100% 84%,98.5% 100%,0 100%,1.5% 86%,0 72%,1.5% 58%,0 44%,1.5% 30%,0 16%);
  box-shadow:0 1px 0 rgba(0,0,0,.15)}
.mc-tape--paprika{background:var(--paprika);color:#fff}
.mc-tape--herb{background:var(--herb);color:var(--cream)}
.mc-tape--paper{background:var(--paper);color:var(--ink)}
.mc-tape--butter{background:var(--butter)}

/* ---------- buttons ---------- */
.mc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.1rem;padding:.75rem 1.5rem;border:2px solid var(--ink);border-radius:6px;background:var(--paprika);color:#fff;font:700 1rem/1 var(--sans);letter-spacing:.01em;text-decoration:none;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease}
.mc-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.mc-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.mc-btn--ghost{background:var(--cream);color:var(--ink)}
.mc-btn--sm{min-height:2.5rem;padding:.55rem 1rem;font-size:.9rem;box-shadow:2px 2px 0 var(--ink)}

/* ---------- header ---------- */
.mc-head{position:sticky;top:0;z-index:50;background:rgba(244,236,223,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}
.mc-head__in{display:flex;align-items:center;gap:1.5rem;min-height:4rem}
.mc-logo{display:inline-flex;align-items:center;gap:.5rem;font-size:1.55rem;font-weight:700;letter-spacing:-.02em;text-decoration:none;line-height:1}
.mc-logo em{font-weight:500;color:var(--paprika)}
.mc-logo__ic{width:1.5rem;height:1.5rem;color:var(--ink);transform:rotate(18deg)}
.mc-nav{display:none;margin-left:auto;gap:1.75rem}
.mc-nav a{font-weight:500;font-size:.95rem;text-decoration:none;padding:.4rem 0;border-bottom:2px solid transparent}
.mc-nav a:hover{border-bottom-color:var(--paprika)}
.mc-head .mc-btn{margin-left:auto}
@media(min-width:62rem){.mc-nav{display:flex}.mc-head .mc-btn{margin-left:0}}

/* ---------- hero ---------- */
.mc-hero{padding:clamp(2rem,5vw,4.5rem) 0 clamp(3rem,6vw,5.5rem);background-image:radial-gradient(rgba(31,27,24,.07) 1px,transparent 1.2px);background-size:16px 16px;overflow:hidden}
.mc-hero__grid{display:grid;gap:clamp(2rem,5vw,4rem);align-items:center}
@media(min-width:62rem){.mc-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
.mc-hero__copy>.mc-tape{margin-bottom:1.5rem}
.mc-hero h1{text-wrap:balance}
.mc-lede{margin-top:1.5rem;max-width:34rem;font-size:clamp(1.05rem,1rem + .35vw,1.25rem);color:var(--muted)}
.mc-cta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.mc-prep{margin-top:2.25rem;max-width:30rem;border-top:2px dashed var(--line);padding-top:1.25rem;display:grid;gap:.6rem;font-family:var(--serif);font-style:italic;font-size:1.15rem}
.mc-prep li{position:relative;padding-left:2rem}
.mc-prep li::before{content:"";position:absolute;left:0;top:.25em;width:1.1rem;height:.7rem;border-left:3px solid var(--herb);border-bottom:3px solid var(--herb);transform:rotate(-48deg) scale(.9);transform-origin:left bottom;top:.35em;left:.2rem}

/* timetable */
.mc-tt{position:relative;margin:5.8rem auto 0;width:100%;max-width:46rem;padding:1.1rem 1rem 1rem;background:var(--cream);border:2px solid var(--ink);border-radius:8px;box-shadow:8px 8px 0 var(--ink);--rh:.92rem}
.mc-tt::before,.mc-tt::after{content:"";position:absolute;top:-.8rem;width:5.5rem;height:1.5rem;background:rgba(242,193,78,.88);transform:rotate(-4deg);clip-path:polygon(0 0,100% 0,97% 25%,100% 50%,97% 75%,100% 100%,0 100%,3% 75%,0 50%,3% 25%)}
.mc-tt::before{left:1.25rem}
.mc-tt::after{left:auto;right:1.25rem;transform:rotate(5deg)}
.mc-tt__deco{position:absolute;right:7.5rem;bottom:calc(100% - 2px);display:flex;align-items:flex-end;gap:.75rem;color:var(--steel);pointer-events:none}
.mc-pot{width:6.2rem;height:auto;overflow:visible}
.mc-whisk{width:2.2rem;height:auto;transform-origin:50% 4%;overflow:visible}
.mc-steam{stroke:var(--steel);stroke-dasharray:55 45;opacity:.9}
.mc-tt__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:.4rem 0 .9rem}
.mc-tt__week{font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.04em}
.mc-tt__stat{display:flex;align-items:center;gap:.9rem;margin-bottom:.9rem;padding:.55rem .9rem;background:var(--ink);color:var(--cream);border-radius:6px}
.mc-tt__n{display:flex;align-items:baseline;gap:.5rem;line-height:1}
.mc-tt__n b{font-family:var(--serif);font-size:2rem;font-weight:700;min-width:2ch;font-variant-numeric:tabular-nums}
.mc-tt__n span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-dk);font-weight:600}
.mc-tt__n--on b{color:var(--butter)}
.mc-tt__arrow{width:2.2rem;height:auto;color:var(--steel);flex:none}
.mc-tt__grid{display:grid;grid-template-columns:1.9rem repeat(7,minmax(0,1fr));grid-template-rows:1.4rem repeat(19,var(--rh));column-gap:3px}
.mc-tt__day{grid-row:1;text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-self:center}
.mc-tt__col{grid-row:2/21;border-radius:3px;background:
  repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--rh) - 1px),rgba(31,27,24,.09) calc(var(--rh) - 1px),rgba(31,27,24,.09) var(--rh)),
  repeating-linear-gradient(135deg,rgba(154,163,168,.38) 0 2px,transparent 2px 7px),#ebe2d1}
.mc-tt__hr{grid-column:1;font-size:.6rem;font-weight:600;color:var(--muted);align-self:start;margin-top:-.3em;letter-spacing:.02em}
.mc-blk{margin:1px 0;padding:.22rem .28rem;border-radius:3px;display:flex;flex-direction:column;gap:.2rem;overflow:hidden;font:600 .6rem/1.12 var(--sans);transform-origin:50% 0;position:relative;z-index:1;box-shadow:0 1px 0 rgba(31,27,24,.35)}
.mc-blk__ic{width:.95rem;height:.95rem;flex:none}
.mc-blk__t{display:none;overflow-wrap:anywhere}
.mc-blk--sauce{background:var(--paprika);color:#fff}
.mc-blk--bake{background:var(--butter);color:var(--ink)}
.mc-blk--prep{background:var(--herb);color:var(--cream)}
.mc-blk--dump{background:var(--cream);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.mc-blk--brew{background:var(--ink);color:var(--butter)}
.mc-tt__now{margin-top:.9rem;font-size:.82rem;color:var(--muted);min-height:1.4em}
.mc-tt__now strong{color:var(--ink)}
.mc-tt__legend{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-top:.7rem;font-size:.72rem;font-weight:500}
.mc-tt__legend li{display:flex;align-items:center;gap:.35rem}
.mc-sw{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:4px;font-size:.9rem}
@media(min-width:36rem){
  .mc-tt{padding:1.3rem 1.4rem 1.2rem;--rh:1.02rem}
  .mc-blk__t{display:block}
  .mc-blk{font-size:.62rem}
  .mc-tt__n b{font-size:2.4rem}
}
@media(min-width:80rem){.mc-tt{--rh:1.1rem}.mc-blk{font-size:.66rem}}
@media(max-width:35.99rem){.mc-blk{align-items:center;justify-content:flex-start;padding-top:.3rem}.mc-blk__ic{width:1.05rem;height:1.05rem}.mc-pot{width:5rem}.mc-whisk{width:1.8rem}}

/* motion: timetable fill + steam + whisk (transform/opacity/dash only) */
@media(prefers-reduced-motion:no-preference){
  .js .mc-blk{opacity:0;transform:scale(.55) translateY(-6px);transition:opacity .25s ease,transform .5s cubic-bezier(.2,1.5,.4,1)}
  .js .mc-blk.is-in{opacity:1;transform:none}
  .js .mc-tt.is-reset .mc-blk{transition:opacity .35s ease,transform .35s ease}
  .mc-steam{animation:mc-steam 3.4s linear infinite}
  .mc-steam--b{animation-duration:4.1s;animation-delay:-1.2s}
  .mc-steam--c{animation-duration:3.8s;animation-delay:-2.1s}
  .mc-whisk{animation:mc-whisk 3.2s ease-in-out infinite}
  .mc-pot{animation:mc-pot 2.6s ease-in-out infinite}
  .mc-tt.is-paused .mc-steam,.mc-tt.is-paused .mc-whisk,.mc-tt.is-paused .mc-pot{animation-play-state:paused}
}
@keyframes mc-steam{from{stroke-dashoffset:0;opacity:.35}50%{opacity:1}to{stroke-dashoffset:-100;opacity:.35}}
@keyframes mc-whisk{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@keyframes mc-pot{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}

/* ---------- band ---------- */
.mc-band{background:var(--ink);color:var(--butter);padding:1.1rem 0;border-block:2px solid var(--ink);overflow:hidden}
.mc-band p{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 0;width:min(100% - 2rem,74rem);margin-inline:auto;font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,.9rem + .7vw,1.5rem)}
.mc-band span{display:inline-flex;align-items:center}
.mc-band span+span::before{content:"";width:.5rem;height:.5rem;margin:0 1rem;background:var(--paprika);transform:rotate(45deg)}

/* ---------- reveal ---------- */
@media(prefers-reduced-motion:no-preference){
  .js .mc-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  .js .mc-reveal.is-in{opacity:1;transform:none}
}

/* ---------- problem ---------- */
.js .mc-day.mc-reveal.is-in{transform:rotate(1deg)}
.mc-dark{background:var(--ink);color:var(--cream)}
.mc-dark .mc-big{color:var(--cream)}
.mc-dark p{color:var(--muted-dk)}
.mc-dark .mc-tape{color:var(--ink)}
.mc-dark .mc-big,.mc-dark h2{color:var(--cream)}
.mc-split{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start}
@media(min-width:62rem){.mc-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.mc-day{background:var(--cream);color:var(--ink);border-radius:8px;padding:1.4rem;transform:rotate(1deg);box-shadow:6px 6px 0 var(--paprika)}
.mc-day figcaption{font-weight:600;font-size:.95rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1.1rem}
.mc-day__bar{display:flex;height:3.4rem;border:2px solid var(--ink);border-radius:5px;overflow:hidden}
.mc-day__seg{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.7rem;line-height:1.1;font-weight:700;letter-spacing:.04em;text-transform:uppercase;min-width:0;padding:0 .2rem;overflow:hidden}
@media(max-width:35.99rem){.mc-day{padding:1.1rem}.mc-day__seg{font-size:.58rem;letter-spacing:.02em}}
.mc-day__seg--idle{background:repeating-linear-gradient(135deg,rgba(154,163,168,.5) 0 2px,transparent 2px 7px),#ebe2d1;color:var(--muted)}
.mc-day__seg--prep{background:var(--butter);border-inline:2px solid var(--ink)}
.mc-day__seg--svc{background:var(--paprika);color:#fff}
.mc-day__ticks{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.68rem;font-weight:600;color:var(--muted)}
.mc-dark .mc-day p.mc-day__note,.mc-day__note{margin-top:1rem;font-size:.9rem;color:var(--muted)}
.mc-tickets{display:grid;gap:1.25rem;margin-top:clamp(2.5rem,6vw,4.5rem)}
@media(min-width:52rem){.mc-tickets{grid-template-columns:repeat(3,1fr)}}
.mc-ticket{position:relative;padding:1.6rem 1.4rem 1.4rem;background:var(--paper);color:var(--ink);border-radius:4px;
  -webkit-mask:radial-gradient(circle .55rem at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle .55rem at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle .55rem at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle .55rem at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.mc-ticket__k{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-paprika);border-bottom:2px dashed var(--line);padding-bottom:.7rem;margin-bottom:.9rem}
.mc-ticket h3{font-family:var(--serif);font-size:1.45rem;line-height:1.15;font-weight:700;letter-spacing:-.01em;margin-bottom:.6rem}
.mc-dark .mc-ticket p{color:var(--muted)}
.mc-dark .mc-ticket .mc-ticket__k{color:var(--ink-paprika)}

/* ---------- how ---------- */
.mc-how__grid{display:grid;gap:clamp(2rem,5vw,4rem)}
@media(min-width:62rem){.mc-how__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}.mc-how__intro{position:sticky;top:6rem}}
.mc-how__intro>p:not(.mc-tape){color:var(--muted);margin-bottom:1.5rem}
.mc-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.5rem;margin:0 0 1.5rem;padding:1rem 0;border-block:2px solid var(--ink)}
.mc-meta dt{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mc-meta dd{font-family:var(--serif);font-size:1.1rem;font-weight:600}
.mc-steps{counter-reset:step;display:grid;gap:0}
.mc-steps li{counter-increment:step;position:relative;padding:1.6rem 0 1.6rem 4.6rem;border-bottom:2px dashed var(--line)}
.mc-steps li:first-child{padding-top:0}
.mc-steps li::before{content:counter(step) ".";position:absolute;left:0;top:.7rem;font-family:var(--serif);font-style:italic;font-weight:500;font-size:3.6rem;line-height:1;color:var(--paprika);letter-spacing:-.04em}
.mc-steps li:first-child::before{top:-.2rem}
.mc-steps h3{font-family:var(--serif);font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);line-height:1.15;font-weight:700;margin-bottom:.45rem;letter-spacing:-.01em}
.mc-steps p{color:var(--muted);max-width:36rem}

/* ---------- finder ---------- */
.mc-finder{background:var(--cream);border-block:2px solid var(--ink)}
.mc-panel{background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:clamp(1rem,3vw,1.75rem);display:grid;gap:1.25rem;box-shadow:6px 6px 0 var(--ink)}
.mc-frow{display:grid;gap:1.25rem}
@media(min-width:52rem){.mc-frow{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.mc-fl{display:block;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem}
.mc-fl span{font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--muted);font-size:.8rem}
.mc-chips,.mc-pills{display:flex;flex-wrap:wrap;gap:.5rem}
.mc-chip,.mc-pill{min-height:2.5rem;padding:.45rem .95rem;border:2px solid var(--ink);background:var(--cream);border-radius:6px;font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .12s ease,background-color .12s ease}
.mc-pill{border-radius:999px}
.mc-chip:hover,.mc-pill:hover{background:var(--butter)}
.mc-chip[aria-pressed="true"],.mc-pill[aria-pressed="true"]{background:var(--ink);color:var(--butter);transform:rotate(-1deg)}
.mc-chip[aria-pressed="true"]::before,.mc-pill[aria-pressed="true"]::before{content:"\2713\00a0"}
.mc-select{width:100%;min-height:2.75rem;padding:.55rem 2.2rem .55rem .85rem;border:2px solid var(--ink);border-radius:6px;background:var(--cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231f1b18' stroke-width='2'/%3E%3C/svg%3E") right .85rem center/.85rem no-repeat;-webkit-appearance:none;appearance:none;font-weight:500;cursor:pointer}
.mc-fbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-top:1rem;border-top:2px dashed var(--line)}
.mc-count{font-family:var(--serif);font-size:1.3rem;font-weight:600}
.mc-reset{background:none;border:0;padding:.5rem .25rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--ink-paprika)}
.mc-cards{display:grid;gap:1.25rem;margin-top:1.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}
.mc-card{position:relative;background:var(--cream);border:2px solid var(--ink);border-radius:6px;padding:1.4rem 1.25rem 1.2rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:4px 4px 0 var(--steel)}
.mc-card__stamp{align-self:flex-start;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-paprika);border:2px solid var(--ink-paprika);border-radius:4px;padding:.3rem .55rem;transform:rotate(-3deg);background:var(--cream)}
.mc-card h3{font-family:var(--serif);font-size:1.4rem;line-height:1.15;font-weight:700;background:var(--cream)}
.mc-card__area{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.92rem;background:var(--cream);align-self:flex-start;padding-right:.4rem}
.mc-card__area .mc-ic{width:1.1rem;height:1.1rem;color:var(--ink-paprika)}
.mc-card__lbl{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;background:var(--cream);align-self:flex-start}
.mc-tags{display:flex;flex-wrap:wrap;gap:.35rem}
.mc-tags li{font-size:.82rem;font-weight:500;padding:.22rem .6rem;border-radius:4px;background:var(--paper);border:1px solid var(--ink)}
.mc-tags--time li{border-radius:999px;background:var(--butter)}
.mc-card__note{font-size:.88rem;color:var(--muted);background:var(--cream);margin-top:auto!important}
.mc-empty{margin-top:1.75rem;padding:1.75rem;border:2px dashed var(--ink);border-radius:8px;background:var(--paper);text-align:center}
.mc-empty__h{font-family:var(--serif);font-size:1.6rem;font-weight:700}
.mc-empty a{font-weight:700;color:var(--ink-paprika)}
@media(prefers-reduced-motion:no-preference){
  .mc-card.is-new{animation:mc-in .45s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(var(--i,0)*60ms)}
}
@keyframes mc-in{from{opacity:0;transform:translateY(14px) rotate(-1deg)}to{opacity:1;transform:none}}

/* ---------- audiences: two facing recipe cards ---------- */
.mc-book{display:grid;gap:1.5rem;position:relative}
@media(min-width:56rem){
  .mc-book{grid-template-columns:1fr 1fr;gap:0;filter:drop-shadow(8px 8px 0 var(--ink))}
  .mc-book::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2.5rem;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(31,27,24,.18) 50%,transparent);z-index:2;pointer-events:none}
}
.mc-recipe{background:var(--cream);border:2px solid var(--ink);padding:clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column;gap:1.1rem;
  background-image:repeating-linear-gradient(transparent 0,transparent 1.9rem,rgba(210,69,44,.1) 1.9rem,rgba(210,69,44,.1) calc(1.9rem + 1px))}
.mc-recipe--maker{border-radius:10px 0 0 10px}
.mc-recipe--owner{background-color:#fbefd0;border-radius:0 10px 10px 0}
@media(max-width:55.99rem){.mc-recipe{border-radius:10px!important;box-shadow:6px 6px 0 var(--ink)}}
.mc-recipe__no{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-paprika)}
.mc-recipe h3{font-size:clamp(2rem,1.4rem + 2.4vw,3.1rem);line-height:1;font-weight:700;letter-spacing:-.02em}
.mc-recipe__sub{font-family:var(--serif);font-style:italic;font-size:1.25rem}
.mc-ing{display:grid;gap:.9rem;margin:.5rem 0 1rem}
.mc-ing li{position:relative;padding-left:1.9rem}
.mc-ing li::before{content:"";position:absolute;left:.15rem;top:.55em;width:.8rem;height:.8rem;background:var(--herb);transform:rotate(45deg);border-radius:2px}
.mc-recipe--owner .mc-ing li::before{background:var(--paprika)}
.mc-recipe .mc-btn{align-self:flex-start;margin-top:auto}

/* ---------- ready ---------- */
.mc-ready{background:var(--paper)}
@media(min-width:62rem){.mc-split--ready{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.mc-list{background:var(--cream);border:2px solid var(--ink);border-radius:6px;padding:1.5rem clamp(1rem,3vw,2rem) 1.5rem;box-shadow:6px 6px 0 var(--herb);position:relative}
.mc-list::before{content:"";position:absolute;top:-.75rem;left:50%;width:7rem;height:1.5rem;transform:translateX(-50%) rotate(1.5deg);background:rgba(154,163,168,.8);border-radius:3px 3px 0 0}
.mc-list__h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-family:var(--serif);font-size:1.5rem;font-weight:700}
.mc-list__n{font:600 .85rem var(--sans);color:var(--herb);align-self:center}
.mc-list__bar{height:.5rem;margin:.9rem 0 .5rem;background:#e7dcc6;border-radius:99px;overflow:hidden}
.mc-list__bar i{display:block;height:100%;width:100%;background:var(--herb);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.mc-list li{border-bottom:2px dashed var(--line)}
.mc-list li:last-child{border-bottom:0}
.mc-list label{display:flex;gap:1rem;padding:.95rem 0;cursor:pointer;align-items:flex-start}
.mc-list input{position:absolute;opacity:0;width:1.6rem;height:1.6rem;margin:0}
.mc-box{flex:none;width:1.6rem;height:1.6rem;border:2px solid var(--ink);border-radius:4px;background:var(--paper);margin-top:.1rem;position:relative}
.mc-box::after{content:"";position:absolute;left:.4rem;top:.05rem;width:.5rem;height:.95rem;border:solid var(--herb);border-width:0 3px 3px 0;transform:rotate(40deg) scale(0);transition:transform .15s ease}
.mc-list input:checked+.mc-box{background:#dfeadb}
.mc-list input:checked+.mc-box::after{transform:rotate(40deg) scale(1)}
.mc-list input:focus-visible+.mc-box{outline:3px solid var(--ink);outline-offset:3px}
.mc-list input:checked~span:last-child{color:var(--muted)}
.mc-list__done{margin-top:.5rem;padding-top:1rem;border-top:2px solid var(--ink);font-family:var(--serif);font-size:1.2rem;font-weight:600}
.mc-list__done a{color:var(--ink-paprika)}

/* ---------- faq ---------- */
.mc-faq{background:var(--paper);border-top:2px solid var(--ink)}
.mc-faq__grid{display:grid;gap:2rem}
@media(min-width:62rem){.mc-faq__grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}
.mc-faq__grid>div:first-child>p:not(.mc-tape){color:var(--muted)}
.mc-qa details{border-top:2px solid var(--ink)}
.mc-qa details:last-child{border-bottom:2px solid var(--ink)}
.mc-qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0;font-family:var(--serif);font-size:clamp(1.15rem,1rem + .6vw,1.5rem);font-weight:600;line-height:1.25}
.mc-qa summary::-webkit-details-marker{display:none}
.mc-qa summary::after{content:"+";flex:none;display:grid;place-items:center;width:2rem;height:2rem;border:2px solid var(--ink);border-radius:50%;font:600 1.3rem/1 var(--sans);transition:transform .2s ease,background-color .2s ease}
.mc-qa details[open] summary::after{content:"\2212";background:var(--butter)}
.mc-qa summary:hover{color:var(--ink-paprika)}
.mc-qa details p{padding:0 3rem 1.4rem 0;color:var(--muted);max-width:42rem}

/* ---------- enquiry ---------- */
.mc-enq{background:var(--butter);border-top:2px solid var(--ink)}
.mc-enq__grid{display:grid;gap:2.5rem;align-items:start}
@media(min-width:62rem){.mc-enq__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.mc-enq h2 em{color:var(--ink)}
.mc-enq .mc-fine{color:#3d342d}
.mc-enq__pts{display:grid;gap:.7rem;margin:1.25rem 0}
.mc-enq__pts li{padding-left:1.6rem;position:relative}
.mc-enq__pts li::before{content:"";position:absolute;left:.1rem;top:.55em;width:.65rem;height:.65rem;background:var(--ink);transform:rotate(45deg)}
.mc-enq__card{background:var(--cream);border:2px solid var(--ink);border-radius:8px;padding:clamp(1.25rem,4vw,2.25rem);box-shadow:8px 8px 0 var(--ink);position:relative}
.mc-enq__card::before{content:"";position:absolute;left:0;right:0;top:-2px;height:.9rem;background:radial-gradient(circle at .55rem 0,var(--butter) .45rem,transparent .5rem) 0 0/1.1rem .9rem repeat-x;pointer-events:none}
.mc-enq .pf{display:flex;flex-wrap:wrap;gap:1.1rem 1.25rem;margin:0}
.mc-enq .pf__field{margin:0;flex:1 1 14rem;display:flex;flex-direction:column;gap:.4rem;min-width:0}
.mc-enq .pf__field--name{order:1}.mc-enq .pf__field--email{order:2}.mc-enq .pf__field--role{order:3}.mc-enq .pf__field--hours{order:4}
.mc-enq .pf__field--make{order:5;flex-basis:100%}.mc-enq .pf__field--message{order:6;flex-basis:100%}.mc-enq .pf__actions{order:7;flex-basis:100%;margin:.4rem 0 0}
.mc-enq .pf label{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.mc-enq .pf input[type=text],.mc-enq .pf input[type=email],.mc-enq .pf select,.mc-enq .pf textarea{width:100%;min-height:3rem;padding:.7rem .85rem;border:2px solid var(--ink);border-radius:6px;background:#fff;font-size:1rem;font-weight:400}
.mc-enq .pf textarea{min-height:7rem;resize:vertical}
.mc-enq .pf input:focus-visible,.mc-enq .pf select:focus-visible,.mc-enq .pf textarea:focus-visible{outline:3px solid var(--paprika);outline-offset:2px;border-color:var(--ink)}
.mc-enq .pf select{-webkit-appearance:none;appearance:none;padding-right:2.4rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231f1b18' stroke-width='2'/%3E%3C/svg%3E") right .85rem center/.85rem no-repeat}
.mc-enq .pf__cta{width:100%;min-height:3.4rem;padding:.9rem 1.5rem;border:2px solid var(--ink);border-radius:6px;background:var(--paprika);color:#fff;font:700 1.05rem/1 var(--sans);cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease}
.mc-enq .pf__cta:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}
.mc-enq .pf__cta:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.mc-enq .pf__cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.mc-enq .pf__notice{margin:0 0 1.1rem;padding:.9rem 1.1rem;border:2px solid var(--ink);border-radius:6px;font-weight:600}
.mc-enq .pf__notice--ok{background:#dfeadb;color:#1f3a1c}
.mc-enq .pf__notice--error{background:#fde1da;color:#7a1f10}

/* ---------- footer ---------- */
.mc-foot{background:var(--ink);color:var(--muted-dk);padding:2rem 0;font-size:.9rem}
.mc-foot__in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem}
.mc-logo--foot{color:var(--cream);font-size:1.4rem}
.mc-foot p{margin:0}

/* ---------- reduced motion: everything static and complete ---------- */
@media(prefers-reduced-motion:reduce){
  .site *,.site *::before,.site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .mc-blk,.js .mc-reveal{opacity:1!important;transform:none!important}
}
@media(max-width:30rem){
  .mc-steps li{padding-left:3.4rem}
  .mc-steps li::before{font-size:2.8rem}
  .mc-qa details p{padding-right:0}
  .mc-tt__stat{gap:.5rem;padding:.5rem .6rem}
  .mc-tt__n{flex-direction:column;gap:.25rem}
  .mc-tt__arrow{width:1.6rem}
}