/* Brand typography — self-hosted Manrope and DM Sans, SIL Open Font License. */
@font-face{font-family:Manrope;src:url('./manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'DM Sans';src:url('./dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
:root{--font-heading:Manrope,Arial,sans-serif;--font-body:'DM Sans',Arial,sans-serif;--text-body:15px;--text-section:40px;--text-intro:48px;--text-page:54px;--text-card:19px}
body{font-family:var(--font-body);font-size:var(--text-body);font-weight:400;font-optical-sizing:auto;line-height:1.7}
button,input,select,textarea{font-family:var(--font-body)}
h1,h2,h3,.wp-block-heading{font-family:var(--font-heading);font-weight:700;font-style:normal;letter-spacing:-.035em;line-height:1.15}
h1,.page-banner h1{font-size:var(--text-page)}
h2,.section-heading h2,.split-copy h2,.delivery-copy h2,.visit-layout h2,.bottom-cta h2,.form-panel h2,.prose h2,.dialog h2{font-family:var(--font-heading);font-size:var(--text-section);font-weight:700;line-height:1.2;letter-spacing:-.035em}
#our-story-section .about-copy h2{font-size:var(--text-intro);line-height:1.17}
h3,.food-body h3,.menu-category-copy h3,.download-card h3,.map-placeholder h3{font-family:var(--font-heading);font-size:var(--text-card);font-weight:700;letter-spacing:-.02em;line-height:1.35}
p,.section-heading p,.split-copy p,.about-copy p,.delivery-copy p,.page-banner p,.dialog p,.prose p,.map-placeholder p,footer p,.bottom-cta p,.detail-block p{font-family:var(--font-body);font-size:var(--text-body);font-weight:400;line-height:1.75}
.food-body p,.menu-category-copy p,.download-card p{font-family:var(--font-body);font-size:13px;font-weight:400;line-height:1.75}
.hero-copy{max-width:850px}
.hero h1{font-family:var(--font-heading);font-size:clamp(54px,6.04vw,87px);font-weight:700;font-style:normal;letter-spacing:-.04em;line-height:1.1}
.hero h1 em{font-family:inherit;font-weight:700;font-style:normal}
.hero p{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.75;max-width:460px}
nav a{font-family:var(--font-body);font-size:12px;font-weight:400}
.btn,.hero .btn,nav .nav-order,.header-order,.wp-block-button .wp-block-button__link,.wp-block-button.btn .wp-block-button__link{font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1.4}
.round-stamp,.floating-tag{font-family:var(--font-body);font-weight:600;font-style:normal}
.menu-category-copy p{min-height:0}
@media(max-width:800px){
 :root{--text-section:32px;--text-intro:35px;--text-page:40px}
 .hero h1{font-size:clamp(43px,8vw,64px)}
 .hero p{font-size:14px}
 nav a{font-size:13px}
 .btn,.hero .btn,nav .nav-order,.header-order,.wp-block-button .wp-block-button__link,.wp-block-button.btn .wp-block-button__link{font-size:14px}
}

/* Larger supporting text and navigation for comfortable reading. */
.topbar{font-size:14px;line-height:1.6;padding:11px 0;letter-spacing:.25px}
.hero-footnote{font-size:14px;line-height:1.6;letter-spacing:1.1px}
.strip-item strong{font-family:var(--font-heading);font-size:19px;line-height:1.4;font-weight:700}
.strip-item .strip-description{font-size:15px;line-height:1.6}
footer h4{font-family:var(--font-heading);font-size:18px;font-weight:700;line-height:1.4}
footer a:not(.brand),footer p,footer .socials a{font-size:16px;line-height:1.7}
.footer-bottom{font-size:14px;line-height:1.7}
@media(min-width:1181px){nav a{font-size:16px;font-weight:500}nav{gap:22px}.header-inner{gap:25px}nav .nav-order{font-size:15px;padding:12px 18px}.brand img{width:190px}}
@media(min-width:801px){.intro-strip .container{padding:34px 0;gap:24px}.strip-item+.strip-item{padding-left:24px}.strip-icon{width:42px;min-width:42px;flex-basis:42px}.strip-icon svg{width:36px;height:36px}}
@media(max-width:1180px){header{height:80px}.mobile-toggle{display:block}.brand img{width:180px}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:25px 6%;background:var(--surface);box-shadow:0 10px 20px #0002;flex-direction:column;align-items:start;gap:20px}nav.open{display:flex}nav a{font-size:16px}nav a[aria-current=page]:after{bottom:-4px}nav .nav-order{display:inline-flex;margin-top:3px}}
@media(max-width:600px){.topbar{font-size:12px;padding:10px 4%}.topbar span{margin:0 7px}.hero-footnote{font-size:12px;letter-spacing:.6px;max-width:70%}.strip-item strong{font-size:18px}.strip-item .strip-description{font-size:15px}.footer-bottom{font-size:13px;flex-wrap:wrap;gap:12px}}

/* A prominent welcome and larger daig brand mark on every screen. */
.hero .eyebrow{font-family:var(--font-heading);font-size:clamp(22px,2.4vw,34px);font-weight:800;line-height:1.35;text-transform:none;letter-spacing:-.02em;max-width:650px;margin-bottom:22px;text-wrap:balance}.hero .eyebrow:before{font-size:24px}header .brand img{width:230px;max-width:100%}footer .brand img{width:260px}@media(min-width:1181px){nav{gap:18px}.header-inner{gap:22px}}@media(max-width:1180px){header .brand img{width:215px}}@media(max-width:480px){.hero .eyebrow{font-size:22px}.hero .eyebrow:before{font-size:20px}header .brand img{width:205px}.hero-copy{padding-top:50px}}

/* A readable mobile-only company wordmark; desktop retains the existing logo. */
.mobile-brand-lockup{display:none}
@media(max-width:800px){
 header .brand>img{display:none}
 header .brand{display:block;min-width:0;flex-shrink:1}
 .mobile-brand-lockup{display:flex;align-items:center;gap:11px;color:var(--primary)}
 header .brand .mobile-brand-lockup img{display:block;width:58px;height:64px;object-fit:contain;flex:0 0 58px}
 .mobile-brand-text{display:flex;flex-direction:column;font-family:var(--font-heading);letter-spacing:-.025em;white-space:nowrap}
 .mobile-brand-text strong{font-size:26px;line-height:1.08;font-weight:800}
 .mobile-brand-text b{font-size:20px;line-height:1.22;font-weight:800}
 .mobile-brand-text>span{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.025em}
 .hero .eyebrow{font-size:24px;line-height:1.35}
}
@media(max-width:360px){.mobile-brand-lockup{gap:8px}header .brand .mobile-brand-lockup img{width:50px;flex-basis:50px}.mobile-brand-text strong{font-size:24px}.mobile-brand-text b{font-size:18px}}

/* Two-line mobile brand: Corner, then the complete business descriptor. */
@media(max-width:800px){
 .mobile-brand-text b{font-size:clamp(11px,3.4vw,14px);line-height:1.5;font-weight:700;letter-spacing:-.025em;white-space:nowrap;margin-top:3px}
}