@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600&display=swap');
:root{--green:#18371b;--cream:#fbfaf1;--ink:#252825;--muted:#787c76;--line:#e4e6de;--surface:#f4f5f0;--gutter:clamp(20px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,'Noto Sans Thai',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #709452;outline-offset:5px}header{background:var(--green);color:var(--cream)}.header-inner{height:70px;max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);position:relative}.brand{position:absolute;left:50%;transform:translateX(-50%);width:128px}.brand img{width:100%;height:44px;object-fit:contain}.icon-button{display:inline-flex;gap:12px;align-items:center;justify-content:center;background:none;border:0;min-height:44px;min-width:44px;padding:8px 0;font-size:12px;letter-spacing:.08em}.icon-button svg,.header-location svg{height:23px;width:23px}.header-location{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.08em;min-height:44px}.primary{display:flex;justify-content:center;gap:38px;border-bottom:1px solid var(--line);padding:0 20px;background:white}.primary a{font-size:13px;font-weight:600;white-space:nowrap;padding:16px 0 14px;border-bottom:2px solid transparent}.primary a.active{color:var(--green);border-color:var(--green)}main{max-width:1600px;margin:auto;min-height:60vh}.welcome{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:35px var(--gutter) 22px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin-bottom:12px}h2{font-size:19px;letter-spacing:-.02em;line-height:1.35;font-weight:700}h3{font-size:15px;line-height:1.5;font-weight:600}.welcome p:last-child{margin-bottom:0;color:var(--muted);font-size:14px}.welcome .intro-side{font-size:13px;text-align:right;max-width:270px;color:var(--muted)}.gateways{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 var(--gutter)}.gateway{height:260px;position:relative;overflow:hidden;display:flex;align-items:center;padding:30px;background:#eeeede}.gateway.bar{background:#e2e9e2}.gateway-copy{position:relative;z-index:1;width:57%}.gateway .eyebrow{color:var(--green);font-size:10px}.gateway h2{font-size:clamp(24px,2.8vw,39px);font-weight:500;letter-spacing:-.04em;margin-bottom:8px}.gateway p{font-size:14px;max-width:230px;color:#586250;margin-bottom:25px}.text-link{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding-bottom:4px}.gateway-image{position:absolute;right:0;width:48%;height:100%;object-fit:cover;mix-blend-mode:multiply}.gateway.rtd .gateway-image{object-fit:contain;right:10px;width:44%;transform:rotate(8deg) scale(1.12)}.category-strip{display:flex;align-items:center;gap:26px;padding:22px var(--gutter);border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:none}.category-strip a{white-space:nowrap;font-size:12px;letter-spacing:.035em;color:#60675e}.category-strip a:hover{color:var(--green)}.section{padding:46px var(--gutter) 10px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section-head h2{margin:0;font-size:17px;text-transform:uppercase;letter-spacing:.035em}.section-head small{display:block;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);margin-top:7px}.section-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.all-link{font-size:12px;border-bottom:1px solid #a3a99d;padding:5px 0}.round{border:1px solid var(--line);border-radius:50%;height:32px;width:32px;background:white;line-height:1;font-size:20px}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:16px}.product{min-width:0;scroll-snap-align:start}.product-image{position:relative;aspect-ratio:1;background:var(--surface);border-radius:7px;overflow:hidden;margin-bottom:13px}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease}.product-image img.menu-photo{object-fit:cover}.product:hover .product-image img{transform:scale(1.035)}.product-kind{font-size:10px;color:var(--muted);letter-spacing:.1em;margin:0 0 5px}.product h3{font-size:14px;margin:0 0 5px;font-weight:600}.product .price{font-size:12px;color:#777b73;margin:0}.product .tag{position:absolute;left:12px;top:10px;font-size:9px;letter-spacing:.08em;color:#707969}.bar-story{margin:42px var(--gutter) 0;display:grid;grid-template-columns:1fr 1fr;min-height:280px;background:var(--green);color:var(--cream)}.bar-story .story-image{overflow:hidden;max-height:350px;background:#e9e9df}.bar-story img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.story-copy{padding:36px clamp(24px,4vw,60px);align-self:center}.story-copy .eyebrow{color:#c0cbb8}.story-copy h2{font-size:30px;font-weight:500;letter-spacing:-.035em}.story-copy p{font-size:15px;color:#d5dccf;max-width:380px}.locations-band{margin:48px var(--gutter);padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center}.locations-band h2{margin-bottom:8px}.locations-band p{color:var(--muted);font-size:14px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border:1px solid var(--green);background:var(--green);color:var(--cream);font-size:13px;font-weight:600;gap:25px}.button.outline{background:none;color:var(--green)}footer{background:var(--green);color:var(--cream);padding:45px var(--gutter) 20px}.footer-top{max-width:1472px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:30px}.footer-top h2{font-size:11px;letter-spacing:.09em;margin:5px 0 20px}.footer-top a{display:block;font-size:12px;color:#d1d9ca;margin-bottom:11px}.footer-top p{font-size:14px;color:#d1d9ca;margin-top:20px}.footer-bottom{max-width:1472px;margin:32px auto 0;padding-top:18px;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#b6c3ae}.skip{position:fixed;top:-60px;left:10px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}dialog{color:var(--cream);background:var(--green);border:0;margin:0;width:380px;max-width:90vw;height:100dvh;max-height:none;padding:25px 28px}dialog::backdrop{background:#0007}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.drawer-head h2{font-size:19px;margin:0}dialog details{border-bottom:1px solid #ffffff25;padding:18px 0}dialog summary{cursor:pointer;font-size:16px;font-weight:600}dialog details a{display:block;font-size:14px;color:#d7dfd0;padding:8px 0 0 14px}.drawer-home{display:block;padding:16px 0;font-size:16px;border-bottom:1px solid #ffffff25}.drawer-note{font-size:13px;color:#b6c3ae;margin-top:30px}.catalog-head{padding:35px var(--gutter) 26px}.crumb{font-size:12px;color:var(--muted);margin-bottom:24px}.catalog-head p{max-width:620px;color:var(--muted);font-size:15px;margin-bottom:0}.catalog-layout{display:grid;grid-template-columns:210px 1fr;gap:35px;padding:0 var(--gutter) 50px}.sidebar{border-top:1px solid var(--line);padding-top:20px}.sidebar h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.sidebar a{display:block;padding:10px 0;font-size:14px;color:#687063}.sidebar a.active{color:var(--green);font-weight:800}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.catalog-note{font-size:12px;color:var(--muted);margin:0 0 20px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:10px var(--gutter) 70px}.detail-visual{background:var(--surface);aspect-ratio:1;border-radius:8px;overflow:hidden}.detail-visual img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.detail-visual img.menu-photo{object-fit:cover}.detail-copy{align-self:center;max-width:480px}.detail-copy h1{font-size:34px}.detail-copy p{color:var(--muted)}.detail-copy .button{margin:16px 0 24px}.detail-copy details{border-top:1px solid var(--line);padding:18px 0;font-size:14px}.detail-copy details p{margin-top:12px;font-size:14px}.detail-copy summary{cursor:pointer;font-weight:600}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 var(--gutter) 65px}.visit-card{padding:32px;background:var(--surface)}.visit-card h2{font-size:23px}.visit-card p{font-size:15px;color:var(--muted)}.visit-card a{margin:10px 8px 0 0}.no-image{display:grid;place-items:center;height:100%;color:var(--green);font-size:24px;font-weight:600}.preview-note{font-size:12px;color:var(--muted)}
@media(min-width:1500px){.rail{grid-auto-columns:calc((100% - 80px)/6)}}@media(max-width:900px){.rail{grid-auto-columns:calc((100% - 32px)/3.5)}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gateway{height:225px;padding:22px}.gateway-copy{width:61%}.gateway p{font-size:12px}.catalog-layout{grid-template-columns:170px 1fr;gap:22px}.detail{gap:30px}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.header-inner{height:56px}.brand{width:105px}.brand img{height:35px}.desktop-only,.header-location span{display:none}.header-location{width:44px;justify-content:end}.primary{gap:24px;justify-content:flex-start;overflow:auto;scrollbar-width:none}.primary a{font-size:12px;padding-top:12px;padding-bottom:11px}.welcome{padding-top:25px;align-items:start}.welcome h1{font-size:25px}.welcome .intro-side{display:none}.welcome p:last-child{font-size:13px}.gateways{display:flex;overflow:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:2px}.gateway{flex:0 0 88%;height:200px;scroll-snap-align:center;padding:22px}.gateway h2{font-size:29px}.gateway p{font-size:12px;margin-bottom:16px;max-width:155px}.gateway-copy{width:58%}.gateway .gateway-image{width:49%}.category-strip{gap:24px;padding-top:17px;padding-bottom:17px}.category-strip a{font-size:11px}.section{padding-top:32px}.section-head{margin-bottom:18px;gap:10px}.section-head h2{font-size:15px}.section-head small{font-size:12px}.section-actions .round{display:none}.all-link{font-size:11px}.rail{grid-auto-columns:44%;gap:12px;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}.product-image{border-radius:6px;margin-bottom:10px}.product h3{font-size:13px;line-height:1.5}.product-kind{font-size:9px}.product .price{font-size:12px}.bar-story{grid-template-columns:1fr;margin-top:28px}.bar-story .story-image{height:220px}.bar-story .story-image img{object-position:center 55%}.story-copy{padding:28px}.story-copy h2{font-size:27px}.story-copy p{font-size:14px}.locations-band{margin-top:35px;margin-bottom:35px;display:block}.locations-band .button{margin-top:20px}.footer-top{gap:25px 15px}.footer-top h2{font-size:10px}.footer-top a{font-size:12px}.footer-bottom{flex-direction:column;gap:8px}.catalog-head{padding-top:24px}.catalog-head p{font-size:14px}.catalog-layout{display:block}.sidebar{display:flex;gap:20px;overflow:auto;white-space:nowrap;margin-bottom:24px;padding-top:0;border-bottom:1px solid var(--line)}.sidebar h2{display:none}.sidebar a{font-size:12px;padding:13px 0}.sidebar a.active{border-bottom:2px solid var(--green)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.detail{grid-template-columns:1fr;gap:25px;padding-bottom:35px}.detail-copy h1{font-size:28px}.visit-grid{grid-template-columns:1fr;gap:16px}.visit-card{padding:25px}.crumb{margin-bottom:18px}.eyebrow{font-size:10px}dialog{padding:20px 24px}.preview-note{font-size:12px}}
.product-image img.menu-art,.detail-visual img.menu-art{width:160%;height:160%;max-width:none;position:absolute;left:-30%;top:-38%;object-fit:contain}.detail-visual{position:relative}.product:hover .product-image img.menu-art{transform:none}.product-image img[src$="energize.jpg"]{object-fit:cover}.detail-visual img[src$="energize.jpg"]{object-fit:cover}.gateway.rtd .gateway-image{transform:rotate(8deg) scale(1.05)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-image img{transition:none}}
/* Brand spelling is Vēgain, including uppercase-style eyebrow/caption contexts. */
html body .eyebrow,html body .rtd-image-caption{text-transform:none}