.checkout-modal,.order-success{visibility:hidden;position:fixed;inset:0;z-index:25;transition:visibility 0s linear .35s}.checkout-modal.open,.order-success.open{visibility:visible;transition-delay:0s}.checkout-overlay{position:absolute;inset:0;background:rgba(0,0,0,.72);opacity:0;transition:.35s}.checkout-modal.open .checkout-overlay{opacity:1}.checkout-panel{position:absolute;right:0;top:0;height:100%;width:min(520px,100%);overflow:auto;background:var(--cream);color:var(--black);padding:37px 31px;transform:translateX(100%);transition:.35s}.checkout-modal.open .checkout-panel{transform:none}.checkout-panel .drawer-header h2{max-width:300px}.address-form{padding-top:24px}.address-form label{display:block;color:#38332f;font-size:11px;font-weight:700;margin-bottom:17px}.address-form input,.address-form textarea{display:block;width:100%;margin-top:7px;border:1px solid rgba(17,17,15,.18);background:rgba(255,255,255,.4);color:var(--black);font:inherit;padding:12px;outline-color:var(--orange);resize:vertical}.address-form textarea{min-height:68px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.optional{color:#99928a;font-weight:400}.payment-note{font-size:11px;color:#77716b;line-height:1.5;padding:10px 0 15px}.payment-note span{color:var(--orange);font-size:16px;margin-right:5px}.checkout-message{display:block;color:#bb3d1a;font-size:11px;text-align:center;margin-top:12px}.checkout-button:disabled{opacity:.6;cursor:wait}.order-success{display:grid;place-items:center;background:rgba(0,0,0,.8);padding:24px}.success-card{background:var(--cream);color:var(--black);max-width:420px;text-align:center;padding:55px 42px}.success-mark{display:grid;place-items:center;margin:0 auto 24px;background:var(--orange);color:var(--black);border-radius:50%;width:52px;height:52px;font-size:25px}.success-card h2{font:500 54px/.95 var(--serif);letter-spacing:-.05em;margin:0 0 17px}.success-card>p:not(.eyebrow){color:#77716b;font-size:13px;margin:0 auto 27px;max-width:300px}.success-card .checkout-button{justify-content:center;gap:22px}.toast{min-width:190px;text-align:center}.toast span{font-size:15px}.toast.show{animation:toastIn .3s ease}@keyframes toastIn{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}@media(max-width:520px){.checkout-panel{padding:28px 22px}.success-card{padding:45px 25px}.success-card h2{font-size:45px}.kubo-feature{padding-left:6vw;padding-right:6vw}.kubo-illustration{height:225px}.kubo-roof{top:8px}.kubo-house{top:80px;height:95px}.kubo-post{top:88px;height:125px}.kubo-window{top:18px;width:40px;height:34px}.kubo-door{height:62px}.kubo-palm{font-size:72px}.kubo-copy h2{font-size:47px}}
@media(max-width:520px){.extras-menu{grid-template-columns:1fr}.menu-extra{min-height:78px}}
.hero{background-image:linear-gradient(135deg,rgba(255,107,44,.04),transparent 42%),repeating-linear-gradient(0deg,transparent 0 20px,rgba(244,240,233,.025) 21px 22px)}
.hero-visual:before{content:"";position:absolute;inset:-18px -18px 18px 18px;border:1px solid rgba(255,107,44,.45);clip-path:polygon(7% 0,93% 0,100% 8%,100% 92%,93% 100%,7% 100%,0 92%,0 8%);pointer-events:none;z-index:2}
.hero-visual:after{content:"";position:absolute;left:22px;right:22px;top:-18px;height:25px;background:repeating-linear-gradient(135deg,transparent 0 13px,rgba(255,107,44,.45) 14px 15px),repeating-linear-gradient(45deg,transparent 0 13px,rgba(255,107,44,.45) 14px 15px);opacity:.55;pointer-events:none;z-index:3}
.mini-image{background-image:url("https://images.unsplash.com/photo-1555939594-58d7cb561ad1?auto=format&fit=crop&w=200&q=80")}
.image-main{background-image:linear-gradient(120deg,rgba(0,0,0,.08),rgba(0,0,0,.28)),url("https://images.unsplash.com/photo-1544025162-d76694265947?auto=format&fit=crop&w=1200&q=85")}
.story-section{background-image:repeating-linear-gradient(90deg,transparent 0 29px,rgba(255,107,44,.035) 30px 31px),repeating-linear-gradient(0deg,transparent 0 29px,rgba(244,240,233,.025) 30px 31px)}
.product-card{border-top:1px solid rgba(255,107,44,.3);padding-top:9px}
.product-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(244,240,233,.16);pointer-events:none}
.section-heading h2:after{content:"✦";color:var(--orange);font-family:var(--sans);font-size:16px;margin-left:12px;vertical-align:middle}
.extras{border-top:1px solid rgba(17,17,15,.12);padding:16px 0 8px}.extras .eyebrow{color:var(--orange);margin-bottom:4px}.extras-prompt{color:#8a8580;font-size:10px;margin:0 0 5px;line-height:1.35}.extra-option{width:100%;border:0;border-bottom:1px solid rgba(17,17,15,.1);background:none;padding:9px 0;display:flex;align-items:center;text-align:left;gap:10px;color:var(--black);cursor:pointer}.extra-check{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--orange);color:var(--orange);font-size:18px}.extra-option:hover .extra-check{background:var(--orange);color:var(--black)}.extra-option>span:nth-child(2){display:flex;flex-direction:column;flex:1}.extra-option strong{font:500 15px var(--serif)}.extra-option small{color:#8a8580;font-size:10px}.extra-option>b{color:var(--orange);font-size:12px}
.cart-line{align-items:start}.line-details{flex:1;min-width:0}.line-details h3{margin-bottom:2px}.line-details p{font-size:10px}.quantity-controls{display:flex;align-items:center;gap:8px;margin-top:7px}.quantity-button{width:21px;height:21px;border:1px solid rgba(17,17,15,.25);background:transparent;color:var(--black);cursor:pointer;line-height:17px}.quantity-controls span{font-size:11px;min-width:12px;text-align:center}.remove-item{border:0;background:none;color:#9a968f;cursor:pointer;font-size:18px;line-height:1;padding:0}.remove-item:hover{color:#bb3d1a}.extras-menu{border-top:1px solid var(--line);margin-top:35px;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.extras-menu-heading{grid-column:1/-1}.extras-menu-heading h3{font:500 30px var(--serif);margin:0}.menu-extra{border:1px solid var(--line);background:#1b1a17;color:var(--cream);padding:10px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:.2s}.menu-extra:hover{border-color:var(--orange);transform:translateY(-2px)}.menu-extra-image{width:58px;height:58px;flex:none;background-size:cover;background-position:center}.egg-image{background-image:url("https://images.unsplash.com/photo-1525351484163-7529414344d8?auto=format&fit=crop&w=500&q=85")}.rice-image{background-image:url("https://images.unsplash.com/photo-1536304993881-ff6e9e3a4a3c?auto=format&fit=crop&w=500&q=85")}.menu-extra>span:nth-child(2){display:flex;flex-direction:column;flex:1}.menu-extra strong{font:500 17px var(--serif)}.menu-extra small{color:var(--muted);font-size:10px}.menu-extra b{color:var(--orange);font-size:12px;white-space:nowrap}.menu-extra i{font-size:18px;font-style:normal;margin-left:4px}.checkout-suggestion{display:flex;align-items:center;gap:10px;background:rgba(255,107,44,.1);border:1px solid rgba(255,107,44,.35);padding:12px;margin-top:22px}.checkout-suggestion>span{color:var(--orange);font-size:18px}.checkout-suggestion div{display:flex;flex-direction:column;flex:1}.checkout-suggestion strong{font:500 15px var(--serif)}.checkout-suggestion small{font-size:10px;color:#77716b}.suggestion-add{border:0;background:var(--orange);color:var(--black);font:700 10px var(--sans);padding:8px;cursor:pointer}
.kubo-feature{min-height:420px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;padding:68px 9vw;background:var(--orange);color:var(--black);position:relative;overflow:hidden}
.kubo-feature:before,.kubo-feature:after{content:"";position:absolute;inset:0;pointer-events:none}
.kubo-feature:before{opacity:.2;background:repeating-linear-gradient(90deg,transparent 0 28px,#11110f 29px 31px),repeating-linear-gradient(0deg,transparent 0 28px,#11110f 29px 31px)}
.kubo-feature:after{inset:auto 0 0;height:17px;background:repeating-linear-gradient(135deg,#11110f 0 2px,transparent 2px 12px),repeating-linear-gradient(45deg,#11110f 0 2px,transparent 2px 12px);opacity:.7}
.kubo-illustration,.kubo-copy{position:relative;z-index:1}.kubo-illustration{height:280px;max-width:570px;margin:auto;width:100%}
.kubo-roof{position:absolute;top:18px;left:4%;width:92%;height:114px;background:#11110f;clip-path:polygon(50% 0,100% 54%,96% 62%,50% 23%,4% 62%,0 54%);filter:drop-shadow(0 7px 0 rgba(244,240,233,.7))}
.kubo-roof:after{content:"";position:absolute;left:9%;right:9%;top:56px;height:26px;background:repeating-linear-gradient(135deg,transparent 0 12px,#ff6b2c 13px 15px),repeating-linear-gradient(45deg,transparent 0 12px,#ff6b2c 13px 15px);opacity:.8}
.kubo-house{position:absolute;left:16%;right:16%;top:106px;height:116px;background:rgba(244,240,233,.8);border:5px solid #11110f;background-image:repeating-linear-gradient(90deg,transparent 0 17px,rgba(17,17,15,.35) 18px 20px),repeating-linear-gradient(0deg,transparent 0 17px,rgba(17,17,15,.25) 18px 20px)}
.kubo-window{position:absolute;top:26px;width:53px;height:45px;border:5px solid #11110f;background:var(--orange)}.kubo-window:after,.kubo-window:before{content:"";position:absolute;background:#11110f}.kubo-window:after{width:5px;height:100%;left:50%;top:0}.kubo-window:before{height:5px;width:100%;top:50%;left:0}.kubo-window.left{left:16%}.kubo-window.right{right:16%}.kubo-door{position:absolute;bottom:0;left:43%;height:78px;width:14%;background:#11110f;border:5px solid #11110f}.kubo-step{position:absolute;bottom:-14px;left:37%;width:26%;height:14px;background:#11110f}.kubo-post{position:absolute;top:114px;height:155px;width:12px;background:#11110f}.post-left{left:10%}.post-right{right:10%}.kubo-palm{position:absolute;color:#11110f;font:700 100px/1 var(--serif);transform:rotate(-30deg)}.palm-left{left:-1%;top:22px}.palm-right{right:-1%;top:28px;transform:scaleX(-1) rotate(-30deg)}.kubo-copy{max-width:460px}.kubo-copy .eyebrow{color:var(--black);margin-bottom:16px}.kubo-copy h2{font:500 clamp(42px,5vw,68px)/.95 var(--serif);letter-spacing:-.05em;margin:0 0 22px}.kubo-copy h2 em{color:var(--cream);font-style:italic}.kubo-copy>p:not(.eyebrow){max-width:390px;margin:0 0 22px;color:rgba(17,17,15,.75);font-size:14px}.kubo-caption{font-size:10px;font-weight:700;letter-spacing:.18em;border-top:1px solid rgba(17,17,15,.4);padding-top:12px;display:inline-block}
.hero,.menu-section,.story-section,.newsletter{position:relative}.hero:before,.menu-section:before,.story-section:before,.newsletter:before{content:"";position:absolute;pointer-events:none;opacity:.1;background-image:linear-gradient(45deg,transparent 46%,var(--orange) 47%,var(--orange) 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,var(--orange) 47%,var(--orange) 53%,transparent 54%);background-size:18px 18px}.hero:before{width:110px;height:110px;left:0;top:40px}.menu-section:before{width:82px;height:82px;right:0;top:73px}.story-section:before{width:120px;height:120px;right:25px;bottom:22px;z-index:1}.newsletter:before{width:95px;height:95px;left:0;bottom:30px}.hero-copy,.hero-visual,.section-heading,.filter-tabs,.product-grid,.story-copy,.newsletter>div,.signup-form{position:relative;z-index:1}.marquee{position:relative}.marquee:after{content:"KAIN · KULAY · KWENTO";position:absolute;right:8vw;top:14px;color:rgba(17,17,15,.45);font-size:9px;letter-spacing:.16em}.product-card{border-top:1px solid rgba(255,107,44,.3);padding-top:9px}.product-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(244,240,233,.16);pointer-events:none}.tag{border-radius:1px}.section-heading h2:after{content:"✦";color:var(--orange);font-family:var(--sans);font-size:16px;margin-left:12px;vertical-align:middle}.story-section{background:#1b1a17}.story-copy h2{max-width:530px}.footer-top:after{content:"KAIN · KULAY · KWENTO";display:block;color:var(--orange);font-size:9px;letter-spacing:.18em;position:absolute;right:9vw;bottom:55px}.site-footer{position:relative}.brand img{object-fit:contain}
@media(max-width:520px){.filter-tabs{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.extras-menu{grid-template-columns:minmax(0,1fr)}.extras-menu-heading,.menu-extra{min-width:0}.extras-menu-heading h3{font-size:clamp(22px,6.5vw,26px)}}
.theme-toggle{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--cream);font:inherit;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center}.theme-toggle:hover{color:var(--orange);border-color:var(--orange)}
body{padding-top:env(safe-area-inset-top,0px)}
body[data-theme="light"]{--black:#f7f3eb;--cream:#191816;--muted:#68635b;--line:rgba(25,24,22,.17);background:var(--black);color:var(--cream)}
body[data-theme="light"] .site-header{background:rgba(247,243,235,.94)}
body[data-theme="light"] .story-section{background:#e9e2d6}
body[data-theme="light"] .story-copy>p:not(.eyebrow){color:#5e5850}
body[data-theme="light"] .marquee{color:#191816}
body[data-theme="light"] .tag,body[data-theme="light"] .quick-add{color:#191816}
body[data-theme="light"] .kubo-feature{--black:#191816;--cream:#f4f0e9}
body[data-theme="light"] .site-footer{background:#eee8de}
@media(max-width:520px){.header-actions{gap:12px}.theme-toggle{width:32px;height:32px;flex:none}}
:root{--orange:#ff6b2c;--orange-light:#ff9a6d;--black:#11110f;--cream:#f4f0e9;--muted:#9a968f;--line:rgba(244,240,233,.15);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:var(--sans);font-size:15px;line-height:1.5}.announcement{background:var(--orange);color:#1a110d;font-size:10px;letter-spacing:.16em;text-align:center;padding:9px}.announcement span{padding:0 14px}.site-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(17,17,15,.9);backdrop-filter:blur(14px);z-index:10}.brand{display:flex;align-items:center;color:var(--cream);text-decoration:none}.brand img{display:block;width:151px;height:auto}.main-nav{display:flex;gap:39px;margin-left:70px}.main-nav a,.text-link{color:var(--cream);font-size:12px;text-decoration:none}.main-nav a{opacity:.65;transition:.2s}.main-nav a:hover{opacity:1;color:var(--orange)}.header-actions{display:flex;align-items:center;gap:20px}.icon-button,.bag-button,.menu-toggle{font-family:inherit;color:var(--cream);background:none;border:0;cursor:pointer}.icon-button{font-size:27px;line-height:1;transform:rotate(-15deg)}.bag-button{display:flex;align-items:center;gap:9px;font-size:12px}.bag-button b{background:var(--orange);border-radius:99px;color:#1a110d;font-size:10px;min-width:19px;padding:2px 5px;text-align:center}.menu-toggle{display:none;font-size:22px}.hero{min-height:655px;padding:74px 9vw 65px;display:grid;grid-template-columns:1fr 1.12fr;gap:4vw;align-items:center;overflow:hidden}.hero-copy{padding-bottom:20px}.baybayin-mark{font-family:"Noto Sans Baybayin","Segoe UI Historic",sans-serif;color:var(--orange);font-size:28px;letter-spacing:.08em;line-height:1;margin-bottom:13px}.tagalog-lockup{color:var(--cream);font-size:10px;letter-spacing:.28em;font-weight:700;margin:0 0 12px}.tagalog-lockup span{color:var(--orange);font-family:var(--serif);font-style:italic;margin:0 5px}.eyebrow{text-transform:uppercase;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.17em;margin:0 0 20px}.hero h1{font-family:var(--serif);font-size:clamp(58px,7vw,104px);letter-spacing:-.055em;line-height:.91;font-weight:500;margin:0 0 31px}.hero h1 em,.story-copy h2 em,.newsletter h2 em{color:var(--orange);font-style:italic}.hero-description{color:var(--muted);font-size:15px;max-width:330px;margin:0 0 32px}.button{display:inline-flex;align-items:center;gap:34px;padding:16px 20px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.button span,.checkout-button span{font-size:18px;line-height:0}.button-dark{background:var(--cream);color:var(--black)}.button-orange{background:var(--orange);color:#19110c}.hero-note{margin-top:38px;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:8px}.pulse-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(255,107,44,.15)}.hero-visual{height:485px;position:relative}.hero-image,.story-image,.product-image,.mini-image{background-position:center;background-size:cover}.image-main{height:100%;background-image:linear-gradient(120deg,rgba(0,0,0,.05),rgba(0,0,0,.2)),url("https://images.unsplash.com/photo-1513104890138-7c749659a591?auto=format&fit=crop&w=1200&q=85");clip-path:polygon(10% 0,100% 0,100% 89%,83% 100%,0 100%,0 12%)}.floating-card{position:absolute;bottom:32px;left:-34px;background:var(--cream);color:var(--black);padding:10px;display:flex;align-items:center;gap:12px;width:230px}.mini-image{width:51px;height:51px;background-image:url("https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=200&q=80")}.floating-card strong,.floating-card span{display:block}.floating-card strong{color:var(--orange);text-transform:uppercase;font-size:8px;letter-spacing:.1em}.floating-card span{font-family:var(--serif);font-size:14px}.floating-card .arrow{margin-left:auto;font-size:21px}.rotating-label{position:absolute;right:-27px;top:18px;color:var(--orange);font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}.hero-scribble{position:absolute;right:35px;bottom:-31px;text-align:center;color:var(--cream);font-family:var(--serif);font-size:18px;line-height:.8;transform:rotate(-10deg)}.hero-scribble em{font-size:14px;color:var(--orange)}.marquee{background:var(--orange);color:var(--black);overflow:hidden;padding:13px 0;white-space:nowrap;font-size:12px;letter-spacing:.22em;font-weight:700}.marquee div{animation:marquee 22s linear infinite}.marquee span{margin:0 28px}.menu-section{padding:105px 9vw 120px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-heading h2,.story-copy h2,.newsletter h2{font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:.98;font-size:clamp(42px,5vw,67px);margin:0}.text-link{border-bottom:1px solid var(--orange);padding-bottom:8px}.text-link span{color:var(--orange);font-size:16px;margin-left:18px}.filter-tabs{display:flex;gap:29px;border-bottom:1px solid var(--line);margin-bottom:31px}.filter{background:none;border:0;color:var(--muted);font:inherit;font-size:11px;padding:0 0 15px;cursor:pointer}.filter.active{color:var(--orange);border-bottom:1px solid var(--orange)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{min-width:0}.product-image{height:240px;position:relative;background-color:#292622}.food-burger{background-image:url("https://images.unsplash.com/photo-1568901346375-23c9450c58cd?auto=format&fit=crop&w=650&q=85")}.food-pasta{background-image:url("https://images.unsplash.com/photo-1473093295043-cdd812d0e601?auto=format&fit=crop&w=650&q=85")}.food-wings{background-image:url("https://images.unsplash.com/photo-1527477396000-e27163b481c2?auto=format&fit=crop&w=650&q=85")}.food-cake{background-image:url("https://images.unsplash.com/photo-1578985545062-69928b1d9587?auto=format&fit=crop&w=650&q=85")}.tag{position:absolute;left:12px;top:12px;background:var(--orange);color:var(--black);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px}.tag.warm{background:var(--cream)}.quick-add{position:absolute;bottom:12px;right:12px;border:0;background:var(--orange);color:var(--black);font-size:26px;width:35px;height:35px;line-height:30px;cursor:pointer;transition:.2s}.quick-add:hover{background:var(--cream);transform:rotate(90deg)}.product-info{padding:14px 2px;display:flex;justify-content:space-between;gap:10px}.product-info h3{font-family:var(--serif);font-size:17px;font-weight:500;margin:0 0 4px}.product-info p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}.product-info>strong{color:var(--orange);font-size:13px}.story-section{display:grid;grid-template-columns:1fr 1fr;background:#1b1a17;min-height:580px}.story-image{min-height:500px;background-image:linear-gradient(0deg,rgba(0,0,0,.25),transparent),url("https://images.unsplash.com/photo-1515003197210-e0cd71810b5f?auto=format&fit=crop&w=1200&q=85")}.story-copy{padding:85px 10vw 85px 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.story-copy h2{margin-bottom:28px}.story-copy>p:not(.eyebrow){color:var(--muted);max-width:355px;margin:0 0 32px}.newsletter{padding:115px 9vw;display:flex;justify-content:space-between;gap:50px}.signup-form{width:390px;padding-top:31px}.signup-form label{display:block;color:var(--muted);font-size:13px;margin-bottom:20px}.signup-form>div{display:flex;border-bottom:1px solid var(--line)}.signup-form input{background:none;border:0;outline:0;color:var(--cream);font:inherit;width:100%;padding:12px 0}.signup-form button{border:0;background:none;color:var(--orange);font:inherit;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.signup-form button span{font-size:17px;margin-left:8px}.signup-form small{color:var(--orange);display:block;margin-top:12px}.site-footer{border-top:1px solid var(--line);padding:44px 9vw 22px}.footer-top{display:flex;align-items:start;justify-content:space-between}.footer-top p{color:var(