:root{--color-paper:oklch(97.4% .014 92);--color-paper-raised:oklch(99% .01 92);--color-paper-sunk:oklch(94.2% .02 88);--color-ink:oklch(30% .05 155);--color-ink-soft:oklch(40% .045 152);--color-ink-mute:oklch(48% .035 150);--color-green:oklch(46% .09 152);--color-green-deep:oklch(34% .075 154);--color-accent:oklch(64% .17 42);--color-accent-soft:oklch(90% .06 55);--color-accent-deep:oklch(52% .17 38);--color-calamansi:oklch(78% .14 92);--color-rule:oklch(74% .03 120);--color-line:oklch(90% .016 92);--color-line-strong:oklch(83% .024 96);--color-cream-on-ink:oklch(96% .02 92);--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.16s;--dur:.22s;--measure:66ch;--radius:12px;--radius-sm:7px;--shadow-card:0 1px 2px oklch(30% .05 155/.06), 0 10px 28px -20px oklch(30% .05 155/.35)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-kerning:normal;margin:0;font-size:1.0625rem;line-height:1.65;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:var(--color-ink);text-decoration-color:var(--color-accent);text-underline-offset:3px;transition:text-decoration-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);text-decoration-thickness:2px}a:hover{color:var(--color-accent-deep);text-decoration-color:var(--color-accent-deep)}h1,h2,h3,h4{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.008em;color:var(--color-ink);margin:0 0 var(--space-4);font-weight:600;line-height:1.14}h1{font-size:clamp(2.2rem,4.8vw,3.2rem);font-weight:640;line-height:1.06}h2{margin-top:var(--space-7);font-size:clamp(1.65rem,3vw,2.15rem)}h3{margin-top:var(--space-6);font-size:1.3rem}h4{font-size:1.05rem;font-family:var(--font-body);font-weight:800}p{margin:0 0 var(--space-4);max-width:var(--measure)}ul,ol{margin:0 0 var(--space-4);padding-left:var(--space-5);max-width:var(--measure)}li{margin-bottom:var(--space-2)}strong{font-weight:800}hr{border:0;border-top:1px solid var(--color-line-strong);margin:var(--space-7) 0}code,kbd,.mono{font-family:var(--font-mono);font-size:.875em}::selection{background:var(--color-accent-soft)}.site-wrap{flex-direction:column;min-height:100vh;display:flex}.site-wrap main{flex:1}.container{width:min(100% - 2 * var(--space-5), 70rem);margin-inline:auto}.measure{max-width:var(--measure)}.skip-link{left:var(--space-4);z-index:60;background:var(--color-ink);color:var(--color-cream-on-ink);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:top var(--dur-fast) var(--ease-out);position:absolute;top:-4rem}.skip-link:focus{top:var(--space-4);color:var(--color-cream-on-ink)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.site-header{border-bottom:1px solid var(--color-line-strong);background:var(--color-paper);z-index:50;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--color-ink);text-decoration:none;display:inline-flex}.brand-mark{width:2.6rem;height:2.6rem;color:var(--color-cream-on-ink);background:var(--color-green);border-bottom:3px solid var(--color-accent);border-radius:50% 50% 50% 6px;flex:none;place-items:center;display:grid}.brand-mark svg{width:1.5rem;height:1.5rem;display:block}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-name{font-family:var(--font-display);white-space:nowrap;font-size:1.2rem;font-weight:640}.brand-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-mute);font-size:.64rem}.nav{gap:var(--space-1);flex-wrap:wrap;display:flex}.nav a{color:var(--color-ink-soft);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-size:.92rem;font-weight:700;text-decoration:none}.nav a:hover{background:var(--color-paper-sunk);color:var(--color-ink)}.nav a[aria-current=page]{color:var(--color-ink);box-shadow:inset 0 -2px 0 var(--color-accent)}.nav-toggle{font:inherit;color:var(--color-ink);background:var(--color-paper-raised);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;white-space:nowrap;font-size:.92rem;font-weight:700;display:none}.site-footer{margin-top:var(--space-9);background:var(--color-green-deep);color:var(--color-cream-on-ink);border-top:4px solid var(--color-accent)}.site-footer a{color:var(--color-cream-on-ink);text-decoration-color:var(--color-accent)}.site-footer a:hover{color:var(--color-calamansi)}.footer-grid{gap:var(--space-6);padding-block:var(--space-7) var(--space-6);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);display:grid}.footer-brand{font-family:var(--font-display);margin-bottom:var(--space-2);font-size:1.35rem;font-weight:640}.footer-copy{color:oklch(86% .03 120);max-width:46ch;font-size:.95rem}.footer-grid strong{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-calamansi);font-size:.72rem;font-weight:600}.footer-links{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;font-size:.95rem;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{gap:var(--space-3);padding-block:var(--space-4);font-family:var(--font-mono);color:oklch(82% .03 120);border-top:1px solid oklch(42% .05 154);flex-wrap:wrap;justify-content:space-between;font-size:.75rem;display:flex}.kicker{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-deep);margin-bottom:var(--space-4);font-size:.72rem;font-weight:600;display:inline-flex}.kicker:before{content:"";background:var(--color-accent);border-radius:2px;width:1.4rem;height:3px}.kicker a{color:inherit;text-decoration:none}.lede{color:var(--color-ink-soft);max-width:60ch;font-size:1.22rem;line-height:1.6}.meta-row{gap:var(--space-2) var(--space-4);font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-ink-mute);margin-top:var(--space-4);flex-wrap:wrap;font-size:.75rem;display:flex}.section-head{align-items:baseline;gap:var(--space-4);margin:var(--space-8) 0 var(--space-5);display:flex}.section-head .no{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-deep);white-space:nowrap;font-size:.78rem;font-weight:600}.section-head h2{margin:0}.section-head:after{content:"";border-top:1px solid var(--color-rule);flex:1;transform:translateY(-.35em)}.page-head{padding-top:var(--space-7)}.page-head h1{max-width:22ch}.callout,.aside{background:var(--color-paper-raised);border:1px solid var(--color-line);border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0;max-width:var(--measure)}.callout .callout-label,.aside .callout-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-green);margin-bottom:var(--space-2);font-size:.7rem;font-weight:600;display:block}.callout p:last-child,.aside p:last-child{margin-bottom:0}.note-green{border-left-color:var(--color-green)}.note-green .callout-label{color:var(--color-green)}.chip,.tag{align-items:center;gap:var(--space-1);border:1px solid var(--color-line-strong);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-ink-mute);background:var(--color-paper);border-radius:999px;font-size:.7rem;font-weight:600;display:inline-flex}.chip-cat,.tag-cat{color:var(--color-green-deep);border-color:var(--color-green);background:oklch(94% .04 150)}.chip-accent{color:var(--color-accent-deep);border-color:var(--color-accent);background:var(--color-accent-soft)}.btn{padding:var(--space-3) var(--space-5);border:1px solid var(--color-ink);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:999px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-block}.btn-solid{background:var(--color-accent);color:var(--color-cream-on-ink);border-color:var(--color-accent)}.btn-solid:hover{background:var(--color-accent-deep);border-color:var(--color-accent-deep);color:var(--color-cream-on-ink);transform:translateY(-1px)}.btn-ghost{color:var(--color-ink);background:0 0}.btn-ghost:hover{border-color:var(--color-accent-deep);color:var(--color-accent-deep);transform:translateY(-1px)}.btn-row{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.masthead{gap:var(--space-7);padding-block:var(--space-7) var(--space-6);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;display:grid}.masthead figure{margin:0}.masthead img{border-radius:var(--radius);border:1px solid var(--color-line-strong);box-shadow:var(--shadow-card);aspect-ratio:4/3;object-fit:cover;width:100%}.masthead figcaption{font-family:var(--font-mono);color:var(--color-ink-mute);margin-top:var(--space-2);font-size:.72rem}.card-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--color-paper-raised);border:1px solid var(--color-line-strong);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}a.card{text-decoration:none}a.card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.card>img,.card .card-figure img{aspect-ratio:16/10;object-fit:cover;width:100%}.card-figure{margin:0;position:relative}.card-figure .chip{left:var(--space-3);top:var(--space-3);background:var(--color-paper-raised);text-decoration:none;position:absolute;box-shadow:0 2px 6px oklch(30% .05 155/.2)}a.chip-cat:hover{color:var(--color-accent-deep);border-color:var(--color-accent)}.card-body{padding:var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.card-body h3{margin:0;font-size:1.28rem;line-height:1.16}.card-body h3 a{text-decoration:none}.card-body p{color:var(--color-ink-soft);margin:0;font-size:.96rem}.card-meta{gap:var(--space-2) var(--space-4);padding-top:var(--space-2);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-mute);flex-wrap:wrap;margin-top:auto;font-size:.72rem;font-weight:600;display:flex}.card-meta span{align-items:center;gap:var(--space-1);display:inline-flex}.recipe-hero{margin:var(--space-5) 0 var(--space-6)}.recipe-hero img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--color-line-strong);width:100%;box-shadow:var(--shadow-card)}.meta-strip{gap:var(--space-1);margin:var(--space-5) 0;border:1px solid var(--color-line-strong);border-radius:var(--radius);background:var(--color-paper-raised);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid;overflow:hidden}.meta-strip .cell{padding:var(--space-4);border-right:1px solid var(--color-line);gap:var(--space-1);flex-direction:column;display:flex}.meta-strip .cell:last-child{border-right:0}.meta-strip .cell .label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-mute);font-size:.66rem;font-weight:600}.meta-strip .cell .value{font-family:var(--font-display);color:var(--color-ink);font-size:1.15rem;font-weight:600}.recipe-layout{gap:var(--space-6);margin:var(--space-6) 0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.recipe-card{background:var(--color-paper-raised);border:1px solid var(--color-line-strong);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-card)}.recipe-card h2{margin-top:0}.ingredient-list{gap:var(--space-2);max-width:none;margin:0;padding:0;list-style:none;display:grid}.ingredient-list li{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-line);align-items:baseline;margin:0;display:flex}.ingredient-list li:last-child{border-bottom:0}.ingredient-list li:before{content:"";background:var(--color-accent);border-radius:2px;flex:none;width:.55rem;height:.55rem;margin-top:.45rem;transform:rotate(45deg)}.method-steps{counter-reset:step;gap:var(--space-4);max-width:none;margin:0;padding:0;list-style:none;display:grid}.method-steps li{min-height:2.2rem;margin:0;padding-left:3rem;position:relative}.method-steps li:before{counter-increment:step;content:counter(step);width:2.1rem;height:2.1rem;font-family:var(--font-display);color:var(--color-cream-on-ink);background:var(--color-green);border-radius:50% 50% 50% 6px;place-items:center;font-size:1.05rem;font-weight:640;display:grid;position:absolute;top:-.1rem;left:0}.prose{max-width:var(--measure)}.prose h2{margin-top:var(--space-7)}.prose h3{margin-top:var(--space-6)}.prose ul,.prose ol{max-width:var(--measure)}.table-wrap{margin:var(--space-5) 0;overflow-x:auto}table.data{border-collapse:collapse;background:var(--color-paper-raised);border:1px solid var(--color-line-strong);border-radius:var(--radius);width:100%;font-size:.95rem}table.data caption{text-align:left;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-mute);padding-bottom:var(--space-2);font-size:.75rem}table.data th,table.data td{text-align:left;vertical-align:top;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line)}table.data thead th{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink);background:var(--color-paper-sunk);border-bottom:2px solid var(--color-line-strong);font-size:.72rem;font-weight:600}table.data tbody tr:last-child td{border-bottom:0}.faq-item{border-top:1px solid var(--color-line-strong);padding:var(--space-4) 0;max-width:var(--measure)}.faq-item:last-of-type{border-bottom:1px solid var(--color-line-strong)}.faq-item h3{margin:0 0 var(--space-2);font-size:1.12rem}.faq-item p{color:var(--color-ink-soft);margin:0}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.next-reads{margin-top:var(--space-8);border:1px solid var(--color-line-strong);border-radius:var(--radius);background:var(--color-paper-raised);padding:var(--space-5)}.next-reads h2{margin:0 0 var(--space-3);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-deep);font-size:.78rem;font-weight:600}.next-reads ul{gap:var(--space-2);max-width:none;margin:0;padding:0;list-style:none;display:grid}.next-reads li{margin:0}.next-reads a{font-weight:700}.cat-row{gap:var(--space-2);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.cat-row a{padding:var(--space-2) var(--space-4);border:1px solid var(--color-line-strong);color:var(--color-ink-soft);background:var(--color-paper-raised);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:999px;font-size:.9rem;font-weight:700;text-decoration:none}.cat-row a:hover,.cat-row a[aria-current=page]{border-color:var(--color-accent);color:var(--color-accent-deep)}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(10px)}.js [data-reveal].is-visible{opacity:1;transform:none}.js:not(.js-ready) [data-reveal]{animation:.01ms linear 1.2s forwards reveal-failsafe}}@keyframes reveal-failsafe{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.js [data-reveal]{opacity:1;transform:none}}@media print{.site-header,.site-footer,.skip-link,.next-reads,.cat-row,.btn-row{display:none!important}body{color:#000;background:#fff;font-size:12pt}.recipe-layout{gap:var(--space-4);grid-template-columns:1fr}.card,.recipe-card,.meta-strip{box-shadow:none;break-inside:avoid;border-color:#999}.recipe-hero img{max-height:3in}a{color:#000;text-decoration:none}.method-steps li:before{print-color-adjust:exact;background:#000}}@media (width<=56rem){.masthead{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.recipe-layout{grid-template-columns:minmax(0,1fr)}.card-grid,.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=44rem){.nav-toggle{display:inline-block}.nav{background:var(--color-paper);border-bottom:1px solid var(--color-line-strong);padding:var(--space-3) var(--space-5) var(--space-4);gap:var(--space-1);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.nav.is-open{display:flex}.card-grid,.card-grid.two,.grid-2{grid-template-columns:minmax(0,1fr)}.footer-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}body{font-size:1rem}}