:root{--ink:#0e2323;--cream:#f6f1e7;--orange:#d9ec57;--muted:#52645f;--line:#d9dbcd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b95b15;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;background:white;padding:16px;z-index:100}.skip:focus{top:0}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.demo{text-align:center;padding:8px 18px;font-size:12px;background:#163c39;color:#f6f1e7;letter-spacing:.4px}.demo span{opacity:.9}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(24px,calc((100vw - 1216px)/2));background:var(--cream);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:900;letter-spacing:-.8px;line-height:1.15}.brand>.icon{width:44px;height:44px;stroke-width:1.5}.brand small{display:block;margin-top:7px;font-size:10px;letter-spacing:2px;font-weight:650}.header nav{display:flex;gap:30px;font-weight:650;font-size:14px}.header nav a:hover{color:#8d4716}.header-social{display:flex;align-items:center;gap:8px;font-size:13px;border:1px solid #c4cbbd;border-radius:50px;padding:9px 15px}.hero{position:relative;background:var(--ink);color:var(--cream);min-height:670px;overflow:hidden}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,29,28,.97),rgba(8,29,28,.82) 30%,rgba(8,29,28,.23) 68%,rgba(8,29,28,.12)),linear-gradient(0deg,rgba(8,29,28,.8),transparent 28%)}.hero-content{position:relative;max-width:1280px;margin:auto;padding:80px 32px 120px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:750;margin:0 0 20px}.hero .eyebrow{color:var(--orange)}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-3px;line-height:1.03;font-weight:400;margin:0}h1{font-size:clamp(64px,7.3vw,106px);max-width:680px}h1 em{color:var(--orange)}.hero-content>p:not(.eyebrow){max-width:480px;margin:28px 0;color:#f2f0e6;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--orange);color:var(--ink);padding:15px 20px;min-height:54px;border-radius:5px;font-weight:750;font-size:14px;transition:transform .2s,background .2s;text-align:center}.button:hover{background:#ffb863;transform:translateY(-2px)}.button span:last-child{margin-left:8px}.ghost{background:rgba(255,255,255,.04);color:white;border:1px solid #81968a}.ghost:hover{background:rgba(255,255,255,.15)}.hero-bottom{position:absolute;bottom:22px;left:max(32px,calc((100vw - 1216px)/2));right:max(32px,calc((100vw - 1216px)/2));display:flex;justify-content:space-between;align-items:end;gap:30px;font-size:12px;letter-spacing:2px}.hero-bottom b{color:var(--orange);margin-left:15px}.hero-bottom small{font-size:11px;letter-spacing:0;max-width:260px;text-align:right;color:#ede9df}.ribbon{display:flex;justify-content:center;align-items:center;gap:50px;padding:19px 24px;background:var(--orange);font-size:13px;font-weight:800;letter-spacing:2px;overflow:hidden}.ribbon i{font-size:23px;font-style:normal}.section{max-width:1280px;margin:auto;padding:90px 32px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:32px}h2{font-size:clamp(44px,4.7vw,68px)}h2 em{color:#49746b}.section-top>p{max-width:370px;margin:0;color:var(--muted);font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filters button{padding:10px 20px;border:1px solid #bdc8bc;border-radius:100px;background:transparent;color:var(--ink);font-size:13px;font-weight:650}.filters button.active{background:var(--ink);border-color:var(--ink);color:var(--cream)}.dish-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.dish{grid-column:span 2;background:#fffaf1;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;transition:transform .2s}.dish:hover{transform:translateY(-4px)}.dish-photo{display:block;position:relative;width:100%;border:0;padding:0;background:#1c3832;aspect-ratio:1.4;overflow:hidden}.dish-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}.dish-photo:hover img{transform:scale(1.045)}.dish-photo>span{position:absolute;left:12px;bottom:12px;background:rgba(8,29,28,.9);color:white;border-radius:3px;padding:4px 9px;font-size:10px}.dish-photo>b{position:absolute;right:12px;top:12px;border-radius:50%;background:var(--cream);width:30px;height:30px;line-height:30px}.dish-copy{padding:24px;position:relative}.dish-number{position:absolute;right:24px;top:27px;font-size:11px;color:#718379}.dish h3{font-family:Georgia,serif;font-weight:400;font-size:30px;line-height:1.1;margin:0 28px 20px 0;letter-spacing:-1px}.dish-copy>a{display:flex;justify-content:space-between;font-size:12px;font-weight:700;border-top:1px solid var(--line);padding-top:14px}.compact{grid-column:span 3;display:flex;align-items:center;background:#e9eddf}.compact .dish-copy{flex:1}.dish-type{width:130px;height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;border-right:1px solid #ced5c6;margin:20px 0}.dish-type .icon{width:50px;height:50px;stroke-width:1}.dish-type span{font-size:9px;letter-spacing:1.5px}.image-note{font-size:12px;color:var(--muted);margin:20px 0 0;max-width:850px}.story{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:var(--ink);color:var(--cream);padding:90px max(32px,calc((100vw - 1216px)/2))}.story .eyebrow{color:var(--orange)}.story h2 em{color:var(--orange)}.story-title>p:not(.eyebrow){max-width:400px;color:#d0dbcd;margin:28px 0}.outline{border:1px solid #98aa98;background:transparent;color:inherit}.outline:hover{background:#dde5d2;color:var(--ink)}.steps article{border-bottom:1px solid #466054;padding:25px 0}.steps article:first-child{padding-top:0}.steps article>span{color:var(--orange);font-size:11px;letter-spacing:2px}.steps h3{font-size:24px;font-weight:500;margin:12px 0 10px}.steps p{max-width:400px;font-size:15px;color:#d0dbcd;margin:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact>div>p:not(.eyebrow){max-width:500px;color:var(--muted);margin:26px 0}.facts{display:grid;grid-template-columns:110px 1fr;gap:16px 18px;border-top:1px solid var(--line);padding-top:24px}.facts span{font-size:10px;font-weight:750;letter-spacing:1px;padding-top:3px}.facts p{font-size:14px;margin:0}.contact-card{background:#e8eddf;border:1px solid #ced5c4;border-radius:12px;padding:40px;position:relative;overflow:hidden}.contact-symbol{position:absolute;right:20px;top:15px;font-size:70px;color:#d1dac7;line-height:1}.contact-card .eyebrow{position:relative;font-size:10px}.contact-card h3{font-family:Georgia,serif;font-weight:400;font-size:36px;line-height:1.15;margin:0 0 20px;letter-spacing:-1px;position:relative}.contact-card p:not(.eyebrow){font-size:15px;max-width:350px;color:var(--muted)}.contact-card .button{display:flex;width:100%;margin-top:12px}.contact-card small{display:block;font-size:11px;margin-top:18px;color:var(--muted)}footer{max-width:1280px;margin:auto;padding:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}footer .brand{font-size:17px}footer .brand>.icon{width:34px;height:34px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}.data-status{max-width:1280px;margin:auto;padding:20px 32px}.mobile-dock{display:none}dialog{padding:0;border:0;border-radius:10px;width:min(850px,92vw);max-height:90vh;background:var(--cream);color:var(--ink);overflow:auto}dialog::backdrop{background:rgba(5,19,18,.86)}dialog>img{width:100%;max-height:65vh;object-fit:contain;display:block;background:var(--ink)}dialog>div{padding:20px 28px}dialog h3{margin:0;font:28px Georgia,serif}dialog p{font-size:13px}.dialog-close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:42px;height:42px;background:var(--cream);color:var(--ink);font-size:28px}
@media(max-width:900px){.header{padding:18px 24px}.header-social{display:none}.hero{min-height:620px}.hero-content{padding:70px 24px 120px}.hero-bottom{left:24px;right:24px}.story{gap:50px;padding:65px 24px}.section{padding:65px 24px}.contact{gap:40px}.dish-copy{padding:20px}.dish h3{font-size:25px}.dish-number{right:18px;top:22px}.ribbon{gap:28px}.compact .dish-type{width:80px}.contact-card{padding:28px}}
@media(max-width:650px){html{scroll-padding-top:24px}.demo{font-size:10px;padding:7px 14px;line-height:1.5}.header{padding:18px 20px;flex-wrap:wrap;gap:16px}.brand{font-size:20px}.brand small{font-size:9px}.header nav{gap:24px;width:100%;font-size:12px;padding-top:4px}.hero{min-height:660px}.hero-img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(8,29,28,.85),rgba(8,29,28,.35)),linear-gradient(0deg,rgba(8,29,28,.95),rgba(8,29,28,.35) 50%,rgba(8,29,28,.3))}.hero-content{padding:58px 20px 150px}.eyebrow{font-size:10px;letter-spacing:2px}h1{font-size:clamp(58px,12vw,78px);letter-spacing:-2.8px}.hero-content>p:not(.eyebrow){font-size:15px;max-width:340px;margin-top:24px}.actions{gap:10px}.actions .button{font-size:12px;padding:13px 14px;min-height:49px}.hero-bottom{left:20px;right:20px;display:block;bottom:25px;font-size:10px}.hero-bottom small{display:block;text-align:left;font-size:10px;max-width:300px;margin-top:14px}.ribbon{gap:22px;padding:14px 20px;justify-content:flex-start;white-space:nowrap;font-size:10px}.ribbon span:last-child,.ribbon i:last-of-type{display:none}.ribbon i{font-size:17px}.section{padding:55px 20px}.section-top{display:block;margin-bottom:24px}.section-top>p{margin-top:22px;font-size:13px}h2{font-size:48px;letter-spacing:-2px}.filters{gap:8px}.filters button{font-size:11px;padding:9px 12px}.dish-grid{grid-template-columns:1fr;gap:18px}.dish,.compact{grid-column:auto}.dish-photo{aspect-ratio:1.55}.dish-copy{padding:22px}.dish h3{font-size:29px}.dish-number{top:26px;right:22px}.dish-copy>a{font-size:12px}.compact .dish-type{width:85px;height:110px}.compact .dish-copy{padding:20px 16px}.compact h3{font-size:27px}.compact .dish-number{display:none}.image-note{font-size:11px}.story{grid-template-columns:1fr;gap:38px;padding:55px 20px}.story-title>p:not(.eyebrow){font-size:15px}.steps h3{font-size:22px}.contact{grid-template-columns:1fr;gap:35px}.contact-card{padding:28px 24px}.contact-card h3{font-size:34px}.facts{grid-template-columns:90px 1fr;gap:16px 12px}.facts p{font-size:12px}footer{padding:28px 20px 100px;align-items:flex-start;flex-wrap:wrap;gap:12px}footer p{width:100%;order:3}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:10px;background:var(--cream);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #102d2c15;font-size:13px;font-weight:750}.mobile-dock>a:first-child{padding:10px 12px}.dock-wa{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--cream);border-radius:5px;padding:11px}.dock-wa .icon{width:20px;height:20px}.dock-wa span{margin-left:8px}dialog>div{padding:18px}dialog p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.gallery{padding-top:15px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid .dish-photo{border-radius:10px}.location-section,.inquiry{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border-top:1px solid var(--line)}.location-section>div>p:not(.eyebrow),.inquiry>div>p:not(.eyebrow){color:var(--muted);max-width:490px}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr-card{text-align:center;background:#fffaf1;border:1px solid var(--line);border-radius:12px;padding:22px 16px}.qr-card img{width:100%;max-width:200px;height:auto}.qr-card h3{font:22px Georgia,serif;margin:14px 0}.qr-card p{font-size:12px}.qr-card a{font-size:12px;font-weight:750;text-decoration:underline}.inquiry form{padding:35px;background:#e8eddf;border-radius:12px}.inquiry label{display:block;font-weight:700;font-size:13px;margin-bottom:10px}.inquiry select{width:100%;padding:15px;border:1px solid #98aa98;border-radius:5px;color:var(--ink);background:var(--cream);font:16px system-ui}.inquiry .button{border:0;margin-top:18px;width:100%}.inquiry small{display:block;font-size:12px;margin-top:15px}.faq{padding-top:35px}.faq h2{margin-bottom:30px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:650}.faq details p{max-width:800px;color:var(--muted);font-size:15px}.header nav{gap:18px}.header-social{font-size:0;padding:9px}@media(max-width:900px){.location-section,.inquiry{gap:30px}.qr-card{padding:16px 10px}}@media(max-width:650px){.header nav{gap:14px;flex-wrap:wrap}.gallery-grid{grid-template-columns:1fr}.location-section,.inquiry{grid-template-columns:1fr;gap:30px}.qr-card h3{font-size:20px}.inquiry form{padding:25px 20px}.faq summary{font-size:15px}}

.hero h1 em{color:#d9ec57}.story h2 em{color:#38b5b5}.hero .eyebrow{color:#52d0c8}.button:hover{background:#eaf780}.contact-card .contact-more{background:transparent;border:1px solid #99ab96}.contact-more:hover{background:#dbe5cd}.qr-card a{display:inline-block;padding:10px 0}