:root{--forest: #2D4A3E;--forest-mid: #3D6B5C;--forest-pale: #E8F0EC;--clay: #C4956A;--clay-light: #DEB896;--snow: #F8F5F0;--cream: #EDE8E0;--charcoal: #2C2C2A;--warm-gray: #7A7870;--spice: #8B3A2A;--gold: #C9A84C;--ff-heading: "Playfair Display", Georgia, serif;--ff-body: "DM Sans", system-ui, sans-serif;--sp-1: .5rem;--sp-2: 1rem;--sp-3: 1.5rem;--sp-4: 2rem;--sp-6: 3rem;--sp-8: 4rem;--sp-12: 6rem;--sp-16: 8rem;--max-w: 1200px;--content-w: 740px;--radius: 4px;--radius-lg: 12px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--ff-body);background-color:var(--snow);color:var(--charcoal);line-height:1.7;font-weight:300}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--ff-body)}h1,h2,h3,h4{font-family:var(--ff-heading);line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:600}h2{font-size:clamp(1.75rem,3vw,2.75rem);font-weight:600}h3{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:400}h4{font-size:1.125rem;font-weight:600}p{font-size:1.0625rem}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-4)}.content-w{max-width:var(--content-w);margin:0 auto}.section{padding:var(--sp-12) 0}.section-sm{padding:var(--sp-8) 0}.divider{width:48px;height:2px;background:var(--clay);margin:var(--sp-3) 0}.tag{display:inline-block;font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;border-radius:2px}.tag-peranakan{background:#f3e8e0;color:var(--spice)}.tag-finnish{background:var(--forest-pale);color:var(--forest)}.tag-fusion{background:#f0ebd8;color:#6b5a2a}.btn{display:inline-block;padding:14px 32px;font-size:.875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:var(--radius);transition:var(--transition)}.btn-primary{background:var(--forest);color:var(--snow)}.btn-primary:hover{background:var(--forest-mid)}.btn-outline{background:transparent;color:var(--forest);border:1.5px solid var(--forest)}.btn-outline:hover{background:var(--forest);color:var(--snow)}.btn-clay{background:var(--clay);color:var(--snow)}.btn-clay:hover{background:var(--clay-light)}.nav{position:sticky;top:0;z-index:100;background:var(--snow);border-bottom:1px solid var(--cream)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-4);height:68px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--ff-heading);font-size:1.25rem;font-style:italic;color:var(--forest);letter-spacing:.01em}.nav-links{display:flex;gap:var(--sp-6);list-style:none}.nav-links a{font-size:.8125rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray);transition:var(--transition)}.nav-links a:hover{color:var(--forest)}.nav-links a.active{color:var(--forest);border-bottom:1.5px solid var(--clay);padding-bottom:2px}.footer{background:var(--charcoal);color:var(--cream);padding:var(--sp-12) 0 var(--sp-8)}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-4);display:grid;gap:var(--sp-2)}.footer-brand{font-family:var(--ff-heading);font-size:1.5rem;font-style:italic;color:var(--clay-light)}.footer-tagline{color:var(--warm-gray);font-size:.9375rem}.footer-nav{display:flex;gap:var(--sp-4);margin-top:var(--sp-3)}.footer-nav a{font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray);transition:var(--transition)}.footer-nav a:hover{color:var(--clay-light)}.footer-copy{margin-top:var(--sp-6);color:#555;font-size:.8125rem}.recipe-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--cream)}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.recipe-card-img{aspect-ratio:4/3;overflow:hidden}.recipe-card-img-placeholder{width:100%;height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;font-family:var(--ff-heading);font-style:italic;font-size:1rem;color:#ffffffb3}.placeholder-peranakan{background:linear-gradient(135deg,#8b3a2a,#c4956a)}.placeholder-finnish{background:linear-gradient(135deg,#2d4a3e,#3d6b5c)}.placeholder-fusion{background:linear-gradient(135deg,#6b5a2a,#c4956a,#3d6b5c)}.recipe-card-body{padding:var(--sp-3)}.recipe-card-title{font-family:var(--ff-heading);font-size:1.1875rem;margin:var(--sp-1) 0 var(--sp-2);color:var(--charcoal)}.recipe-card-meta{display:flex;gap:var(--sp-2);align-items:center;font-size:.8125rem;color:var(--warm-gray)}.recipe-card-meta span:before{content:"·";margin-right:var(--sp-2)}.recipe-card-meta span:first-child:before{content:none}.scaler-box{background:var(--forest-pale);border:1.5px solid #C5D9D0;border-radius:var(--radius-lg);padding:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.scaler-label{font-size:.875rem;font-weight:500;color:var(--forest);letter-spacing:.05em}.scaler-controls{display:flex;align-items:center;gap:var(--sp-1)}.scaler-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--forest);background:transparent;color:var(--forest);font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.scaler-btn:hover{background:var(--forest);color:var(--snow)}.scaler-input{width:64px;text-align:center;font-family:var(--ff-heading);font-size:1.5rem;font-weight:600;color:var(--forest);border:none;background:transparent;-moz-appearance:textfield}.scaler-input::-webkit-outer-spin-button,.scaler-input::-webkit-inner-spin-button{-webkit-appearance:none}.scaler-pax-label{font-size:.875rem;color:var(--forest-mid)}.ingredient-group{margin-bottom:var(--sp-4)}.ingredient-group-label{font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);margin-bottom:var(--sp-2);padding-bottom:var(--sp-1);border-bottom:1px solid var(--cream)}.ingredient-row{display:flex;align-items:baseline;gap:var(--sp-2);padding:10px 0;border-bottom:1px solid var(--cream);font-size:1rem}.ingredient-row:last-child{border-bottom:none}.ingredient-amount{font-weight:500;color:var(--forest);min-width:48px}.ingredient-unit{color:var(--warm-gray);font-size:.875rem;min-width:36px}.ingredient-name{flex:1}.steps-list{list-style:none;counter-reset:step-counter}.step-item{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--cream);counter-increment:step-counter}.step-item:last-child{border-bottom:none}.step-number{flex-shrink:0;width:32px;height:32px;background:var(--forest);color:var(--snow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:500;margin-top:2px}.step-text{font-size:1rem;line-height:1.75}.cultural-note{border-left:3px solid var(--clay);padding:var(--sp-3) var(--sp-4);background:#fbf7f3;border-radius:0 var(--radius) var(--radius) 0;font-style:italic;font-size:.9375rem;color:var(--warm-gray);line-height:1.8}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.filter-group{display:flex;gap:var(--sp-1);flex-wrap:wrap}.filter-group-label{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray);align-self:center;margin-right:var(--sp-1)}.filter-btn{padding:6px 16px;font-size:.8125rem;border:1.5px solid var(--cream);background:#fff;color:var(--warm-gray);border-radius:100px;transition:var(--transition)}.filter-btn:hover{border-color:var(--forest);color:var(--forest)}.filter-btn.active{border-color:var(--forest);background:var(--forest);color:var(--snow)}.search-input{width:100%;max-width:400px;padding:12px 20px;border:1.5px solid var(--cream);border-radius:100px;background:#fff;font-family:var(--ff-body);font-size:.9375rem;color:var(--charcoal);transition:var(--transition);outline:none}.search-input::placeholder{color:var(--warm-gray)}.search-input:focus{border-color:var(--forest)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4)}.story-quote{font-family:var(--ff-heading);font-style:italic;font-size:clamp(1.125rem,2vw,1.375rem);color:var(--charcoal);line-height:1.7;margin:var(--sp-4) 0}.newsletter-box{background:var(--charcoal);color:var(--snow);padding:var(--sp-12) var(--sp-8);border-radius:var(--radius-lg);text-align:center}.newsletter-box h2{color:var(--clay-light);margin-bottom:var(--sp-2)}.newsletter-box p{color:#aaa;margin-bottom:var(--sp-4)}.newsletter-form{display:flex;gap:var(--sp-2);justify-content:center;flex-wrap:wrap}.newsletter-input{padding:14px 20px;border:1px solid #444;background:#3a3a38;color:var(--snow);border-radius:var(--radius);font-family:var(--ff-body);font-size:.9375rem;width:300px;outline:none;transition:var(--transition)}.newsletter-input::placeholder{color:#777}.newsletter-input:focus{border-color:var(--clay)}@media(max-width:768px){.nav-links{gap:var(--sp-3)}.recipe-grid{grid-template-columns:1fr}.section{padding:var(--sp-8) 0}.newsletter-box{padding:var(--sp-6) var(--sp-4)}}@media(max-width:480px){.nav-logo{font-size:1.0625rem}.nav-links a{font-size:.6875rem}}