:root{--blue:#8a2d24;--cream:#fffaf0;--orange:#efa92b;--ink:#302a25;--line:#eadfce}.blue-stage{background:#70271f}.demo-bar{background:#421e19}header{border-bottom:1px solid #ffffff25}nav{font-weight:600;gap:25px}.nav-order,.green{background:#167753!important;color:white!important;border-radius:30px}.logo{color:#ffc453}.hero{width:100%;max-width:none;padding:0;position:relative;isolation:isolate;overflow:hidden;background:#7a2b22}.hero-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;background:#a8643b;z-index:-2;overflow:hidden}.hero-backdrop img{width:47%;max-width:none;opacity:.8;transform:rotate(-15deg);margin-left:-10%}.hero-backdrop img:nth-child(2){transform:rotate(15deg) scale(1.1)}.hero-backdrop img:nth-child(3){transform:rotate(-25deg);margin-top:200px}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#5c1b18e8,#772b22c9 65%,#54231fad);z-index:-1}.hero-inner{width:min(1150px,86%);margin:auto;padding:85px 0 70px;position:relative}.hero-badge{display:inline-block;border:1px solid #ffc45370;border-radius:25px;padding:8px 17px;color:#ffc453;background:#ffc45312;font-size:10px;font-weight:600;letter-spacing:.5px}.hero h1{text-align:left;font-size:clamp(46px,5.7vw,80px);line-height:1.12;margin:18px 0 25px;max-width:1000px;letter-spacing:-3px}.hero h1 span{color:#ffc453}.hero-lead{font-size:17px;max-width:620px;color:#f0dfd6;line-height:1.9;margin-bottom:35px}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.hero-actions .button{padding:17px 28px;border-radius:30px;font-weight:600}.ghost{border:1px solid #ffffff70;background:#ffffff0f;color:white}.hero-highlights{display:flex;gap:45px;border-top:1px solid #ffffff30;padding-top:28px;margin-top:50px;max-width:700px}.hero-highlights strong{font:600 27px 'Space Grotesk';display:block;color:#ffc453;letter-spacing:-1px}.hero-highlights span{font-size:10px;color:#e7cfc1;display:block;margin-top:6px}.hero-illustration{font-size:7px;letter-spacing:1px;color:#ddc1b1;display:block;margin-top:25px}.intro-band{padding:35px 0}.intro-band p{font-size:25px}.section-head h2{font-size:clamp(35px,4vw,55px)}.section-head>p{font-size:12px;color:#857264}.tabs{border:0;gap:10px;width:auto;flex-wrap:wrap;margin-bottom:30px}.tabs button{border:1px solid #e4d9c9;border-radius:25px;padding:11px 18px;background:#fff;color:#6e5547}.tabs .active{background:#8a2d24;color:#fff;border-color:#8a2d24}.menu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.menu-cards article{border:1px solid #eadfce;border-radius:15px;overflow:hidden;background:white;box-shadow:0 7px 20px #553b1d06}.menu-picture{height:225px;position:relative;background:#e7e4ce;overflow:hidden}.menu-picture img{width:100%;height:100%;object-fit:contain;transform:scale(1.2)}.menu-picture span{position:absolute;left:15px;bottom:12px;background:#fffdf0d9;color:#6e5547;font-size:7px;padding:4px 8px;border-radius:4px;letter-spacing:1px}.picture-liwet{background:#e8d8b5}.picture-snack{background:#e8dfd5}.picture-snack img{transform:scale(.92) rotate(12deg)}.picture-buffet{background:#dce2c8}.picture-buffet img{transform:scale(1.4) rotate(-8deg)}.picture-tumpeng{background:#f3d8a5}.picture-tumpeng img{transform:scale(1.1) rotate(5deg)}.menu-card-copy{padding:25px}.card-category{font-size:8px;letter-spacing:1px;color:#9e7027}.menu-card-copy h3{font-size:25px;letter-spacing:-.7px;margin:12px 0}.menu-card-copy p{font-size:12px;color:#857264;min-height:45px;margin:0 0 15px}.menu-card-copy small{font-size:7px;letter-spacing:.5px;color:#857264}.card-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:24px;border-top:1px solid #eadfce;padding-top:20px}.card-bottom strong{font:600 23px 'Space Grotesk';color:#8a2d24;letter-spacing:-.5px}.card-bottom strong span{font:9px 'DM Sans';display:block;color:#857264;letter-spacing:0;margin-top:3px}.card-bottom button{background:#167753;color:#fff;border:0;border-radius:25px;padding:10px 14px;font-size:10px}.occasion-section{background:#f7edde}.occasion-grid{border:0;gap:20px}.occasion-grid button{padding:28px!important;border:1px solid #e4d2b7!important;border-radius:15px;background:#fffaf2}.occasion-grid h3{font-size:24px}.occasion-grid button:hover{background:#fff}.gallery-section{padding-bottom:30px}.serving-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.serving-gallery>div{background:#e9dfcc;border-radius:12px;overflow:hidden}.serving-gallery img{display:block;width:100%;height:250px;object-fit:contain}.serving-gallery>div:nth-child(2){background:#e8dece}.serving-gallery>div:nth-child(2) img{transform:rotate(12deg) scale(.9)}.serving-gallery>div:nth-child(3){background:#dfe4cd}.serving-gallery>div:nth-child(3) img{transform:rotate(-8deg)}.serving-gallery span{display:block;padding:13px 20px;background:#ffffffa0;font-size:10px;color:#6e5547}.order-section{background:#70271f}.order-layout>div>p:not(.eyebrow){color:#ecd6cc}.simulation-note{color:#dbbfb1}form{border-radius:15px}.button{border-radius:25px;background:#167753}.button:hover{background:#115d41}.contact-section{background:#efa92b}.floating-plan{position:fixed;right:22px;bottom:22px;background:#167753;color:white;border-radius:30px;padding:14px 22px;box-shadow:0 6px 20px #16332030;font-size:11px;font-weight:600;z-index:4}footer{padding-bottom:85px}footer .logo{color:#8a2d24}@media(max-width:950px){nav{gap:18px;font-size:10px}.menu-cards{grid-template-columns:repeat(2,1fr)}.hero-backdrop img{width:65%}}@media(max-width:650px){header{padding:25px 0}.hero-inner{width:89%;padding:45px 0 45px}.hero-badge{font-size:8px;padding:7px 12px;letter-spacing:0}.hero h1{font-size:44px;letter-spacing:-2px;line-height:1.15;margin:20px 0 25px}.hero-lead{font-size:14px;line-height:1.8}.hero-actions{gap:12px}.hero-actions .button{font-size:11px;padding:14px 20px}.hero-highlights{gap:15px;justify-content:space-between;margin-top:35px;padding-top:23px}.hero-highlights strong{font-size:18px;letter-spacing:-.5px}.hero-highlights span{font-size:8px}.hero-illustration{font-size:6px;line-height:1.7}.hero-backdrop img{width:120%;margin-left:-55%;opacity:.5}.hero-backdrop img:nth-child(3){display:none}.hero:after{background:#612019ce}.intro-band p{font-size:22px}.menu-cards{grid-template-columns:1fr;gap:22px}.menu-picture{height:220px}.menu-card-copy{padding:23px}.menu-card-copy p{min-height:0}.menu-card-copy h3{font-size:25px}.tabs{gap:8px}.tabs button{font-size:10px;padding:9px 13px}.card-bottom strong{font-size:25px}.card-bottom button{padding:11px 18px;font-size:11px}.occasion-grid{gap:18px}.occasion-grid button{padding:25px!important}.serving-gallery{grid-template-columns:1fr;gap:18px}.serving-gallery img{height:225px}.section-head>p{margin-top:20px}.floating-plan{right:15px;bottom:15px;font-size:10px;padding:12px 18px}footer{padding-bottom:85px}}

.hero-actions .ghost{background:#ffffff0f;color:white;border:1px solid #ffffff70}.hero-actions .ghost:hover{background:#ffffff20}

.hero-backdrop img,.hero-backdrop img:nth-child(2){width:100%;height:100%;object-fit:cover;object-position:center 63%;opacity:1;transform:none;margin:0}.menu-picture img,.picture-snack img,.picture-buffet img,.picture-tumpeng img,.serving-gallery img,.serving-gallery>div:nth-child(2) img,.serving-gallery>div:nth-child(3) img{object-fit:cover;transform:none}.menu-picture img{object-position:center 52%}.social-links{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 8px}.social-links button{border:1px solid #60401570;border-radius:25px;padding:10px 15px;background:transparent;color:#604015;cursor:not-allowed}.contact-chat{border:0;background:#167753;color:white;padding:13px 22px;border-radius:25px;font:inherit;cursor:pointer}.floating-plan{border:0;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;min-height:48px}.floating-plan span{border-left:1px solid #ffffff60;padding-left:12px;font-size:11px}#chat-dialog{border:0;border-radius:22px;padding:30px;width:min(520px,calc(100% - 30px));max-height:calc(100dvh - 30px);overflow:auto;color:#302a25;background:#fffaf0;box-shadow:0 20px 90px #0004}#chat-dialog::backdrop{background:#21170ac2}#chat-dialog h2{font-size:32px;margin:15px 0}#chat-dialog>p{font-size:14px;line-height:1.7}#chat-dialog .chat-demo-note{background:#f1e8d6;border-radius:10px;padding:12px;font-size:12px}#chat-close{position:absolute;right:15px;top:15px;border:1px solid #dfd3c2;background:white;border-radius:50%;width:40px;height:40px;font-size:23px;cursor:pointer}#identity-form{padding:0;background:transparent}#identity-form input,#identity-form textarea{width:100%;box-sizing:border-box;font-size:16px}#identity-form label{display:block;margin-top:18px}#identity-form .button{display:inline-block;margin-top:14px}#chat-message{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 inherit;background:#f1e8d6;padding:15px;border-radius:12px}body:has(#chat-dialog[open]){overflow:hidden}@media(max-width:650px){#chat-dialog{padding:24px}#chat-dialog h2{font-size:28px}.floating-plan{font-size:13px}.hero-backdrop img{width:100%;opacity:1}}
