:root{--ink:#1c1c1c;--deep:#1c1c1c;--cream:#f5f5f2;--paper:#fffdf8;--rust:#c8102e;--gold:#e4b343;--blue:#0f4c81;--muted:#686868;--line:rgba(28,28,28,.16);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}.topbar{background:var(--deep);color:#e2d3b4;text-align:center;letter-spacing:.22em;font-size:10px;font-weight:700;padding:9px 16px}.site-header{height:86px;padding:0 6.5%;display:flex;justify-content:space-between;align-items:center;background:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;line-height:1.15}.brand-mark{width:42px;height:42px;border:1px solid var(--blue);color:var(--blue);display:grid;place-items:center;font:600 17px var(--serif);letter-spacing:-.05em}.brand strong{display:block;font-size:15px;letter-spacing:.18em}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:.2em;color:var(--muted)}.nav{display:flex;align-items:center;gap:30px;font-size:10px;letter-spacing:.12em;font-weight:700}.nav>a:not(.nav-cta){padding:12px 0}.nav>a:hover,.footer-links a:hover{color:var(--rust)}.nav-cta{background:var(--rust);color:white;padding:14px 17px}.nav-cta span,.button span{margin-left:15px}.menu-toggle{display:none;background:none;border:0;font-size:23px;color:var(--ink)}.hero{ background-image: linear-gradient(rgba(0,0,0,.22), rgba(0,0,0,.22)), url('https://static.wixstatic.com/media/e60b16_92dfb0e2b29f4380b0505ad051316dc0~mv2.png');min-height:650px;height:min(78vw,780px);max-height:820px;position:relative;color:white;display:flex;align-items:center;overflow:hidden;background:#0f4c81}.hero-image{position:absolute;inset:0;background-image: linear-gradient(rgba(0,0,0,.22), rgba(0,0,0,.22)), url('https://static.wixstatic.com/media/e60b16_92dfb0e2b29f4380b0505ad051316dc0~mv2.png');background-size:cover;background-position:center 55%;transform:scale(1.02)}.hero-shade{ background-image: linear-gradient(rgba(0,0,0,.22), rgba(0,0,0,.22)), url('https://static.wixstatic.com/media/e60b16_92dfb0e2b29f4380b0505ad051316dc0~mv2.png');position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,28,28,.86) 0%,rgba(28,28,28,.62) 44%,rgba(28,28,28,.10) 100%),linear-gradient(0deg,rgba(28,28,28,.45),transparent 50%)}.hero-content{position:relative;z-index:1;width:min(760px,85%);margin-left:10%;padding:70px 0 100px}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:700;color:var(--rust);margin:0 0 22px}.eyebrow.light{color:#e4b343}.hero h1,.section-heading h2,.intro h2,.quote-content h2,.story h2,.visit-heading h2,.closing h2{font:500 clamp(48px,6.1vw,88px)/1.06 var(--serif);letter-spacing:-.04em;margin:0}.hero h1 em,.section-heading h2 em,.intro h2 em,.quote-content h2 em,.story h2 em,.visit-heading h2 em,.closing h2 em{font-weight:500;color:#e4b343}.hero-copy{max-width:460px;font-size:15px;line-height:1.85;color:#eee9e0;margin:28px 0 32px}.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:10px;font-weight:700;letter-spacing:.13em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:#f5f0e7;color:var(--deep)}.button-dark{background:var(--blue);color:white}.text-link{display:inline-block;font-size:10px;letter-spacing:.15em;font-weight:700;border-bottom:1px solid var(--rust);padding-bottom:7px}.text-link span{margin-left:12px}.light-link{color:white;border-color:#e4b343}.hero-note{position:absolute;z-index:2;left:10%;bottom:34px;display:flex;gap:14px;align-items:center;font-size:9px;letter-spacing:.19em;color:#eee7dc}.note-line{display:block;width:38px;height:1px;background:var(--gold)}.section-pad{padding:110px 10%}.intro{display:grid;grid-template-columns:1fr 1.4fr .5fr;gap:40px;align-items:center;background:var(--cream)}.intro-tag{font-size:9px;letter-spacing:.17em;font-weight:700;align-self:start;padding-top:14px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rust);margin-right:10px}.intro h2,.section-heading h2,.story h2,.closing h2{font-size:clamp(40px,4.3vw,62px)}.intro h2 em,.story h2 em,.closing h2 em{color:var(--rust)}.intro-copy>p,.section-heading>p,.story-content>p{font-size:14px;color:#626b63;line-height:1.9;max-width:520px;margin:24px 0}.intro-stamp{border:1px solid rgba(189,77,52,.45);border-radius:50%;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(8deg);color:var(--rust);padding:15px;font-size:10px}.intro-stamp strong{font-size:10px;letter-spacing:.11em;line-height:1.5;margin:7px 0}.menu-section{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:52px}.section-heading>p{max-width:360px;margin:0 0 5px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.dish-card{background:#f6f2e9;min-width:0}.dish-photo{height:250px;background-size:cover;background-position:center;transition:transform .35s;position:relative}.dish-card:hover .dish-photo{background-size:cover}.photo-crab{background-image:url('https://images.unsplash.com/photo-1559737558-2f5a35f4523b?auto=format&fit=crop&w=900&q=80')}.photo-stew{background-image:url('https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=900&q=80')}.photo-grill{background-image:url('https://images.unsplash.com/photo-1534939561126-855b8675edd7?auto=format&fit=crop&w=900&q=80')}.photo-pancake{background-image:url('https://images.unsplash.com/photo-1513442542250-854d436a73f2?auto=format&fit=crop&w=900&q=80')}.photo-rice{background-image:url('https://images.unsplash.com/photo-1512058564366-18510be2db19?auto=format&fit=crop&w=900&q=80')}.photo-banchan{background-image:url('https://images.unsplash.com/photo-1490645935967-10de6ba17061?auto=format&fit=crop&w=900&q=80')}.dish-info{padding:23px 23px 21px}.dish-meta{display:flex;justify-content:space-between;color:var(--rust);font-size:8px;font-weight:700;letter-spacing:.16em}.dish-meta span:last-child{color:#99978e}.dish-info h3{font:600 24px/1.2 var(--serif);margin:15px 0 10px}.dish-info p{font-size:12px;line-height:1.8;min-height:65px;color:#687169;margin:0}.dish-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:10px;color:#737a72}.dish-bottom b{color:var(--ink);white-space:nowrap}.menu-foot{display:flex;justify-content:space-between;align-items:center;margin-top:45px;font-size:9px;font-weight:700;letter-spacing:.17em;gap:20px}.quote-band{min-height:520px;display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:white}.quote-art{background-image:linear-gradient(0deg,rgba(15,30,25,.08),rgba(15,30,25,.08)),url('https://static.wixstatic.com/media/e60b16_84eb9b79aa344104ad33b007b357fa12~mv2.png');background-size:cover;background-position:center;background-repeat:no-repeat}.quote-content{padding:95px 13%;align-self:center}.quote-content h2{font-size:clamp(40px,4vw,58px)}.quote-content>p:not(.eyebrow){color:#d1d9d0;font-size:13px;line-height:1.9;margin:25px 0 27px;max-width:440px}.story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.story-photo { display: block; width: 100%; height: 520px; min-height: 420px; background-image: url('https://static.wixstatic.com/media/e60b16_7010a59bda9947ac88c994d63c39aef5~mv2.png'); background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: var(--cream); }.story-content{padding:30px 0}.story-content h2{line-height:1.16}.story-content>p{max-width:510px}.story-signature{margin-top:30px;color:var(--rust);font-family:var(--serif);font-size:22px}.story-signature span{display:block;font:11px var(--sans);color:var(--muted);margin-top:5px}.visit-section{background:var(--blue);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;}.visit-heading h2{font-size:clamp(44px,5vw,66px)}.visit-heading>p:not(.eyebrow){font-size:13px;color:#ced7ce;line-height:1.9;max-width:350px;margin-top:25px}.visit-details{display:grid;grid-template-columns:1fr 1fr;gap:42px 35px}.detail-number{color:var(--gold);font-size:9px;letter-spacing:.18em;font-weight:700}.detail-block h3{font:500 24px var(--serif);margin:14px 0 8px}.detail-block p{font-size:12px;color:#cbd2ca;line-height:1.9}.detail-link{font-size:10px;color:#e4b343;border-bottom:1px solid rgba(227,196,141,.6);padding-bottom:5px}.visit-actions{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.fine-print{font-size:10px;color:#b7c3b7}.closing{text-align:center;background:var(--cream)}.closing .eyebrow{margin-bottom:18px}.closing h2{margin-bottom:30px}.closing .button{min-width:210px}.footer{background:#1c1c1c;color:#f8f3e9;padding:40px 7% 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center}.footer-brand .brand-mark{border-color:var(--gold);color:var(--gold)}.footer-brand small{color:#bcc3b9}.footer>p{text-align:center;font-size:9px;letter-spacing:.16em;color:#c9cfc7}.footer-links{display:flex;justify-content:flex-end;gap:20px;font-size:9px;letter-spacing:.13em}.footer>small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:22px;text-align:center;color:#aab4aa;font-size:10px}
@media(max-width:1050px){.site-header{padding:0 4%}.nav{gap:17px;font-size:9px}.section-pad{padding:85px 7%}.intro{grid-template-columns:.8fr 1.5fr}.intro-stamp{display:none}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dish-photo{height:270px}.story{gap:6%}.story-photo { display: block; width: 100%; height: 520px; min-height: 420px; background-image: url('https://static.wixstatic.com/media/e60b16_7010a59bda9947ac88c994d63c39aef5~mv2.png'); background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: var(--cream); }.footer{grid-template-columns:1fr auto}.footer>p{display:none}}
@media(max-width:720px){.topbar{font-size:8px;letter-spacing:.14em}.site-header{height:72px;padding:0 6%}.brand-mark{width:36px;height:36px}.brand strong{font-size:13px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 6% 25px;flex-direction:column;align-items:stretch;gap:8px}.nav.open{display:flex}.nav>a:not(.nav-cta){padding:10px 0}.nav-cta{text-align:center;margin-top:8px}.hero{min-height:620px;height:80vh;max-height:750px}.hero-image{background-position:57% center}.hero-shade{ background-image: linear-gradient(rgba(0,0,0,.22), rgba(0,0,0,.22)), url('https://static.wixstatic.com/media/e60b16_92dfb0e2b29f4380b0505ad051316dc0~mv2.png');background:linear-gradient(90deg,rgba(28,28,28,.86),rgba(28,28,28,.36)),linear-gradient(0deg,rgba(9,25,21,.35),transparent 55%)}.hero-content{margin-left:7%;width:86%;padding-bottom:70px}.hero h1{font-size:clamp(47px,12vw,70px)}.hero-copy{font-size:14px}.hero-actions{gap:19px;align-items:flex-start;flex-direction:column}.hero-note{left:7%;bottom:22px;font-size:7px;letter-spacing:.13em}.section-pad{padding:70px 7%}.intro{display:block}.intro-tag{margin-bottom:35px}.intro h2,.section-heading h2,.story h2,.closing h2{font-size:clamp(39px,10vw,54px)}.intro-copy>p,.section-heading>p,.story-content>p{font-size:13px}.section-heading{display:block;margin-bottom:34px}.section-heading>p{margin-top:22px}.menu-grid{grid-template-columns:1fr;gap:20px}.dish-photo{height:260px}.dish-info p{min-height:auto}.menu-foot{align-items:flex-start;flex-direction:column;font-size:8px}.quote-band{grid-template-columns:1fr}.quote-art{height:280px}.quote-content{padding:65px 7% 75px}.quote-content h2{font-size:clamp(39px,9vw,52px)}.story{grid-template-columns:1fr;gap:35px}.story-photo { display: block; width: 100%; height: 520px; min-height: 420px; background-image: url('https://static.wixstatic.com/media/e60b16_7010a59bda9947ac88c994d63c39aef5~mv2.png'); background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: var(--cream); }.story-content{padding:0}.visit-section{grid-template-columns:1fr;gap:45px}.visit-heading h2{font-size:52px}.visit-details{gap:35px 18px}.detail-block h3{font-size:21px}.footer{grid-template-columns:1fr;text-align:center;padding:35px 7% 25px}.footer-brand{justify-content:center}.footer-links{justify-content:center;flex-wrap:wrap}.footer>small{grid-column:auto;line-height:1.8}.footer>p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.brand { display: inline-flex; align-items: center; }
.brand-logo { display: block; width: 118px; height: 76px; object-fit: contain; object-position: center; border-radius: 2px; }
.footer-brand .brand-logo { width: 128px; height: 82px; background: #fff; }
@media (max-width: 640px) { .brand-logo { width: 92px; height: 64px; } .footer-brand .brand-logo { width: 108px; height: 70px; } }

/* Larger, more readable header navigation */
.site-header .nav a { font-size: 0.95rem; }
.site-header .nav .nav-cta { font-size: 0.95rem; }
@media (max-width: 800px) { .site-header .nav a { font-size: 1.05rem; } .site-header .nav .nav-cta { font-size: 1.05rem; } }

/* Larger brand logo sizing */
.brand-logo { width: 160px; height: 100px; }
.footer-brand .brand-logo { width: 168px; height: 108px; }
@media (max-width: 640px) { .brand-logo { width: 124px; height: 82px; } .footer-brand .brand-logo { width: 136px; height: 88px; } }

/* Fit brand logo inside header boundary */
.site-header { min-height: 96px; }
.site-header .brand-logo { width: 104px; height: 64px; max-height: 100%; }
.site-header .brand { min-height: 0; padding-block: 8px; }
.footer-brand .brand-logo { width: 144px; height: 92px; }
@media (max-width: 640px) { .site-header { min-height: 80px; } .site-header .brand-logo { width: 88px; height: 54px; } .footer-brand .brand-logo { width: 120px; height: 78px; } }

/* Slightly larger balanced header logo */
.site-header .brand-logo { width: 132px; height: 81px; max-height: 100%; }
@media (max-width: 640px) { .site-header .brand-logo { width: 106px; height: 66px; } }



/* Refined footer typography */
.footer { font-size: 1rem; }
.footer > p, .footer-links, .footer-links a, .footer > small { font-size: 0.95rem; line-height: 1.65; }
@media (max-width: 720px) { .footer > p, .footer-links, .footer-links a, .footer > small { font-size: 1rem; } }


/* Ensure the Ondal legend photo has visible dimensions at every breakpoint */
.story-photo { display: block; width: 100%; height: 520px; min-height: 420px; background-image: url('https://static.wixstatic.com/media/e60b16_7010a59bda9947ac88c994d63c39aef5~mv2.png'); background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: var(--cream); }
@media (max-width: 1050px) { .story-photo { height: 470px; min-height: 380px; background-size: contain; background-position: center center; } }
@media (max-width: 720px) { .story-photo { height: 420px; min-height: 360px; background-size: contain; background-position: center center; } }

/* Uber Eats link below the hero tagline */
.uber-eats-hero { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 22px; padding: 10px 15px; border: 1px solid currentColor; color: inherit; text-decoration: none; font-size: 0.76rem; font-weight: 700; letter-spacing: 0.09em; transition: opacity 160ms ease, transform 160ms ease; }
.uber-eats-hero:hover { opacity: 0.82; transform: translateY(-1px); }
.uber-eats-icon { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 50%; background: #06C167; color: #fff; font-size: 0.68rem; font-weight: 800; letter-spacing: -0.04em; }

/* Uber Eats order link beneath the hero tagline */
.uber-eats-hero-link { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 24px; padding: 12px 18px; border: 1px solid rgba(255,255,255,.58); color: #fff; text-decoration: none; font-size: .78rem; letter-spacing: .12em; line-height: 1; transition: background .2s ease, color .2s ease; }
.uber-eats-hero-link:hover { background: #06c167; border-color: #06c167; color: #10231a; }
.uber-eats-mark { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 5px; background: #06c167; color: #10231a; font-weight: 800; font-size: 15px; letter-spacing: 0; }
.uber-eats-hero-link strong { font-weight: 800; letter-spacing: .08em; }
.uber-eats-arrow { font-size: 1rem; letter-spacing: 0; }
@media (max-width: 640px) { .uber-eats-hero-link { margin-top: 18px; padding: 11px 14px; font-size: .7rem; } }


/* Green Uber Eats button below the hero tagline */
.hero-order-cta { margin-top: 1.2rem; }
.uber-eats-button { display: inline-flex; align-items: center; gap: 0.7rem; background: #06C167; border: 1px solid #06C167; color: #fff; padding: 0.95rem 1.35rem; font-weight: 700; letter-spacing: 0.04em; text-decoration: none; border-radius: 3px; transition: background 180ms ease, transform 180ms ease; }
.uber-eats-button:hover { background: #059e54; border-color: #059e54; color: #fff; transform: translateY(-1px); }
.uber-eats-button span { font-size: 1.1em; }
@media (max-width: 640px) { .hero-order-cta { margin-top: 1rem; } .uber-eats-button { padding: 0.85rem 1.1rem; } }


/* Red DoorDash button stacked beneath Uber Eats */
.doordash-button { display: inline-flex; align-items: center; gap: 0.7rem; background: #EB1700; border: 1px solid #EB1700; color: #fff; padding: 0.95rem 1.35rem; font-weight: 700; letter-spacing: 0.04em; text-decoration: none; border-radius: 3px; transition: background 180ms ease, transform 180ms ease; }
.doordash-button:hover { background: #c91400; border-color: #c91400; color: #fff; transform: translateY(-1px); }
.doordash-button span { font-size: 1.1em; }
.hero-order-cta + .hero-order-cta { margin-top: 0.65rem; }
@media (max-width: 640px) { .doordash-button { padding: 0.85rem 1.1rem; } }


/* Orange Grubhub button stacked beneath DoorDash */
.grubhub-button { display: inline-flex; align-items: center; gap: 0.7rem; background: #F36F21; border: 1px solid #F36F21; color: #fff; padding: 0.95rem 1.35rem; font-weight: 700; letter-spacing: 0.04em; text-decoration: none; border-radius: 3px; transition: background 180ms ease, transform 180ms ease; }
.grubhub-button:hover { background: #d85b12; border-color: #d85b12; color: #fff; transform: translateY(-1px); }
.grubhub-button span { font-size: 1.1em; }
@media (max-width: 640px) { .grubhub-button { padding: 0.85rem 1.1rem; } }


/* Delivery ordering links beside the intro heading */
.intro-order-buttons { display: flex; flex-direction: column; align-items: flex-start; gap: 0.65rem; margin-top: 1.6rem; }
.intro-order-buttons .hero-order-cta { margin-top: 0 !important; }
@media (max-width: 720px) { .intro-order-buttons { margin-top: 1.25rem; } }


/* Refined two-column intro layout and compact ordering buttons */
.intro.section-pad { display: grid; grid-template-columns: minmax(250px, 0.85fr) minmax(0, 1.15fr); gap: clamp(48px, 9vw, 140px); align-items: center; }
.intro-order-column { min-width: 0; }
.intro-order-column .intro-tag { margin: 0 0 34px; padding-top: 0; }
.intro-order-buttons { display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin-top: 0; max-width: 360px; }
.intro-order-buttons .hero-order-cta, .intro-order-buttons .hero-order-cta + .hero-order-cta { margin-top: 0 !important; }
.intro-order-buttons .uber-eats-button, .intro-order-buttons .doordash-button, .intro-order-buttons .grubhub-button { width: 100%; justify-content: space-between; padding: 15px 18px; border-radius: 2px; font-size: 10px; letter-spacing: .1em; }
.intro-copy { max-width: 580px; }
.intro-copy h2 { max-width: 600px; line-height: 1.08; }
.intro-copy > p { max-width: 470px; }
@media (max-width: 1050px) { .intro.section-pad { grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr); gap: 55px; } }
@media (max-width: 720px) { .intro.section-pad { display: grid; grid-template-columns: 1fr; gap: 42px; } .intro-order-column .intro-tag { margin-bottom: 24px; } .intro-order-buttons { max-width: 100%; } .intro-copy h2 { font-size: clamp(39px, 10vw, 54px); } }


/* Slightly smaller footer typography */
.footer { font-size: 0.94rem; }
.footer-brand strong { font-size: 13px; }
.footer-brand small { font-size: 7px; }
.footer > p, .footer-links, .footer-links a { font-size: 8px; }
.footer > small { font-size: 9px; }
@media (max-width: 720px) { .footer-brand strong { font-size: 12px; } .footer-brand small { font-size: 7px; } .footer-links, .footer-links a { font-size: 8px; } .footer > small { font-size: 9px; } }


/* Slightly larger footer typography for readability */
.footer { font-size: 1rem; }
.footer-brand strong { font-size: 14px; }
.footer-brand small { font-size: 8px; }
.footer > p, .footer-links, .footer-links a { font-size: 9px; }
.footer > small { font-size: 10px; }
@media (max-width: 720px) { .footer-brand strong { font-size: 13px; } .footer-brand small { font-size: 8px; } .footer-links, .footer-links a { font-size: 9px; } .footer > small { font-size: 10px; } }


/* Slightly larger footer font for readability */
.footer-brand strong { font-size: 15px; }
.footer-brand small { font-size: 9px; }
.footer-links, .footer-links a { font-size: 10px; }
.footer > p { font-size: 10px; }
.footer > small { font-size: 11px; }
@media (max-width: 720px) { .footer-brand strong { font-size: 14px; } .footer-brand small { font-size: 9px; } .footer-links, .footer-links a { font-size: 10px; } .footer > small { font-size: 11px; } }


/* Footer typography increased one size step */
.footer-brand strong { font-size: 16px; }
.footer-brand small { font-size: 10px; }
.footer-links, .footer-links a { font-size: 11px; }
.footer > p { font-size: 11px; }
.footer > small { font-size: 12px; }
@media (max-width: 720px) { .footer-brand strong { font-size: 15px; } .footer-brand small { font-size: 10px; } .footer-links, .footer-links a { font-size: 11px; } .footer > small { font-size: 12px; } }


/* Ondal Kitchen and family kimchi story section */
.kimchi-story { display: grid; grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr); gap: clamp(42px, 8vw, 120px); align-items: start; background: var(--cream); }
.kimchi-story-heading h2 { font-size: clamp(42px, 5.2vw, 76px); line-height: 1.05; margin: 18px 0 0; }
.kimchi-story-heading h2 em { color: var(--red); }
.kimchi-story-content { max-width: 680px; }
.kimchi-story-content p { color: var(--muted, #68716a); line-height: 1.85; margin: 0 0 18px; }
.kimchi-story-content .kimchi-lead { color: var(--ink, #20211f); font-size: clamp(18px, 1.7vw, 23px); line-height: 1.55; margin-bottom: 22px; }
.kimchi-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 34px; padding-top: 24px; border-top: 1px solid rgba(32,33,31,.22); }
.kimchi-values div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.kimchi-values span { color: var(--red, #c8102e); font-size: 11px; letter-spacing: .12em; }
.kimchi-values strong { font-size: 13px; line-height: 1.35; }
.kimchi-values small { color: var(--muted, #68716a); font-size: 11px; line-height: 1.5; }
@media (max-width: 720px) { .kimchi-story { grid-template-columns: 1fr; gap: 30px; } .kimchi-story-heading h2 { font-size: clamp(40px, 10vw, 56px); } .kimchi-values { grid-template-columns: 1fr; gap: 18px; } }



/* Pogi kimchi photo in the Try Our Kimchi section */
.ondal-pogi-kimchi-photo { width: min(100%, 680px); margin: 0 auto 44px; overflow: hidden; }
.ondal-pogi-kimchi-photo img { display: block; width: 100%; height: auto; max-height: 540px; object-fit: contain; }
@media (max-width: 720px) { .ondal-pogi-kimchi-photo { margin-bottom: 30px; } .ondal-pogi-kimchi-photo img { max-height: 420px; } }


/* Compact Pogi kimchi photo directly below the Since 2003 heading */
.ondal-pogi-kimchi-photo { width: min(100%, 360px); margin: 26px 0 34px; overflow: hidden; }
.ondal-pogi-kimchi-photo img { display: block; width: 100%; height: auto; max-height: 300px; object-fit: contain; }
@media (max-width: 720px) { .ondal-pogi-kimchi-photo { width: min(78%, 300px); margin: 22px auto 28px; } .ondal-pogi-kimchi-photo img { max-height: 250px; } }


/* Side-by-side kimchi photos, matched sizing */
.ondal-kimchi-photo-row { display: flex; align-items: flex-start; justify-content: center; gap: 20px; width: min(100%, 760px); margin: 26px 0 34px; }
.ondal-kimchi-photo-row .ondal-pogi-kimchi-photo, .ondal-kimchi-photo-row .ondal-mak-kimchi-photo { flex: 1 1 0; width: calc(50% - 10px); max-width: 360px; margin: 0; overflow: hidden; }
.ondal-kimchi-photo-row img { display: block; width: 100%; height: auto; max-height: 300px; object-fit: contain; }
@media (max-width: 720px) { .ondal-kimchi-photo-row { gap: 12px; margin: 22px auto 28px; } .ondal-kimchi-photo-row .ondal-pogi-kimchi-photo, .ondal-kimchi-photo-row .ondal-mak-kimchi-photo { width: calc(50% - 6px); } .ondal-kimchi-photo-row img { max-height: 250px; } }


/* Ensure email contact is clearly visible in the bottom-right of Find Us */
.visit-details .email-detail { grid-column: 2; grid-row: 2; align-self: end; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.22); }
.visit-details .email-detail h3 { margin-top: 12px; }
.visit-details .email-detail .detail-link { display: inline-block; font-size: 12px; overflow-wrap: anywhere; }
.visit-details .visit-actions { grid-column: 1 / -1; }
@media (max-width: 720px) { .visit-details .email-detail { grid-column: 1 / -1; grid-row: auto; } .visit-details .email-detail .detail-link { font-size: 12px; } }


/* Standalone email contact anchored at the bottom-right of Find Us */
.visit-email-contact { grid-column: 2; justify-self: end; width: min(100%, 390px); margin-top: 0; padding: 24px 28px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.045); }
.visit-email-contact h3 { font: 500 24px var(--serif); margin: 12px 0 8px; }
.visit-email-contact p { font-size: 12px; color: #cbd2ca; line-height: 1.9; margin: 8px 0 14px; }
.visit-email-contact .detail-link { display: inline-block; font-size: 12px; overflow-wrap: anywhere; }
@media (max-width: 720px) { .visit-email-contact { grid-column: 1; justify-self: stretch; width: 100%; margin-top: -15px; } }


/* Clean, balanced Find Us layout */
.visit-section { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); column-gap: 8%; align-items: start; }
.visit-details { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "location hours" "connect email" "actions actions"; align-items: start; gap: 36px 42px; }
.visit-details > .detail-block:nth-child(1) { grid-area: location; }
.visit-details > .detail-block:nth-child(2) { grid-area: hours; }
.visit-details > .detail-block:nth-child(3) { grid-area: connect; }
.visit-details > .visit-actions { grid-area: actions; margin-top: 0; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.18); }
.visit-email-contact { grid-area: email; justify-self: stretch; width: 100%; align-self: start; margin: 0; padding: 22px 24px; }
.visit-email-contact h3 { font-size: 22px; }
.visit-email-contact .detail-link { font-size: 11px; }
.visit-details .detail-block p { margin: 10px 0 14px; }
@media (max-width: 720px) { .visit-section { grid-template-columns: 1fr; gap: 38px; } .visit-details { grid-template-columns: minmax(0, 1fr); grid-template-areas: "location" "hours" "email" "connect" "actions"; gap: 28px; } .visit-email-contact { grid-column: 1; width: 100%; margin: 0; padding: 20px; } .visit-details > .visit-actions { grid-column: 1; margin-top: 0; padding-top: 20px; } }


/* Place Get Directions beneath the Find Us introduction */
.visit-heading-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 26px; }
.visit-heading-actions .button { min-width: 210px; }
.visit-heading-actions .fine-print { color: #cbd2ca; font-size: 10px; }
.visit-details { grid-template-areas: "location hours" "connect email"; }
.visit-details > .visit-actions { display: none; }
@media (max-width: 720px) { .visit-heading-actions { margin-top: 22px; } .visit-details { grid-template-areas: "location" "hours" "email" "connect"; } }


/* Restore Get Directions to the bottom of Find Us */
.visit-heading-actions { display: none; }
.visit-details > .visit-actions { display: flex; grid-area: actions; }
.visit-details { grid-template-areas: "location hours" "connect email" "actions actions"; }
@media (max-width: 720px) { .visit-details { grid-template-areas: "location" "hours" "email" "connect" "actions"; } }


/* Align the Find Us directions action to the left */
.visit-details > .visit-actions { justify-self: start; justify-content: flex-start; align-items: flex-start; text-align: left; margin-left: 0; }
.visit-details > .visit-actions .button { align-self: flex-start; margin-left: 0; }
.visit-details > .visit-actions .fine-print { align-self: flex-start; text-align: left; }


/* Place directions in the left Find Us column, beneath its introduction */
.visit-heading-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 26px; }
.visit-heading-actions .button { min-width: 210px; align-self: flex-start; }
.visit-heading-actions .fine-print { color: #cbd2ca; font-size: 10px; text-align: left; }
.visit-details > .visit-actions { display: none !important; }
@media (max-width: 720px) { .visit-heading-actions { margin-top: 22px; } }


/* Restore previous Find Us directions placement */
.visit-heading-actions { display: none !important; }
.visit-details > .visit-actions { display: flex !important; grid-area: actions; justify-self: start; align-items: flex-start; text-align: left; }
.visit-details { grid-template-areas: "location hours" "connect email" "actions actions"; }
@media (max-width: 720px) { .visit-details { grid-template-areas: "location" "hours" "email" "connect" "actions"; } }


/* Unify Find Us contact cards with consistent styling */
.visit-details { align-items: stretch; gap: 34px 42px; }
.visit-details > .detail-block { min-width: 0; align-self: start; padding: 0; border: 0; background: transparent; }
.visit-details > .detail-block h3, .visit-email-contact h3 { font: 500 24px/1.25 var(--serif); margin: 14px 0 10px; }
.visit-details > .detail-block p, .visit-email-contact p { font-size: 12px; line-height: 1.9; margin: 10px 0 14px; color: #cbd2ca; }
.visit-email-contact { grid-area: email; align-self: start; justify-self: stretch; width: 100%; min-width: 0; margin: 0; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.visit-email-contact .detail-link { display: inline-block; max-width: 100%; font-size: 10px; overflow-wrap: anywhere; }
.visit-details > .detail-block .detail-link { display: inline-block; }
.visit-details > .visit-actions { padding-top: 24px; margin-top: 0; border-top: 1px solid rgba(255,255,255,.18); }
@media (max-width: 720px) { .visit-details { gap: 30px; } .visit-details > .detail-block h3, .visit-email-contact h3 { font-size: 22px; } .visit-email-contact { padding: 0 !important; } }


/* Tighten the space above Get Directions in Find Us */
.visit-details > .visit-actions { margin-top: -18px !important; padding-top: 14px !important; align-self: start; }
@media (max-width: 720px) { .visit-details > .visit-actions { margin-top: -8px !important; padding-top: 12px !important; } }


/* Eliminate the remaining gap before Get Directions */
.visit-details > .visit-actions { margin-top: -42px !important; padding-top: 0 !important; border-top: 0 !important; align-self: start; }
.visit-details { row-gap: 24px; }
@media (max-width: 720px) { .visit-details > .visit-actions { margin-top: -18px !important; padding-top: 0 !important; } .visit-details { row-gap: 24px; } }


/* Keep Get Directions directly under the Find Us intro; eliminate the large blank grid row */
.visit-heading .visit-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin: 22px 0 0 !important; padding: 0 !important; border: 0 !important; grid-column: auto; }
.visit-heading .visit-actions .button { min-width: 210px; }
.visit-heading .visit-actions .fine-print { font-size: 10px; line-height: 1.6; color: #b7c3b7; }
.visit-section > .visit-actions { display: none !important; }
.visit-details { row-gap: 30px; }
@media (max-width: 720px) { .visit-heading .visit-actions { margin-top: 20px !important; } }


/* Slightly enlarge the brand tagline in the top banner and footer */
.topbar { font-size: 0.82rem; }
.footer > p { font-size: 1.05rem; }
@media (max-width: 720px) { .topbar { font-size: 0.76rem; } .footer > p { font-size: 1.02rem; } }


/* Slightly smaller footer typography */
.footer { font-size: 0.95rem; }
.footer > p { font-size: 0.98rem; }
.footer-links, .footer-links a, .footer > small { font-size: 0.9rem; }
@media (max-width: 720px) { .footer > p { font-size: 0.96rem; } .footer-links, .footer-links a, .footer > small { font-size: 0.92rem; } }

/* Footer font one size smaller */
.footer { font-size: 0.9rem; }
.footer > p { font-size: 0.92rem; }
.footer-links, .footer-links a, .footer > small { font-size: 0.82rem; }
@media (max-width: 720px) { .footer > p { font-size: 0.9rem; } .footer-links, .footer-links a, .footer > small { font-size: 0.84rem; } }

/* Slightly smaller footer tagline only */
.footer > p { font-size: 0.86rem; }
@media (max-width: 720px) { .footer > p { font-size: 0.84rem; } }

/* Footer social media icons */
.footer-socials { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 18px auto 0; }
.footer-socials a { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: inherit; opacity: 0.85; transition: opacity 160ms ease, transform 160ms ease; }
.footer-socials a:hover { opacity: 1; transform: translateY(-2px); }
.footer-socials svg { display: block; width: 21px; height: 21px; }
@media (max-width: 720px) { .footer-socials { gap: 20px; margin-top: 16px; } .footer-socials a { width: 26px; height: 26px; } .footer-socials svg { width: 22px; height: 22px; } }

/* Prominent, high-contrast footer social icons */
.footer .footer-socials { display: flex !important; visibility: visible !important; opacity: 1 !important; align-items: center; justify-content: center; gap: 22px; margin: 16px auto 20px; width: 100%; position: relative; z-index: 2; }
.footer .footer-socials a { display: inline-flex !important; visibility: visible !important; align-items: center; justify-content: center; width: 34px; height: 34px; color: #f4efe6 !important; opacity: 1 !important; }
.footer .footer-socials svg { display: block !important; visibility: visible !important; width: 28px; height: 28px; }
@media (max-width: 720px) { .footer .footer-socials { gap: 24px; margin: 14px auto 18px; } .footer .footer-socials a { width: 36px; height: 36px; } .footer .footer-socials svg { width: 30px; height: 30px; } }




/* Equal-sized, platform-colored footer social icons */
.footer .footer-socials { display: flex !important; align-items: center; justify-content: center; gap: 22px; }
.footer .footer-socials a { display: inline-flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; }
.footer .footer-socials .social-icon { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; }
.footer .footer-socials .social-icon svg { display: block !important; width: 28px !important; height: 28px !important; }
.footer .footer-socials .social-facebook { color: #1877F2 !important; }
.footer .footer-socials .social-instagram { color: #E4405F !important; }
.footer .footer-socials .social-tiktok { color: #25F4EE !important; filter: drop-shadow(1px 0 #FE2C55); }
@media (max-width: 720px) {
  .footer .footer-socials { gap: 22px; }
  .footer .footer-socials a { width: 36px; height: 36px; flex-basis: 36px; }
  .footer .footer-socials .social-icon, .footer .footer-socials .social-icon svg { width: 28px !important; height: 28px !important; }
}


/* Force visible, equal-sized social icons in the footer */
.footer-socials { display:flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; gap:22px !important; width:100% !important; margin:16px auto 20px !important; position:relative !important; z-index:10 !important; }
.footer-socials a { display:inline-flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; width:36px !important; height:36px !important; min-width:36px !important; flex:0 0 36px !important; }
.footer-socials .social-icon { display:inline-flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; width:28px !important; height:28px !important; }
.footer-socials .social-icon svg { display:block !important; visibility:visible !important; opacity:1 !important; width:28px !important; height:28px !important; fill:currentColor !important; }
.footer-socials .social-facebook { color:#1877F2 !important; }
.footer-socials .social-instagram { color:#E4405F !important; }
.footer-socials .social-tiktok { color:#25F4EE !important; filter:drop-shadow(1px 0 #FE2C55); }
@media(max-width:720px){.footer-socials{gap:22px !important}.footer-socials a{width:36px !important;height:36px !important;flex-basis:36px !important}.footer-socials .social-icon,.footer-socials .social-icon svg{width:28px !important;height:28px !important}}


/* Social icons directly beneath the Grubhub order button */
.intro-order-column > .footer-socials { display:flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; gap:22px !important; width:100% !important; margin:14px auto 18px !important; position:relative !important; z-index:10 !important; }
.footer-socials a { display:inline-flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; width:36px !important; height:36px !important; min-width:36px !important; flex:0 0 36px !important; }
.footer-socials .social-icon { display:inline-flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; width:28px !important; height:28px !important; }
.footer-socials .social-icon svg { display:block !important; visibility:visible !important; opacity:1 !important; width:28px !important; height:28px !important; fill:currentColor !important; }
.footer-socials .social-facebook { color:#1877F2 !important; }
.footer-socials .social-instagram { color:#E4405F !important; }
.footer-socials .social-tiktok { color:#25F4EE !important; filter:drop-shadow(1px 0 #FE2C55); }
@media(max-width:720px){.intro-order-column > .footer-socials{gap:22px !important}.footer-socials a{width:36px !important;height:36px !important;flex-basis:36px !important}.footer-socials .social-icon,.footer-socials .social-icon svg{width:28px !important;height:28px !important}}


/* Footer social icons restored; preserve matching colors and sizes */
.footer > .footer-socials { display:flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; gap:22px !important; width:100% !important; margin:16px auto 18px !important; position:relative !important; z-index:10 !important; }
.footer > .footer-socials a { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:36px !important; height:36px !important; flex:0 0 36px !important; }
.footer > .footer-socials .social-icon, .footer > .footer-socials .social-icon svg { display:inline-flex !important; width:28px !important; height:28px !important; }
.footer > .footer-socials .social-facebook { color:#1877F2 !important; }
.footer > .footer-socials .social-instagram { color:#E4405F !important; }
.footer > .footer-socials .social-tiktok { color:#25F4EE !important; filter:drop-shadow(1px 0 #FE2C55); }


/* Align footer social icons to the left of the MENU navigation link */
.footer { display:flex; flex-wrap:wrap; align-items:center; }
.footer > .footer-socials { order:2; display:flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; gap:14px !important; width:auto !important; margin:0 20px 0 0 !important; position:relative !important; z-index:10 !important; }
.footer > .footer-links { order:3; display:flex; align-items:center; }
.footer > .footer-brand { order:1; }
.footer > small { order:4; flex-basis:100%; }
.footer > .footer-socials a { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:30px !important; height:30px !important; min-width:30px !important; flex:0 0 30px !important; }
.footer > .footer-socials .social-icon, .footer > .footer-socials .social-icon svg { display:inline-flex !important; width:24px !important; height:24px !important; }
.footer > .footer-socials .social-facebook { color:#1877F2 !important; }
.footer > .footer-socials .social-instagram { color:#E4405F !important; }
.footer > .footer-socials .social-tiktok { color:#25F4EE !important; filter:drop-shadow(1px 0 #FE2C55); }
@media(max-width:720px) {
  .footer { justify-content:center; }
  .footer > .footer-socials { order:2; margin:0 12px 0 0 !important; gap:10px !important; }
  .footer > .footer-links { order:3; }
  .footer > small { order:4; }
}


/* Footer row layout: brand left, social icons centered, menu links right */
.footer { display:grid !important; grid-template-columns:1fr auto 1fr !important; align-items:center !important; column-gap:20px !important; }
.footer > .footer-brand { grid-column:1; justify-self:start; order:initial !important; }
.footer > .footer-socials { grid-column:2; justify-self:center; order:initial !important; display:flex !important; align-items:center !important; justify-content:center !important; width:auto !important; gap:14px !important; margin:0 !important; }
.footer > .footer-links { grid-column:3; justify-self:end; order:initial !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:18px !important; }
.footer > small { grid-column:1 / -1; order:initial !important; text-align:center; }
.footer > .footer-socials a { width:30px !important; height:30px !important; min-width:30px !important; flex:0 0 30px !important; }
.footer > .footer-socials .social-icon, .footer > .footer-socials .social-icon svg { width:24px !important; height:24px !important; }
.footer > .footer-socials .social-facebook { color:#1877F2 !important; }
.footer > .footer-socials .social-instagram { color:#E4405F !important; }
.footer > .footer-socials .social-tiktok { color:#25F4EE !important; filter:drop-shadow(1px 0 #FE2C55); }
@media(max-width:720px) {
  .footer { grid-template-columns:1fr !important; justify-items:center !important; row-gap:14px !important; }
  .footer > .footer-brand, .footer > .footer-socials, .footer > .footer-links, .footer > small { grid-column:1 !important; justify-self:center !important; }
  .footer > .footer-links { justify-content:center !important; flex-wrap:wrap; }
}


/* Shared social icon styling for the Grubhub area and footer */
.footer-socials { display:flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; gap:18px !important; width:100% !important; margin:14px auto 18px !important; position:relative !important; z-index:10 !important; }
.footer-socials a { display:inline-flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; width:36px !important; height:36px !important; min-width:36px !important; flex:0 0 36px !important; }
.footer-socials .social-icon { display:inline-flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; width:28px !important; height:28px !important; }
.footer-socials .social-icon svg { display:block !important; visibility:visible !important; opacity:1 !important; width:28px !important; height:28px !important; fill:currentColor !important; }
.footer-socials .social-facebook { color:#1877F2 !important; }
.footer-socials .social-instagram { color:#E4405F !important; }
.footer-socials .social-tiktok { color:#25F4EE !important; filter:drop-shadow(1px 0 #FE2C55); }
@media(max-width:720px){ .footer-socials { gap:18px !important; } .footer-socials a { width:36px !important; height:36px !important; flex-basis:36px !important; } .footer-socials .social-icon,.footer-socials .social-icon svg { width:28px !important; height:28px !important; } }


/* Social icons in the Find Us section, replacing the primary Get Directions button */
.find-us-socials { display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:18px !important; width:auto !important; margin:16px 0 18px !important; }
.find-us-socials a { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:36px !important; height:36px !important; flex:0 0 36px !important; }
.find-us-socials .social-icon, .find-us-socials .social-icon svg { display:inline-flex !important; width:28px !important; height:28px !important; }
.find-us-socials .social-icon svg { fill:currentColor !important; }
.find-us-socials .social-facebook { color:#1877F2 !important; }
.find-us-socials .social-instagram { color:#E4405F !important; }
.find-us-socials .social-tiktok { color:#25F4EE !important; filter:drop-shadow(1px 0 #FE2C55); }


/* Appetizers category within the menu */
.menu-category-heading { margin:34px 0 18px; }
.menu-category-heading .eyebrow { margin:0 0 8px; }
.menu-category-heading h3 { margin:0; font-family:inherit; font-size:clamp(1.35rem,2.4vw,1.8rem); }
.appetizers-grid { grid-template-columns:minmax(0, 1fr) !important; max-width:520px; margin-bottom:34px; }
.dish-korean { display:inline-block; margin-left:8px; font-size:.78em; font-weight:500; }


/* Appetizers: two dishes per row */
.appetizers-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 520px) { .appetizers-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }


/* Menu section: four items per row across all categories */
#menu .menu-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 760px) { #menu .menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { #menu .menu-grid { grid-template-columns: 1fr; } }


/* Appetizers: match the full-width menu grid */
#menu .appetizers-grid { display:grid; width:100%; max-width:none; margin:0 0 34px; grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
@media (max-width:760px) { #menu .appetizers-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:420px) { #menu .appetizers-grid { grid-template-columns:1fr !important; } }


/* Header order link emphasis */
.site-header nav .nav-order-online { font-weight:700; }


/* Slightly larger menu category titles */
#menu .menu-category-heading h3 { font-size:clamp(1.55rem,2.8vw,2.05rem); }


/* Menu category labels: red and one size larger */
#menu .menu-category-heading .eyebrow { color:#b3262d; font-size:1.1rem; }


/* Smaller supporting text below red menu category labels */
#menu .menu-category-heading h3 { font-size:clamp(1.35rem,2.4vw,1.8rem); }


/* One step smaller supporting subtitles beneath red menu labels */
#menu .menu-category-heading h3 { font-size:clamp(1.2rem,2vw,1.55rem); }


/* Slightly smaller red menu category labels */
#menu .menu-category-heading .eyebrow { font-size:1rem; }


/* Stack multilingual dish names on separate lines */
#menu .dish-name-stacked { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
#menu .dish-name-stacked .dish-name-en, #menu .dish-name-stacked .dish-korean { display:block; }


/* Balanced spacing for the three-line Spicy Crab Stew title */
#menu .dish-name-stacked { gap:8px; line-height:1.16; margin:0 0 18px; }
#menu .dish-name-stacked .dish-name-en, #menu .dish-name-stacked .dish-korean { line-height:1.16; }


/* Menu item names: one size smaller */
#menu .dish-name-stacked { font-size:clamp(1.35rem,2.4vw,1.8rem); }
#menu .dish-name-stacked .dish-name-en { font-size:1em; }
#menu .dish-name-stacked .dish-korean { font-size:0.82em; }


/* Corrected: smaller stacked dish title overrides the base 24px h3 rule */
#menu .dish-info h3.dish-name-stacked { font-size:20px !important; line-height:1.2; }
#menu .dish-info h3.dish-name-stacked .dish-name-en, #menu .dish-info h3.dish-name-stacked .dish-korean { font-size:1em !important; line-height:1.2; }


/* Unified menu card system: consistent image, title, and description layout */
#menu .menu-grid { align-items:stretch; }
#menu .dish-card { display:flex; flex-direction:column; height:100%; overflow:hidden; }
#menu .dish-card .dish-photo { width:100%; height:230px; min-height:230px; flex:0 0 230px; background-size:cover; background-position:center; }
#menu .dish-card .dish-info { display:flex; flex:1 1 auto; flex-direction:column; align-items:stretch; padding:20px 20px 22px; }
#menu .dish-card .dish-info h3.dish-name-stacked { display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-height:88px; margin:0 0 12px; font-family:var(--serif); font-size:20px !important; line-height:1.18; }
#menu .dish-card .dish-info h3.dish-name-stacked .dish-name-en { font-size:1em !important; line-height:1.18; }
#menu .dish-card .dish-info h3.dish-name-stacked .dish-korean { display:block; margin:0; font-family:var(--sans); font-size:15px !important; font-weight:500; line-height:1.25; }
#menu .dish-card .dish-info p { min-height:58px; margin:0; color:#687169; font-size:13px; line-height:1.65; }
@media(max-width:760px) {
  #menu .dish-card .dish-photo { height:190px; min-height:190px; flex-basis:190px; }
  #menu .dish-card .dish-info { padding:16px 15px 18px; }
  #menu .dish-card .dish-info h3.dish-name-stacked { min-height:84px; font-size:18px !important; }
  #menu .dish-card .dish-info h3.dish-name-stacked .dish-korean { font-size:13px !important; }
  #menu .dish-card .dish-info p { font-size:12px; min-height:64px; }
}


/* SEO-friendly menu category introductions */
.menu-category-description { max-width: 680px; margin: 10px 0 0; color: #687169; font-size: 13px; line-height: 1.8; }
@media (max-width: 720px) { .menu-category-description { font-size: 12px; line-height: 1.75; } }