@font-face{font-family:Poppins;src:url('assets/poppins-regular.ttf')}@font-face{font-family:Poppins;src:url('assets/poppins-bold.ttf');font-weight:700}@font-face{font-family:Display;src:url('assets/display.ttf');font-weight:700}:root{--green:#294728;--cream:#f0ead9;--yellow:#ffab18;--purple:#c6a9cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--green);font:15px/1.65 Poppins,Arial,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a.button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Display,Georgia,serif;font-weight:700;line-height:1.13;letter-spacing:-1.4px}h2{font-size:clamp(36px,4.6vw,62px);margin-bottom:24px}h3{font-size:28px;letter-spacing:-.6px}em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--yellow);letter-spacing:-2px}p{max-width:580px;margin-bottom:25px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.skip{position:fixed;top:-100px;left:15px;z-index:200;background:var(--yellow);padding:10px}.skip:focus{top:10px}header{position:fixed;top:0;left:0;width:100%;height:88px;z-index:30;display:flex;align-items:center;padding:12px 4%;gap:32px;color:var(--cream);transition:background .35s,box-shadow .35s}header.scrolled,header.nav-open{background:var(--green);box-shadow:0 1px 10px #0001}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;flex-shrink:0}.brand img{width:54px;height:54px;border-radius:50%;border:1px solid var(--purple)}.brand span{font:700 24px/1.06 Display,Georgia,serif;letter-spacing:-1px}.brand small{font-size:18px;display:block;color:var(--purple);letter-spacing:0}nav{display:flex;align-items:center;gap:29px}nav a{position:relative;font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.8px;padding:8px 0}nav a:after{content:'';position:absolute;height:2px;background:var(--yellow);bottom:2px;left:0;width:0;transition:width .25s}nav a:hover:after,nav a[aria-current]:after{width:100%}.button,.stamp-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:2px;background:var(--yellow);color:var(--green);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.65px;line-height:1.4;padding:16px 23px;transition:background .2s,transform .2s}.button:hover,.stamp-button:hover{background:#f4c459;transform:translateY(-2px)}.green{background:var(--green);color:var(--cream)}.green:hover{background:#46623e}.cream{background:var(--cream)}.stamp-button{border:8px solid transparent;padding:9px 16px;--s:8px;mask:radial-gradient(circle at 4px 0,#0000 3px,#000 3.3px) -4px 0/8px 100%,radial-gradient(circle at 0 4px,#0000 3px,#000 3.3px) 0 -4px/100% 8px;mask-composite:intersect;white-space:nowrap}.buttons{display:flex;flex-wrap:wrap;gap:14px}.nav-toggle{display:none}.hero{min-height:740px;height:100svh;max-height:1100px;position:relative;display:flex;align-items:center;isolation:isolate;color:var(--cream);background:#171b14;overflow:hidden}.hero:before,.page-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#0b110bf0 0%,#131912b0 36%,#0001 73%),url('assets/brand-cover.png');background-size:cover,auto 130%;background-position:center,85% center;z-index:-1;animation:photo-enter 1.8s ease-out both}.hero-content{padding:140px 4% 130px;width:100%;animation:rise .9s ease both}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:2px}.hero h1{font-size:clamp(60px,7.4vw,106px);line-height:1.08;letter-spacing:-3px;max-width:800px;margin:18px 0 40px;text-shadow:1px 2px 10px #0006}.hero h1 em{color:var(--yellow);font-size:1.02em;letter-spacing:-5px}.hero h1 span{color:var(--green);-webkit-text-stroke:2px var(--cream);paint-order:stroke fill}.hero-caption{position:absolute;left:4%;bottom:28px;text-transform:uppercase;font-size:11px;letter-spacing:2px}.scroll-hint{position:absolute;right:4%;bottom:22px;font-size:25px;border:1px solid #eee7;border-radius:50%;width:44px;height:44px;text-align:center}.welcome{min-height:650px;padding:90px 4% 110px;position:relative;overflow:hidden}.copy{position:relative;z-index:2;width:49%}.copy p:not(.eyebrow){max-width:470px}.city{position:absolute;pointer-events:none;color:var(--green);opacity:.5;width:70%;height:auto;right:-6%;bottom:0}.welcome .city{height:590px;width:75%;bottom:-50px;right:-15%;opacity:.55}.leaf{width:140px;color:var(--green);pointer-events:none}.welcome>.leaf{position:absolute;right:20%;top:70px;transform:rotate(-20deg)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.fresh{min-height:760px;padding:40px 6% 100px}.fresh-copy{text-align:right;max-width:490px;justify-self:end}.fresh-copy .buttons{justify-content:flex-end}.fresh-copy p{margin-left:auto;max-width:370px}.stamp-collage{height:640px;position:relative}.postage{position:absolute;padding:18px;background:#fff;box-shadow:2px 4px 5px #0002;mask:radial-gradient(circle at 7px 0,#0000 6px,#000 6.5px) -7px 0/14px 100%,radial-gradient(circle at 0 7px,#0000 6px,#000 6.5px) 0 -7px/100% 14px;mask-composite:intersect}.photo-one{width:68%;height:370px;left:1%;top:0;transform:rotate(-9deg)}.photo-two{width:65%;height:390px;right:-5%;bottom:0;transform:rotate(5deg)}.food-photo{background:url('assets/brand-cover.png') 50% 50%/cover no-repeat;height:100%;width:100%}.food-photo.bowl{background-size:auto 130%;background-position:75% 50%}.food-photo.sandwich{background-size:auto 120%;background-position:100% 70%}.stamp-collage>.leaf{position:absolute;right:-12%;top:220px;z-index:3;width:120px}.doodle{font-family:Georgia;font-size:140px;position:absolute;left:-5%;bottom:20px;transform:rotate(-20deg);line-height:1;color:var(--green)}.cooking{padding:55px 4% 0}.food-diagram{position:relative;height:710px;max-width:1100px;margin:auto}.food-diagram>img{position:absolute;filter:drop-shadow(8px 12px 5px #0001)}.bowl-art{width:54%;left:3%;top:-10px;z-index:2;transform:rotate(-8deg)}.banh-art{width:51%;left:29%;bottom:20px;transform:rotate(8deg);z-index:2}.food-label{position:absolute;right:0;width:32%;z-index:3;padding-left:20px}.food-label:before{content:'';height:1px;width:75px;position:absolute;left:-70px;top:60px;background:var(--green)}.food-label h3{margin-bottom:5px}.food-label p{font-size:14px;line-height:1.5;margin-bottom:8px}.food-label>span:last-child{font-size:12px;font-weight:700;text-transform:uppercase}.mini-icon{font-size:48px;line-height:1.2}.label-pho{top:65px}.label-banh{bottom:80px;right:-1%}.food-label:hover h3{color:#ad700a}.food-diagram .city{left:0;width:75%;opacity:.2;bottom:15px}.gather{height:630px;position:relative;text-align:center;padding:60px 20px 260px;overflow:hidden}.gather h2{position:relative;z-index:2}.gather .button{position:relative;z-index:3}.gather .city{width:100%;right:0;bottom:-70px;opacity:.17}.gather-bowl{position:absolute;width:390px;left:-40px;bottom:-70px;transform:rotate(-12deg)}.gather-banh{position:absolute;width:460px;right:-10px;bottom:-70px;transform:rotate(10deg)}.social{background:var(--green);color:var(--cream);padding:90px 3% 45px}.social h2{font-size:clamp(38px,4.4vw,58px)}.social h2 em{color:var(--cream)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:35px 0 25px}.gallery-image{padding:0;border:0;height:260px;overflow:hidden;background:#ded8c7}.gallery-image>*{transition:transform .5s}.gallery-image:hover>*{transform:scale(1.06)}.gallery-image.illustration{background:var(--cream)}.gallery-image img{height:100%;width:100%;object-fit:contain}.gallery-image.logo-tile img{object-fit:cover}.gallery-image:first-child .food-photo{background-position:38% center}.social-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.social-bottom h3{font-size:25px;letter-spacing:0;margin:0}.social-bottom p{color:var(--yellow);font-size:13px;margin:8px 0 0}.social-bottom>div{text-align:right}.contact-section{padding:100px 6%}.center{text-align:center}.contact-section>.two-col{margin-top:70px;align-items:start}.contact-section h3{font-size:30px}.text-link{text-decoration:underline;text-underline-offset:4px}.contact-form{display:grid;gap:22px}.contact-form label{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.8px;display:block}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #65715c;background:transparent;padding:12px;margin-top:7px;border-radius:0;color:var(--green);resize:vertical}.contact-form .button{justify-self:start}.fine{font-size:12px;opacity:.75}.contact-form .fine{margin:0}.form-result{font-size:14px;margin:0}.form-result:not(:empty){background:#fff7;border-left:3px solid var(--yellow);padding:12px}footer{background:var(--green);color:var(--cream);padding:32px 4% 18px}footer>div{display:flex;align-items:center;gap:30px;padding-bottom:26px}footer>p{text-align:center;font-size:10px;max-width:none;border-top:1px solid #eeedbf30;padding-top:20px;margin:0}.facebook{font:bold 27px Arial;margin-left:20px}.to-top{position:fixed;right:28px;bottom:24px;width:34px;height:34px;background:var(--yellow);border:0;font-size:26px;line-height:1;z-index:25;opacity:0;pointer-events:none;transform:translateY(10px);transition:.3s}.to-top.visible{opacity:1;pointer-events:auto;transform:none}.page-hero{height:455px;position:relative;display:grid;place-items:center;isolation:isolate;background:#192219}.page-hero:before{background-size:cover,cover;background-position:center,center;filter:brightness(.8)}.page-hero h1{font-size:clamp(45px,6vw,76px);color:var(--green);-webkit-text-stroke:2px var(--cream);paint-order:stroke fill;letter-spacing:0;margin-top:85px;text-align:center;padding:20px;animation:rise .8s ease both}.intro{text-align:center;padding:100px 22px 55px;max-width:900px;margin:auto}.intro p{margin-left:auto;margin-right:auto;max-width:680px}.story-food{padding:40px 6% 60px}.story-food>.two-col{padding:70px 0}.story-food>.reverse>img{grid-column:2;grid-row:1}.story-food>.reverse>div{grid-column:1;grid-row:1}.short{height:470px;padding-top:70px}.menu-category{padding:35px 3% 70px;overflow:hidden}.menu-category>h2{display:flex;align-items:center;gap:30px;font-size:36px;text-align:center}.menu-category>h2:before,.menu-category>h2:after{content:'';height:1px;flex:1;background:#55644b}.carousel{position:relative}.carousel-track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.carousel-track::-webkit-scrollbar{display:none}.food-card{flex:0 0 calc((100% - 30px)/2);text-align:center;scroll-snap-align:start;padding:20px 8px}.food-card>img{height:285px;width:100%;object-fit:contain;transition:transform .3s}.food-card:hover>img{transform:scale(1.04)}.food-card img.brand-crop{object-fit:cover;object-position:80%;border-radius:50%;width:270px;height:270px;margin:auto auto 15px}.food-card h3{font-size:25px;max-width:280px;margin:10px auto 0}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.carousel-controls button,.lightbox-controls button{border:1px solid var(--green);background:none;border-radius:50%;width:46px;height:46px;font-size:22px;cursor:pointer}.carousel-controls button:hover{background:var(--yellow)}.carousel-status{font-size:11px}.menu-ending{text-align:center;padding:55px 20px 100px}.catering-show{height:440px;position:relative;padding:30px 5%}.values{display:grid;grid-template-columns:1fr 1fr;gap:110px;position:relative;z-index:1}.values h3:nth-child(even){text-align:right}.values h3{font-size:36px}.catering-show>img{position:absolute;width:550px;left:50%;top:0;transform:translateX(-50%) rotate(-6deg)}.catering-show>.leaf{position:absolute;left:14%;top:100px;transform:rotate(-30deg)}.catering-form{grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.visit{padding:95px 6% 40px}.visit>.two-col{align-items:start;margin:65px 0 0}.opening{padding:30px;border-top:2px solid var(--green);border-bottom:2px solid var(--green)}.opening h3{font-size:40px;margin:15px 0}dialog{border:0;background:var(--cream);color:var(--green);padding:48px;max-width:600px;width:calc(100% - 40px);text-align:center;box-shadow:0 20px 100px #0006}dialog::backdrop{background:#142213cc;backdrop-filter:blur(5px)}dialog[open]{animation:rise .25s ease}dialog>img{width:80px;height:80px;object-fit:cover;border-radius:50%;margin:0 auto 25px}dialog h2{font-size:44px}dialog p{font-size:14px}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:32px;cursor:pointer}#gallery-dialog{max-width:1000px;padding:50px 35px 20px}.gallery-large{height:60vh;min-height:260px;max-height:620px;background:var(--green)}.gallery-large>.food-photo{background-size:contain}.gallery-large>.food-photo.bowl{background-size:auto 130%}.gallery-large>img{width:100%;height:100%;object-fit:contain}.lightbox-controls{display:flex;justify-content:center;align-items:center;gap:22px;padding-top:20px}.reveal{transition:opacity .8s ease,translate .8s ease}.js .reveal:not(.seen){opacity:0;translate:0 35px}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-enter{from{transform:scale(1.045)}to{transform:scale(1)}}
@media(min-width:1500px){header{padding-left:6%;padding-right:6%}.hero-content{padding-left:6%}.hero-caption{left:6%}.welcome{padding-left:6%}.fresh,.cooking,.contact-section,.social{padding-left:7%;padding-right:7%}}@media(max-width:1050px){header{gap:20px;padding-left:20px;padding-right:20px}nav{gap:18px}nav a{font-size:11px}.stamp-button{padding:9px;font-size:11px}.brand span{font-size:21px}.brand small{font-size:15px}.hero h1{font-size:76px}.food-card>img{height:240px}.food-card img.brand-crop{width:225px;height:225px}.fresh{gap:4%;padding-left:4%;padding-right:4%}.gallery-image{height:210px}.fresh h2{font-size:47px}.stamp-collage{height:590px}.photo-one{height:330px}.photo-two{height:340px}footer nav{gap:15px}}
@media(max-width:760px){header{height:76px;padding:10px 18px;gap:12px}.brand img{width:43px;height:43px}.brand span{font-size:21px}.brand small{font-size:14px}.stamp-button{font-size:10px;padding:5px 8px;max-width:108px;white-space:normal;text-align:center;line-height:1.15}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:34px;height:36px;border:0;background:none;padding:6px;order:3;color:var(--cream)}.nav-toggle span{height:2px;width:22px;background:currentColor;transition:.25s}.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}header nav{position:absolute;top:76px;left:0;width:100%;padding:18px 28px 28px;background:var(--green);display:flex;flex-direction:column;align-items:stretch;gap:0;visibility:hidden;opacity:0;transform:translateY(-8px);transition:.25s;box-shadow:0 8px 8px #0002}header.nav-open nav{visibility:visible;opacity:1;transform:none}header nav a{font-size:14px;padding:14px 4px;border-bottom:1px solid #eeedbf25}header nav a:after{display:none}header nav a[aria-current]{color:var(--yellow)}.hero{height:88svh;min-height:650px;max-height:850px;align-items:flex-start}.hero:before{background-size:cover,auto 105%;background-position:center,78% center;background-image:linear-gradient(0deg,#0b110b85,#13191277),url('assets/brand-cover.png')}.hero-content{padding:175px 22px 100px}.hero h1{font-size:clamp(49px,12.5vw,83px);letter-spacing:-2px;line-height:1.17;margin:20px 0 32px}.hero h1 em{letter-spacing:-3px}.hero .eyebrow{font-size:10px;max-width:280px;letter-spacing:1.4px}.hero-caption{left:22px;bottom:24px;font-size:9px;letter-spacing:1px}.hero .button{font-size:11px;padding:14px 17px}.hero .buttons{gap:8px}.scroll-hint{right:20px;bottom:19px}.welcome{min-height:720px;padding:60px 24px 270px}.copy{width:100%}.welcome h2{font-size:42px}.welcome .city{width:135%;height:360px;right:-25%;bottom:-5px;opacity:.3}.welcome>.leaf{right:0;top:auto;bottom:200px;width:100px}.two-col{grid-template-columns:1fr;gap:35px}.fresh{padding:20px 24px 60px;min-height:0}.stamp-collage{height:480px;margin-right:25px}.photo-one{height:280px;width:68%}.photo-two{height:300px;width:68%;right:-5%}.doodle{font-size:95px;bottom:10px}.stamp-collage>.leaf{width:90px;top:160px}.fresh-copy{max-width:none;text-align:center;justify-self:center}.fresh-copy h2{font-size:46px}.fresh-copy p{margin:auto auto 24px}.fresh-copy .buttons{justify-content:center}.button{padding:14px 19px;font-size:11px}.cooking{padding:35px 24px 0}.cooking h2{font-size:40px}.food-diagram{height:650px}.bowl-art{width:80%;left:-10%;top:0}.banh-art{width:90%;left:-8%;bottom:30px}.food-label{width:44%;right:-4%;padding-left:6px}.food-label:before{width:26px;left:-26px;top:44px}.food-label h3{font-size:24px}.food-label p{font-size:11px}.food-label>span:last-child{font-size:10px}.mini-icon{font-size:37px}.label-pho{top:155px}.label-banh{bottom:10px;right:-3%}.food-diagram .city{width:110%;bottom:180px}.gather{height:600px;padding:80px 24px 200px}.gather h2{font-size:39px}.gather-bowl{width:260px;left:-75px;bottom:-8px}.gather-banh{width:300px;right:-80px;bottom:-20px}.gather .city{width:190%;right:-45%;bottom:0}.social{padding:60px 20px 35px}.social h2{font-size:39px;letter-spacing:-1.3px}.gallery{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-image{height:190px}.social-bottom{gap:14px}.social-bottom h3{font-size:19px}.social-bottom p{font-size:10px;max-width:170px}.social-bottom .button{padding:12px}.contact-section{padding:70px 24px}.contact-section h2{font-size:39px}.contact-section>.two-col{margin-top:40px;gap:35px}.contact-section h3{font-size:28px}.contact-form{gap:17px}footer{padding:30px 24px 20px}footer>div{flex-wrap:wrap;gap:24px}footer nav{width:100%;order:3;justify-content:space-between;gap:6px}footer nav a{font-size:10px}footer .facebook{margin-left:0}footer>p{font-size:9px;line-height:1.6}.page-hero{height:360px}.page-hero h1{font-size:46px}.page-hero:before{background-position:center,73% center;background-size:cover,auto 110%}.intro{padding:65px 24px 40px}.intro h2{font-size:41px}.story-food{padding:20px 24px 50px}.story-food>.two-col{padding:35px 0;gap:20px}.story-food>.reverse>img,.story-food>.reverse>div{grid-column:auto;grid-row:auto}.short{height:450px;padding-top:65px}.menu-category{padding:25px 20px 45px}.menu-category>h2{font-size:29px;gap:14px}.carousel-track{gap:16px}.food-card{flex-basis:82%;padding:10px 6px}.food-card>img{height:260px}.food-card img.brand-crop{height:245px;width:245px}.food-card h3{font-size:25px}.menu-ending{padding:30px 24px 70px}.catering-show{height:450px;padding:20px 24px}.values{gap:260px 60px}.values h3{font-size:26px}.catering-show>img{width:95%;top:85px}.catering-show>.leaf{width:85px;left:0;top:120px}.catering-form{grid-template-columns:1fr}.catering-form .wide{grid-column:auto}.visit{padding:60px 24px 0}.visit h2{font-size:39px}.visit>.two-col{margin-top:40px}.opening{padding:25px 0}.opening h3{font-size:36px}dialog{padding:40px 24px 30px}dialog h2{font-size:37px}#gallery-dialog{padding:45px 15px 20px}.gallery-large{height:50vh}.to-top{right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal:not(.seen){opacity:1;translate:none}}