@font-face{font-family:DM;src:url('assets/dm-sans.ttf')}@font-face{font-family:Oswald;src:url('assets/oswald.ttf');font-weight:700}
:root{--cream:#f6e7a7;--paper:#f8f4e9;--ink:#432037;--lilac:#c8b6de;--orange:#e65a30;--line:rgba(67,32,55,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:Oswald,Impact,sans-serif;font-weight:700;letter-spacing:-.045em;line-height:1.04}h2{font-size:clamp(45px,5.1vw,76px)}p{line-height:1.7}.serif{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.065em;line-height:1.18}.eyebrow{display:block;font-size:10px;font-weight:bold;letter-spacing:1.9px}.section-pad{padding:95px max(5.2vw,24px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:var(--cream);border:1px solid var(--ink);padding:20px 25px;font-size:13px;font-weight:bold;border-radius:3px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#622b4e;transform:translateY(-3px);box-shadow:4px 5px 0 #43203725}.button span{font-size:22px;line-height:.8}.button.small{padding:15px 19px;gap:28px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid var(--ink);padding:12px 0;font-size:13px;font-weight:bold}.text-link span{font-size:22px}.text-link:hover{color:var(--orange);border-color:var(--orange)}.skip{position:fixed;top:-100px;left:10px;z-index:30;padding:15px;background:var(--paper)}.skip:focus{top:10px}
.topline{background:var(--ink);color:var(--cream);padding:10px 5.2%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.topline a span{margin-left:12px}.header{margin:0 5.2%;height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.logo>span{font-family:Oswald;font-size:29px;letter-spacing:-1.2px;display:block;line-height:1.2}.logo-dot{display:inline-block;color:var(--orange);margin-left:5px;font-family:Georgia;font-size:33px;vertical-align:middle}.logo small{display:block;font-size:7px;font-weight:bold;letter-spacing:3.6px;margin-top:7px}.header nav{display:flex;gap:32px;font-size:12px}.header nav a{position:relative;padding:10px 0}.header nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--ink);transition:width .2s}.header nav a:hover:after{width:100%}.mobile-toggle{display:none}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.04fr;min-height:655px;max-width:1700px;margin:auto;padding:61px 5.2% 78px;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:flex;align-items:center;gap:10px}.tiny-sun{font-size:22px}.hero h1{font-size:clamp(72px,8.5vw,137px);margin:22px 0 30px;line-height:1.01;letter-spacing:-.045em;white-space:nowrap}.soul{position:relative;color:var(--orange)}.soul svg{position:absolute;left:0;bottom:-13px;width:100%;height:25px;fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round}.hero-copy>p{font-size:15px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px}.handwritten{font-family:Georgia,serif;font-size:17px;font-style:italic;transform:rotate(-9deg);position:relative;white-space:nowrap}.handwritten svg{position:absolute;top:18px;left:10px;width:64px;height:38px;fill:none;stroke:var(--ink);stroke-width:1.5}.hero-foot{display:flex;align-items:center;gap:11px;margin-top:49px;font-size:9px}.stars{letter-spacing:2px;font-size:12px}.foot-separator{height:13px;width:1px;background:var(--line);margin:0 5px}.hero-art{position:relative;min-width:0;align-self:stretch;margin-left:4%;margin-top:7px}.dish{position:absolute;top:0;left:0;width:112%;aspect-ratio:1;transform:rotate(-14deg);filter:drop-shadow(8px 20px 16px #43203720);transition:transform 1s;mix-blend-mode:multiply}.dish img{position:absolute;width:150%;max-width:none;height:100%;left:-25%;object-fit:cover;clip-path:ellipse(33.6% 45.7% at 49.8% 47.2%)}.hero-art:hover .dish{transform:rotate(-8deg)}.orbit-label{position:absolute;top:0;right:12%;font-size:9px;letter-spacing:3px;transform:rotate(17deg);z-index:1}.seal{position:absolute;right:-7%;top:45px;width:135px;height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--lilac);transform:rotate(14deg);clip-path:polygon(50% 0%,58% 7%,68% 3%,73% 13%,84% 12%,86% 24%,96% 28%,93% 40%,100% 50%,93% 59%,96% 72%,85% 76%,83% 88%,72% 87%,67% 98%,57% 94%,50% 100%,41% 93%,29% 97%,25% 87%,13% 88%,12% 76%,3% 70%,7% 58%,0% 50%,7% 41%,3% 29%,14% 25%,14% 13%,26% 13%,31% 3%,41% 7%);z-index:3}.seal span{font-size:11px;letter-spacing:2px}.seal strong{font-family:Oswald;font-size:31px;letter-spacing:-.5px;margin:2px}.dish-note{position:absolute;bottom:7%;right:0;font-family:Georgia,serif;font-style:italic;font-size:22px;transform:rotate(-8deg);z-index:3}.dish-note svg{position:absolute;width:75px;height:55px;top:-48px;left:0;fill:none;stroke:var(--ink);stroke-width:1.8;transform:rotate(-20deg)}.spark{position:absolute;fill:var(--ink)}.spark-one{width:51px;left:0;bottom:14%;transform:rotate(-12deg)}.spark-two{width:30px;right:-4%;bottom:28%;fill:var(--orange)}.image-caption{position:absolute;bottom:-7px;left:24%;font-size:6px;letter-spacing:1.2px;opacity:.6}.scroll-cue{position:absolute;bottom:21px;left:5.2%;display:flex;align-items:center;gap:20px;font-size:20px}.scroll-cue span{font-size:8px;letter-spacing:1.6px}
.ticker{overflow:hidden;background:var(--ink);color:var(--cream);padding:20px 0;transform:rotate(-1.3deg);width:100%;position:relative;z-index:4}.ticker-track{display:flex;align-items:center;gap:35px;white-space:nowrap;font-size:24px;width:max-content;animation:marquee 45s linear infinite}.ticker-track span{font-family:Oswald;font-size:20px;letter-spacing:.4px}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
.favorites{background:var(--paper);padding-top:103px;margin-top:-16px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:46px}.section-heading h2{margin-top:20px}.section-heading>p{font-size:13px;line-height:1.8;margin-bottom:5px}.section-heading .text-link{margin-bottom:7px}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.food-card{min-width:0;display:block}.food-image{position:relative;aspect-ratio:1.17;overflow:hidden;border-radius:140px 140px 4px 4px;background:#cba98e}.food-image img{height:100%;object-fit:cover;transition:transform .6s}.first .food-image img{object-position:center 48%}.second .food-image{border-radius:5px}.third .food-image{border-radius:5px 100px 5px 5px}.promo-image img{object-position:center 63%;height:155%;transform:translateY(-23%)}.food-card:hover img{transform:scale(1.07)}.food-card:hover .promo-image img{transform:translateY(-23%) scale(1.07)}.food-sticker{position:absolute;left:14px;top:25px;background:var(--cream);padding:9px 12px;font-size:9px;font-weight:bold;letter-spacing:1px;transform:rotate(-9deg)}.food-sticker.lilac{background:var(--lilac);top:20px}.card-arrow{position:absolute;right:15px;bottom:15px;background:var(--paper);border-radius:50%;height:37px;width:37px;text-align:center;line-height:37px;font-size:24px}.food-info{display:flex;justify-content:space-between;gap:8px;padding-top:22px}.food-info small{font-size:8px;letter-spacing:1.5px}.food-info h3{font-family:Oswald;font-size:23px;font-weight:700;letter-spacing:-.6px;margin-top:6px}.favorite-price{font-size:12px;white-space:nowrap;align-self:flex-end;margin-bottom:3px}
.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--lilac);padding-top:84px;padding-bottom:84px;align-items:center}.merak-definition{border:1px solid var(--ink);padding:26px 32px 22px;transform:rotate(-3deg);position:relative;box-shadow:7px 7px 0 #43203712}.definition-top{font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;align-items:center}.definition-top span{font-size:25px}.merak-definition h2{font-family:Georgia,serif;font-weight:400;font-size:90px;letter-spacing:-7px;margin:24px 0 10px}.pronunciation{font-size:12px}.merak-definition p{font-size:14px;margin:20px 0}.pepper{display:block;width:175px;margin:0 0 5px auto;fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.definition-bottom{display:block;font-size:8px;letter-spacing:2px;border-top:1px solid var(--line);padding-top:18px}.story-copy{position:relative}.story-copy h2{margin:22px 0 27px;font-size:clamp(40px,4.3vw,67px)}.story-copy p{font-size:14px;max-width:420px;margin-bottom:15px}.story-copy .text-link{margin-top:6px}.story-flower{position:absolute;right:0;bottom:-10px;font-size:75px;color:var(--ink);line-height:1}
.menu-section{background:var(--paper)}.menu-scribble{font-family:Georgia,serif;font-style:italic;font-size:34px;transform:rotate(-12deg);margin:0 20px 10px}.menu-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:24px;overflow-x:auto;scrollbar-width:thin}.menu-tabs button{flex-shrink:0;padding:12px 21px;background:transparent;border:1px solid var(--line);border-radius:50px;font-size:12px;color:var(--ink);transition:background .2s}.menu-tabs button:hover{background:var(--cream)}.menu-tabs button[aria-selected=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.menu-panel-heading{display:flex;justify-content:space-between;align-items:center;padding:30px 0 7px}.menu-panel-heading h3{font:700 35px Oswald}.menu-panel-heading span{font-size:10px;letter-spacing:1px}.menu-items{display:grid;grid-template-columns:1fr 1fr;column-gap:65px}.menu-item{display:flex;justify-content:space-between;gap:20px;padding:21px 0;border-bottom:1px solid var(--line);animation:arrive .3s both}.menu-item h4{font-size:15px;margin:0 0 6px;font-weight:bold}.menu-item p{font-size:11px;opacity:.7;line-height:1.5}.menu-item .allergen{font-size:9px;margin-left:5px;font-weight:400}.menu-item .price{font-size:14px;white-space:nowrap;align-self:center}.menu-bottom{display:flex;justify-content:space-between;gap:25px;font-size:9px;margin-top:24px;opacity:.75}.menu-bottom a{text-decoration:underline;text-underline-offset:3px}.menu-bottom p{line-height:1.5}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.lunch{background:var(--orange);display:grid;grid-template-columns:.65fr 1fr 1.25fr;align-items:center;gap:5%;padding-top:65px;padding-bottom:65px}.lunch h2{margin-top:16px}.lunch-clock{transform:rotate(-12deg)}.lunch-clock svg{display:block;width:135px;fill:none;stroke:var(--ink);stroke-width:2.5;margin:auto}.lunch-clock span{display:block;text-align:center;font-size:8px;letter-spacing:1.5px;margin-top:20px}.lunch-detail strong{font-size:12px;letter-spacing:1.5px}.lunch-detail p{font-size:13px;margin:19px 0 24px}.button.cream{background:var(--cream);color:var(--ink)}.button.cream:hover{background:var(--paper)}
.contact{background:var(--cream);display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.contact h2{margin:20px 0 23px}.contact-copy>p{font-size:13px}.contact-details{display:flex;gap:30px;margin:28px 0 30px}.contact-details>div{display:flex;flex-direction:column;gap:10px}.contact-details small{font-size:8px;letter-spacing:1.5px}.contact-details strong,.contact-details a{font-size:13px;line-height:1.5}.contact-details span{font-size:9px;opacity:.7}.address-card{background:var(--paper);padding:20px;transform:rotate(4deg);box-shadow:9px 10px 0 #43203712;border:1px solid var(--ink);transition:transform .3s}.postcard-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.postcard-top>span{border:1px dashed var(--ink);padding:9px;transform:rotate(8deg);font-size:10px;text-align:center;line-height:1.6}.map-embed{height:320px;overflow:hidden;margin:18px 0;background:#e7e4d4}.map-embed iframe{display:block;width:100%;height:100%;border:0}.address-card{min-width:0}.postcard-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;line-height:1.8}.postcard-bottom small{font-family:Georgia,serif;font-style:italic;font-size:12px}.map-open{font-size:10px;border-bottom:1px solid var(--ink);white-space:nowrap}
footer{background:var(--ink);color:var(--cream);padding:32px 5.2% 20px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.footer-wordmark{display:flex;justify-content:space-between;align-items:center;font:700 clamp(55px,13.25vw,230px)/1.35 Oswald;letter-spacing:-.06em;white-space:nowrap}.footer-wordmark>span{font-family:Georgia;font-size:.85em;font-weight:400;color:var(--lilac)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #f6e7a74d;padding-top:20px;font-size:9px}.footer-bottom>span:nth-child(2){font-family:Georgia,serif;font-style:italic;font-size:13px}
dialog{width:min(550px,calc(100% - 32px));padding:50px 40px;border:1px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:12px 12px 0 var(--orange)}dialog::backdrop{background:#2b132bcc;backdrop-filter:blur(5px)}dialog h2{font-size:49px;margin:24px 0}dialog p{font-size:14px;margin-bottom:25px}dialog small{display:block;font-size:10px;margin-top:20px;line-height:1.8}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:var(--ink);font-size:30px;padding:5px 10px}
@media(min-width:1600px){.hero{min-height:770px}.hero-foot{margin-top:60px}.dish-note{bottom:9%}}
@media(max-width:1100px){.header nav{gap:19px}.header{gap:15px}.hero{min-height:590px;padding-top:55px}.hero h1{font-size:8.5vw}.hero-actions{gap:15px}.hero-actions .button{padding:18px;gap:20px}.handwritten{font-size:14px}.seal{width:105px;height:105px;right:-5%;top:24px}.seal strong{font-size:25px}.seal span{font-size:9px}.dish{top:30px}.dish-note{bottom:14%;font-size:19px}.hero-foot{flex-wrap:wrap}.section-pad{padding:75px 5.2%}.food-grid{gap:20px}.food-info{flex-wrap:wrap;gap:10px}.food-info h3{font-size:22px}.section-heading>p{font-size:12px}.story{gap:7%}.merak-definition{padding:23px}.merak-definition h2{font-size:75px}.story-flower{font-size:60px}.menu-tabs button{padding:11px 17px}.menu-items{column-gap:35px}.contact-details{gap:20px}.lunch{grid-template-columns:.5fr 1fr 1.25fr}.lunch-clock svg{width:105px}}
@media(max-width:760px){.topline{font-size:7px;padding:10px 6%;letter-spacing:1px}.topline a{font-size:0}.topline a span{font-size:12px}.header{height:86px;margin:0 6%;gap:15px}.logo>span{font-size:25px}.logo small{font-size:6px;letter-spacing:3.3px}.logo-dot{font-size:28px}.header>.button{margin-left:auto;padding:12px;gap:12px;font-size:10px}.mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:30px;height:36px;border:0;background:transparent;padding:4px;z-index:12}.mobile-toggle span{width:21px;height:1.5px;background:var(--ink);transition:transform .2s}.mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.mobile-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.header nav{display:none;position:absolute;top:121px;left:0;right:0;z-index:10;background:var(--cream);border-bottom:1px solid var(--ink);padding:25px 6%;box-shadow:0 10px 15px #43203712}.header nav.open{display:flex;flex-direction:column;gap:10px}.hero{grid-template-columns:1fr;padding:35px 6% 55px;min-height:0;overflow:hidden}.hero h1{font-size:clamp(70px,14.9vw,110px);margin:18px 0 29px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy>p{font-size:13px}.hero-actions{margin-top:24px;gap:23px}.hero-actions .button{font-size:11px;padding:18px 21px}.handwritten{font-size:15px}.hero-foot{margin-top:36px;font-size:8px;gap:8px}.hero-art{height:auto;aspect-ratio:1.1;margin:22px 2% 20px}.dish{width:100%;top:0;left:0}.orbit-label{font-size:7px;right:12%;top:10px}.seal{right:-1%;top:40px;width:105px;height:105px}.dish-note{bottom:0;right:0;font-size:19px}.spark-one{left:-2%;bottom:18%;width:33px}.spark-two{right:0;bottom:31%;width:22px}.image-caption{bottom:-25px;left:25%;font-size:5px}.scroll-cue{display:none}.ticker{padding:15px 0}.ticker-track{gap:25px}.ticker-track span{font-size:17px}.section-pad{padding:59px 6%}.section-heading{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:30px}.section-heading h2{margin-top:15px}.section-heading>div{width:100%}.section-heading>p{flex:1;font-size:11px}.section-heading .text-link{font-size:10px;gap:20px}.eyebrow{font-size:8px;letter-spacing:1.6px}h2{font-size:47px}.food-grid{grid-template-columns:1fr;gap:33px}.food-image{aspect-ratio:1.3;border-radius:140px 140px 3px 3px}.food-info{flex-wrap:nowrap;padding-top:15px}.food-info h3{font-size:24px}.food-info small{font-size:7px}.favorite-price{font-size:12px}.story{grid-template-columns:1fr;gap:55px}.merak-definition{max-width:430px;width:94%;margin:auto;padding:24px}.merak-definition h2{font-size:84px}.merak-definition p{font-size:13px}.story-copy h2{font-size:49px}.story-copy p{font-size:13px}.story-flower{bottom:4px;right:10px}.menu-section .section-heading>div{width:auto}.menu-section .section-heading>p{flex:auto}.menu-scribble{font-size:24px;margin-left:auto}.menu-tabs{margin-right:-6.8%;padding-right:20px;padding-bottom:18px}.menu-tabs button{font-size:11px;padding:11px 19px}.menu-items{grid-template-columns:1fr}.menu-item{padding:20px 0}.menu-item h4{font-size:14px}.menu-item .price{font-size:13px}.menu-panel-heading{padding-top:24px}.menu-panel-heading h3{font-size:29px}.menu-bottom{flex-direction:column;gap:12px;font-size:8px}.lunch{grid-template-columns:1fr 1fr;gap:25px}.lunch-clock{grid-column:2;grid-row:1}.lunch>div:nth-child(2){grid-column:1;grid-row:1}.lunch h2{font-size:57px}.lunch .eyebrow{font-size:7px;letter-spacing:1px}.lunch-clock svg{width:110px}.lunch-clock span{font-size:7px}.lunch-detail{grid-column:1/-1}.lunch-detail strong{font-size:11px}.contact{grid-template-columns:1fr;gap:55px}.contact-details{justify-content:space-between;gap:15px}.contact-details a,.contact-details strong{font-size:12px}.contact-details span{font-size:8px}.address-card{margin:0 5px;padding:17px}.map-embed{height:300px}.postcard-bottom{font-size:8px}.postcard-bottom small{font-size:10px}.map-open{font-size:9px}.footer-top{font-size:7px;letter-spacing:1px}.footer-wordmark{font-size:13vw;line-height:1.8}.footer-bottom{font-size:7px;flex-wrap:wrap;row-gap:15px}.footer-bottom>span:nth-child(2){font-size:11px}dialog{padding:44px 25px 30px}dialog h2{font-size:40px}dialog .button{font-size:12px;gap:18px}}
html,body{overflow-x:clip}
@media(min-width:761px){.dish{width:94%;left:3%;top:0}.seal{right:0;top:30px}.dish-note{bottom:0;right:7%;font-size:21px}.image-caption{bottom:-28px}.spark-one{bottom:15%;left:3%}.hero-art{margin-left:1%}.orbit-label{top:-8px;right:18%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}