*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-white: #ffffff;--color-off-white: #fafafa;--color-cream: #f8f6f3;--color-black: #1a1a1a;--color-dark-grey: #2d2d2d;--color-grey: #6b6b6b;--color-light-grey: #d4d4d4;--color-pale-grey: #e8e8e8;--color-watermark: rgba(200, 190, 180, .08);--color-sambal-red: #c4412b;--color-sambal-dark: #8b2d1e;--color-chilli: #d64f3d;--color-ginger-pink: #e8a5a0;--color-lime-green: #4a6741;--color-turmeric: #d4a84b;--color-galangal: #c9b896;--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.375rem);--text-xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-2xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-3xl: clamp(2.5rem, 2rem + 3vw, 4rem);--text-4xl: clamp(3rem, 2rem + 5vw, 5.5rem);--text-hero: clamp(3.5rem, 2.5rem + 6vw, 7rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 5rem;--space-3xl: 8rem;--space-4xl: 12rem;--max-width: 1400px;--header-height: 80px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .08);--shadow-medium: 0 8px 40px rgba(0, 0, 0, .12);--shadow-strong: 0 20px 60px rgba(0, 0, 0, .15);--shadow-glow: 0 0 60px rgba(255, 255, 255, .5)}html{height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;overflow:hidden;font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:1.6;color:var(--color-black);background-color:var(--color-white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.1;letter-spacing:-.02em}h1{font-size:var(--text-hero)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{max-width:65ch}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;text-transform:uppercase;border:2px solid var(--color-black);background:transparent;color:var(--color-black);cursor:pointer;transition:var(--transition-base);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-black);transition:var(--transition-base);z-index:-1}.btn:hover{color:var(--color-white)}.btn:hover:before{left:0}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}section{padding:var(--space-4xl) 0;position:relative;scroll-snap-align:start;scroll-margin-top:var(--header-height)}::selection{background-color:var(--color-sambal-red);color:var(--color-white)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-off-white)}::-webkit-scrollbar-thumb{background:var(--color-light-grey);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-grey)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-1deg)}75%{transform:translate(5px) rotate(1deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spoonDrop{0%{opacity:0;transform:translateY(-200px) rotate(-45deg)}60%{opacity:1;transform:translateY(20px) rotate(5deg)}80%{transform:translateY(-10px) rotate(-3deg)}to{transform:translateY(0) rotate(0)}}@keyframes ingredientExplode{0%{opacity:0;transform:translate(0) scale(0) rotate(0)}50%{opacity:1}to{opacity:1;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1) rotate(var(--rotate, 0deg))}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 40px #fff9}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-serif{font-family:var(--font-serif)}.text-sans{font-family:var(--font-sans)}@media(max-width:768px){:root{--header-height: 60px;--text-hero: clamp(2.5rem, 2rem + 3vw, 4rem);--text-4xl: clamp(2rem, 1.5rem + 3vw, 3.5rem);--text-3xl: clamp(1.75rem, 1.5rem + 2vw, 2.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.5vw, 2rem);--space-4xl: 4rem;--space-3xl: 3rem;--space-2xl: 2rem}section{padding:var(--space-2xl) 0}.container{padding:0 var(--space-md)}h1{font-size:var(--text-hero)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media(max-width:480px){:root{--text-hero: clamp(2rem, 1.5rem + 4vw, 3rem);--text-4xl: clamp(1.75rem, 1.25rem + 3vw, 2.5rem);--text-3xl: clamp(1.5rem, 1.25rem + 2vw, 2rem);--space-4xl: 3rem;--space-3xl: 2rem}.container{padding:0 var(--space-sm)}}