:root{--ink:#20211d;--orange:#ff873c;--orange-dark:#9e4217;--cream:#faf6ed;--muted:#65665e;--line:#dcd8ce;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;--page:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--orange-dark);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.03}::selection{background:var(--orange);color:var(--ink)}.skip-link{position:fixed;left:20px;top:-100px;z-index:20;background:var(--cream);padding:10px 20px}.skip-link:focus{top:10px}.header{position:sticky;top:0;z-index:10;background:var(--cream);border-bottom:1px solid rgba(32,33,29,.12)}.nav-wrap{max-width:var(--page);margin:0 auto;padding:15px 40px;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.logo-crop{display:block;width:60px;height:60px;border-radius:50%;overflow:hidden}.logo-crop img{width:100%;height:100%;object-fit:cover;transform:scale(1.075)}.brand-name{font-size:1.7rem;font-weight:700;letter-spacing:-1px}.brand-name>span{font-weight:500}.desktop-nav{display:flex;gap:36px;font-size:.875rem;font-weight:600}.desktop-nav a{padding:8px 0;position:relative}.desktop-nav a:after{content:'';height:2px;background:var(--orange-dark);position:absolute;bottom:3px;left:0;width:0;transition:width .2s}.desktop-nav a:hover:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 24px;border:1px solid var(--ink);border-radius:5px;font-weight:700;font-size:.875rem;line-height:1.4;min-height:51px;transition:background .18s,transform .18s}.button span{font-size:23px;line-height:1}.button:hover{transform:translateY(-2px)}.nav-cta{background:var(--ink);color:var(--cream)}.nav-cta:hover{background:#3b3c35}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;background:#1b1d19;color:var(--cream)}.hero-inner{position:relative;max-width:var(--page);min-height:700px;margin:auto;padding:68px 40px 50px}.hero-copy{position:relative;z-index:2;width:53%;max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:.75rem;font-weight:700;line-height:1.5}.hero-eyebrow{display:flex;gap:12px;align-items:center;letter-spacing:1.5px}.small-star{color:var(--orange);font-size:25px;line-height:1}h1{font-size:clamp(4.8rem,7.6vw,6.7rem);letter-spacing:-1.7px;line-height:.99;margin:26px 0;font-weight:700}h1>span{color:var(--orange)}.hero-description{max-width:365px;font-size:1rem;line-height:1.8;color:#d1d2c9}.button-orange{background:var(--orange);color:var(--ink);border-color:var(--orange);margin-top:27px}.button-orange:hover{background:#ff9f64}.hero-origin{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#b4b7aa;margin-top:29px}.hero-origin svg{width:16px;height:16px;flex-shrink:0}.hero-photo{position:absolute;width:64%;height:100%;right:-5%;top:0;z-index:-1}.hero-photo img{width:100%;height:100%;object-fit:contain;object-position:center 53%;mix-blend-mode:lighten}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b1d19 0%,transparent 20%,transparent 100%);pointer-events:none}.hero-stamp{position:absolute;right:36px;top:44px;height:112px;width:112px;border:1px solid #b6b5a3;border-radius:50%;transform:rotate(11deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;color:var(--cream)}.hero-stamp span{font-size:.75rem;letter-spacing:1px}.hero-stamp strong{font-family:var(--display);font-size:27px;line-height:1.1}.hero-caption{position:absolute;right:95px;bottom:46px;display:flex;gap:18px;align-items:flex-start}.caption-rule{height:1px;width:54px;background:var(--orange);margin-top:9px}.hero-caption>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.hero-caption .eyebrow{color:#b9baa9}.hero-caption strong{font-family:var(--display);font-size:31px;letter-spacing:1px;line-height:1.1}.hero-caption>div>span:last-child{font-size:.75rem;color:#c6c8bb}.flavour-strip{overflow:hidden;background:var(--orange);border-bottom:1px solid var(--ink);border-top:1px solid var(--ink)}.flavour-strip>div{display:flex;align-items:center;justify-content:center;gap:48px;width:max-content;min-width:100%;padding:17px 28px;font-family:var(--display);font-size:28px;font-weight:600;line-height:1;letter-spacing:1px}.strip-star{font-family:Arial,sans-serif;font-size:32px}.section{max-width:var(--page);margin:auto;padding:92px 40px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:37px}.section-heading .eyebrow{margin-bottom:15px;color:var(--orange-dark)}h2{font-size:clamp(2.8rem,4.4vw,4rem);letter-spacing:-.7px;font-weight:700}h2>span{color:var(--orange-dark)}.section-heading>p{font-size:1rem;line-height:1.8;color:var(--muted);padding-bottom:4px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.food-card{min-width:0}.food-image{aspect-ratio:1.35;position:relative;background:#1b1d19;border-radius:7px;overflow:hidden}.food-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.food-card:hover .food-image img{transform:scale(1.035)}.food-label{position:absolute;top:15px;left:15px;background:var(--orange);color:var(--ink);border-radius:3px;padding:6px 10px;font-size:.75rem;font-weight:700;letter-spacing:.7px;line-height:1.3}.neutral-label{background:var(--cream)}.food-info{padding:22px 1px 0}.food-category{display:flex;gap:7px;align-items:center;font-size:.875rem;color:var(--muted);margin-bottom:10px}.diet-icon{display:inline-grid;place-items:center;width:12px;height:12px;border:1px solid currentColor;flex-shrink:0}.diet-icon:after{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.nonveg{color:#96432c}.veg{color:#397149}.food-info h3{font-size:33px;font-weight:700;letter-spacing:.2px;margin-bottom:12px}.food-info p{color:var(--muted);font-size:1rem;line-height:1.75;min-height:84px;max-width:355px}.food-note{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:17px;margin-top:18px;border-top:1px solid var(--line);font-size:.875rem;font-weight:600}.food-note>span{font-size:24px;color:var(--orange-dark);line-height:1}.veggie-note{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-top:36px}.veggie-note p{font-size:.875rem;color:var(--muted)}.veggie-note strong{color:var(--ink);font-weight:600}.veggie-word{margin-left:auto;font-size:.75rem;letter-spacing:1.2px;font-weight:700;white-space:nowrap}.photo-note{font-size:.75rem;color:var(--muted);margin-top:13px}.story{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px;border-top:1px solid var(--line);padding-top:75px;padding-bottom:90px}.story-identity{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:21px;position:relative;border-radius:50% 50% 6px 6px;background:#f4d7a7;min-height:440px;padding:35px 25px;overflow:hidden}.story-identity>.eyebrow{color:#624329}.story-logo{width:255px;height:255px;max-width:85%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:7px 7px 0 #c2773433;transform:rotate(-7deg)}.story-logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.075)}.story-signoff{font-family:var(--display);text-transform:uppercase;font-weight:600;font-size:27px;letter-spacing:.4px}.story-copy>.eyebrow{color:var(--orange-dark);margin-bottom:18px}.story-copy h2{font-size:clamp(2.8rem,4.2vw,3.8rem);margin-bottom:25px}.story-copy>p:not(.eyebrow){font-size:1rem;color:var(--muted);line-height:1.8;max-width:490px}.story-copy>p+p{margin-top:16px}.story-values{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.story-values span{border:1px solid #c5c4b7;border-radius:40px;padding:7px 13px;font-size:.875rem;font-weight:500}.location{display:flex;align-items:center;justify-content:space-between;gap:60px;background:var(--orange);max-width:none;padding:63px max(40px,calc((100vw - 1240px)/2));border-top:1px solid #cb682d}.location .eyebrow{margin-bottom:17px}.location h2{font-size:clamp(3.5rem,5.8vw,5.2rem)}.location h2>span{color:var(--ink)}.location-info{min-width:320px;border-left:1px solid #ab562980;padding-left:56px}.location-info svg{width:29px;height:29px;margin-bottom:16px}.location-info h3{font-family:var(--body);font-size:1.3rem;font-weight:600;margin-bottom:13px;line-height:1.4}.location-info p{font-size:1rem;line-height:1.8}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:.875rem;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px;margin-top:22px}.text-link span{font-size:24px;line-height:1}.text-link:hover{opacity:.75}.footer{background:var(--ink);color:var(--cream);padding:45px max(40px,calc((100vw - 1240px)/2)) 21px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:35px}.footer-brand{font-family:var(--display);font-size:40px;font-weight:700;letter-spacing:1px;line-height:1}.footer-top>p{font-size:.875rem}.footer-top>p>span{color:var(--orange);margin:0 7px}.back-top{font-size:.875rem;display:flex;gap:20px;align-items:center}.back-top>span{border:1px solid #707164;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:19px}.back-top:hover>span{background:var(--orange);color:var(--ink);border-color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #51534a;padding-top:19px;font-size:.75rem;color:#b8bcad}
@media(min-width:1500px){.hero-photo{width:62%;right:0}.hero-photo img{object-fit:cover}.hero-inner{min-height:710px}}
@media(max-width:1100px){.nav-wrap{padding-inline:28px}.desktop-nav{gap:22px}.hero-inner{padding:55px 28px 45px;min-height:650px}.hero-copy{width:56%}h1{font-size:clamp(4.5rem,8vw,6rem)}.hero-photo{right:-10%;width:68%}.hero-stamp{right:22px;top:35px;width:105px;height:105px}.hero-caption{right:37px;bottom:48px}.section{padding:70px 28px}.section-heading{align-items:flex-start}.section-heading h2{max-width:550px}.section-heading>p{max-width:290px;padding-top:28px}.menu-grid{gap:20px}.food-info h3{font-size:29px}.food-info p{min-height:112px}.story{gap:50px}.story-identity{min-height:410px}.location{padding:55px 28px}.location-info{padding-left:35px;min-width:300px}.footer{padding:40px 28px 20px}}
@media(max-width:780px){html{scroll-padding-top:91px}.nav-wrap{padding:12px 22px;min-height:81px;gap:15px}.logo-crop{width:52px;height:52px}.brand{gap:10px}.brand-name{font-size:1.5rem}.desktop-nav{display:none}.nav-cta{margin-left:auto;padding:12px 18px;min-height:46px;gap:13px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;background:transparent;border:1px solid #bbbdb1;border-radius:4px;flex-shrink:0;cursor:pointer}.menu-toggle span{height:1.5px;width:18px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-nav{padding:8px 22px 18px;border-top:1px solid var(--line)}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:1rem;font-weight:600}.mobile-nav a span{font-size:23px}.hero-inner{min-height:920px;padding:38px 24px 430px}.hero-copy{width:100%;max-width:620px}h1{font-size:clamp(4.5rem,12vw,6.5rem);margin:23px 0 18px}.hero-description{max-width:410px}.hero .button{margin-top:21px}.hero-origin{margin-top:19px}.hero-photo{width:100%;height:430px;top:auto;right:0;bottom:12px}.hero-photo img{object-fit:contain;object-position:center}.hero-photo:after{background:linear-gradient(180deg,#1b1d19 0%,transparent 20%,transparent 90%,#1b1d19 100%)}.hero-stamp{top:auto;bottom:304px;right:27px;z-index:2}.hero-caption{bottom:31px;right:30px;text-align:right;z-index:2}.hero-caption .caption-rule{width:35px}.hero-caption strong{font-size:27px}.flavour-strip>div{padding-block:16px;font-size:24px;gap:30px}.strip-star{font-size:26px}.section{padding:59px 24px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{padding-top:17px;max-width:100%}.section-heading>p br{display:none}h2{font-size:3rem}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.food-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.food-card:last-child .food-image{aspect-ratio:1;align-self:start}.food-card:last-child .food-info{padding-top:0}.food-info p{min-height:112px}.food-card:last-child .food-info p{min-height:0}.veggie-note{flex-wrap:wrap;margin-top:29px}.veggie-note p{flex:1}.veggie-word{display:none}.story{grid-template-columns:.85fr 1.15fr;gap:25px}.story-identity{min-height:350px;padding:25px 10px;gap:20px}.story-logo{width:190px;height:auto}.story-signoff{font-size:22px;text-align:center}.story-identity>.eyebrow{letter-spacing:1px;text-align:center}.story-copy h2{font-size:2.7rem}.story-values{gap:6px;margin-top:23px}.story-values span{padding:5px 10px}.location{padding:45px 24px;gap:25px}.location h2{font-size:3.3rem}.location-info{min-width:245px;padding-left:23px}.location-info h3{font-size:1.125rem}.footer{padding:35px 24px 20px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:25px}.footer-brand{font-size:33px}.back-top{gap:10px}}
@media(max-width:520px){.nav-wrap{padding-inline:18px}.brand-name{font-size:1.45rem}.logo-crop{width:48px;height:48px}.nav-cta{display:none}.hero-inner{padding:36px 22px 385px;min-height:841px}.hero-eyebrow{letter-spacing:1px;gap:8px}.small-star{font-size:22px}h1{font-size:clamp(3.55rem,13.1vw,4.6rem);line-height:1.025;letter-spacing:-.8px;margin:22px 0}.hero-description{max-width:325px;line-height:1.75}.hero-photo{height:360px;bottom:47px;width:115%;right:-7.5%}.hero-stamp{width:99px;height:99px;bottom:290px;right:20px}.hero-stamp strong{font-size:24px}.hero-caption{bottom:29px;right:23px}.hero-caption .caption-rule{width:35px}.hero-caption>div{gap:3px}.flavour-strip>div{font-size:23px;gap:25px;padding-block:17px}.section{padding:52px 22px}.section-heading h2{font-size:3.1rem;max-width:350px}.section-heading .eyebrow{margin-bottom:11px}.menu-grid{grid-template-columns:1fr;gap:36px}.food-image{aspect-ratio:1.36}.food-info{padding-top:19px}.food-info h3{font-size:33px}.food-info p{min-height:0;line-height:1.7;max-width:100%}.food-note{margin-top:18px}.food-card:last-child{grid-column:auto;display:block}.food-card:last-child .food-image{aspect-ratio:1.36}.food-card:last-child .food-info{padding-top:19px}.veggie-note{align-items:baseline}.story{display:flex;flex-direction:column;gap:32px;align-items:stretch;padding-top:44px}.story-identity{min-height:350px;max-width:340px;width:100%;margin:auto;gap:17px}.story-logo{width:220px;height:220px}.story-identity>.eyebrow{letter-spacing:1.5px}.story-signoff{font-size:26px}.story-copy h2{font-size:3rem;margin-bottom:22px}.story-values span{padding:7px 12px}.location{display:block;padding:42px 22px 46px}.location h2{font-size:3.9rem}.location-info{min-width:0;padding-left:0;border-left:0;padding-top:25px;margin-top:28px;border-top:1px solid #ab562980}.location-info svg{width:25px;height:25px;margin-bottom:12px}.location-info h3{font-size:1.2rem}.footer{padding:32px 22px 22px}.footer-top{display:grid;grid-template-columns:1fr auto;row-gap:18px}.footer-brand{font-size:36px}.footer-top>p{grid-row:2;grid-column:1/-1}.footer-bottom{display:block}.footer-bottom>span{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Framing for the supplied HCM Café photographs. */
.food-image .hcm-burger-photo{object-position:50% 58%}
.food-image .hcm-spread-photo{object-position:72% 50%}
@media(min-width:521px) and (max-width:780px){.food-image .hcm-spread-photo{object-position:75% 50%}}
