@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:oklch(97.5% .006 230);--field:oklch(99.3% .003 230);--ink:oklch(23% .02 260);--ink-soft:oklch(44% .02 260);--rule:oklch(87% .025 245);--rule-strong:oklch(76% .02 250);--blue:oklch(47% .16 262);--blue-deep:oklch(39% .15 262);--blue-wash:oklch(92% .04 262);--danger:oklch(50% .17 25);--display:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--text:"Atkinson Hyperlegible Next Variable", ui-sans-serif, system-ui, sans-serif;--radius:6px;--ease:cubic-bezier(.25, 1, .5, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 1.125rem/1.55 var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2{font-family:var(--display);text-wrap:balance;margin:0}p{margin:0}a{color:var(--blue);text-underline-offset:.18em;transition:color .15s var(--ease);text-decoration-thickness:1px}a:hover{color:var(--blue-deep)}img{max-width:100%;display:block}::selection{background:var(--blue-wash)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}.site-header{justify-content:space-between;align-items:center;gap:1rem;width:min(72rem,100% - 2.5rem);min-height:4rem;margin:0 auto;display:flex}.wordmark{font:750 1.125rem/1 var(--display);color:var(--ink);padding:.75rem 0;text-decoration:none}.admin-nav{align-items:center;gap:.25rem;display:flex}.page{width:min(72rem,100% - 2.5rem);margin:0 auto;padding:1.5rem 0 6rem}.page.narrow{width:min(38rem,100% - 2.5rem)}.page-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2rem,1.4rem + 2.5vw,2.75rem);font-weight:750;line-height:1.05}.page.narrow>p+.button{margin-top:1.5rem}.button,.text-button{border-radius:var(--radius);min-height:2.75rem;font:600 1rem/1 var(--text);cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);justify-content:center;align-items:center;padding:0 1.25rem;text-decoration:none;display:inline-flex}.button{background:var(--blue);color:var(--paper);border:0}.button:hover{background:var(--blue-deep);color:var(--paper)}.button.small{min-height:2.5rem;padding:0 1rem;font-size:.9375rem}.text-button{color:var(--ink-soft);background:0 0;border:0}.text-button:hover{color:var(--ink);background:var(--blue-wash)}.text-button.danger{color:var(--danger)}.button:active,.text-button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:progress}.home-intro{padding:clamp(.5rem,3vw,2rem) 0 clamp(2rem,5vw,3.5rem)}.home-title{letter-spacing:-.035em;font-size:clamp(3rem,2rem + 6vw,6.5rem);font-weight:780;line-height:.95}.home-tagline{max-width:34ch;color:var(--ink-soft);margin-top:1rem;font-size:clamp(1.125rem,1rem + .5vw,1.375rem)}.empty{border-top:1px solid var(--rule);color:var(--ink-soft);padding:2rem 0}.toc{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.toc li{border-bottom:1px solid var(--rule)}.toc-row{color:inherit;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.25rem 0;text-decoration:none;display:flex}.toc-text{gap:.3rem;min-width:0;display:grid}.toc-title{font:680 clamp(1.375rem, 1.1rem + 1.2vw, 2rem) / 1.15 var(--display);letter-spacing:-.015em;text-wrap:balance;transition:color .15s var(--ease)}.toc-row:hover .toc-title{color:var(--blue)}.toc-intro{max-width:60ch;color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;display:-webkit-box;overflow:hidden}.toc-meta{color:var(--blue);font-size:.9375rem;font-weight:600}.toc-thumb{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background:var(--rule);flex:none;width:clamp(4.5rem,3rem + 6vw,8rem)}.recipe-head{max-width:46rem;padding:clamp(.5rem,3vw,2.5rem) 0 2rem}.recipe-title{letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.5rem,1.6rem + 4.5vw,5rem);font-weight:780;line-height:1}.recipe-intro{max-width:60ch;font-size:clamp(1.125rem,1.05rem + .35vw,1.3125rem)}.recipe-intro+.recipe-intro{margin-top:.75em}.recipe-meta{color:var(--blue);margin-top:1.25rem;font-weight:650}.photo{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius);background:var(--rule);width:100%;margin-bottom:2.5rem}.recipe-head+.photo{max-height:75dvh}.recipe h2{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.375rem;font-weight:720}.recipe-body{gap:2.5rem;display:grid}.ingredients ul{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.ingredients li{border-bottom:1px solid var(--rule);padding:.6rem 0}.qty,.recipe-meta,.toc-meta{font-family:var(--display)}.qty{color:var(--blue);font-variant-numeric:tabular-nums;font-weight:700}.recipe-main{align-content:start;gap:2.5rem;max-width:40rem;display:grid}.recipe-main .photo{margin:0}.steps{counter-reset:step;border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.steps li{counter-increment:step;border-bottom:1px solid var(--rule);grid-template-columns:2.75rem 1fr;padding:1rem 0 1.25rem;display:grid}.steps li:before{content:counter(step);font:750 1.625rem/1 var(--display);color:var(--blue);font-variant-numeric:tabular-nums;padding-top:.05rem}.notes{color:var(--blue-deep)}.notes h2{color:var(--blue)}.notes p+p{margin-top:.75em}.recipe-links{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.link-chip{border:1px solid var(--blue);border-radius:var(--radius);min-height:2.75rem;transition:background-color .15s var(--ease), color .15s var(--ease);align-items:baseline;gap:.5rem;padding:.7rem 1rem;font-size:1rem;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.link-chip:hover{background:var(--blue-wash)}.link-chip.video{background:var(--blue);color:var(--paper)}.link-chip.video:hover{background:var(--blue-deep);color:var(--paper)}.link-host{opacity:.8;font-size:.875rem;font-weight:400}.credit{color:var(--ink-soft);font-size:1rem}.recipe-admin{border-top:1px solid var(--rule);gap:.5rem;padding-top:1.5rem;display:flex}@media (width>=900px){.recipe-body{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:start;gap:clamp(3rem,6vw,5.5rem)}.ingredients{max-height:calc(100dvh - 3rem);position:sticky;top:1.5rem;overflow-y:auto}}.recipe-form{gap:1.5rem;display:grid}.field{gap:.375rem;display:grid}.field-row{gap:1.5rem;display:grid}@media (width>=480px){.field-row{grid-template-columns:1fr 1fr}}label,legend{font-size:1rem;font-weight:700}.hint{color:var(--ink-soft);margin-top:-.125rem;font-size:.9375rem}input:not([type=checkbox]),textarea{width:100%;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--rule-strong);border-radius:var(--radius);transition:border-color .15s var(--ease);padding:.65rem .8rem;font-size:1.0625rem}input[type=file]{padding:.5rem;font-size:.9375rem}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus{border-color:var(--blue)}.photos-field{border:0;gap:.75rem;margin:0;padding:0;display:grid}.photos-field legend{margin-bottom:.375rem;padding:0}.current-photos{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.current-photos img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius);width:8rem}.check{align-items:center;gap:.5rem;min-height:2.75rem;font-weight:400;display:flex}.check input{width:1.125rem;height:1.125rem;accent-color:var(--blue)}.error-text{color:var(--danger);font-weight:600}.recipe-form .error-text:empty{display:none}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
