@charset "UTF-8";
:root{--ink:#142d3a;--red:#cf382b;--muted:#5c6a70;--line:#e2e7e9;--paper:#fff;--soft:#f3f6f7;font-family:system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #137ab2;outline-offset:5px}.skip{position:fixed;top:-100px;left:12px;background:white;padding:14px;z-index:100}.skip:focus{top:10px}header{max-width:1180px;margin:auto;min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 32px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900;letter-spacing:1px}.brand-mark{display:grid;place-items:center;background:var(--red);color:white;border-radius:50%;width:46px;height:46px;font-size:27px}.brand small{display:block;font-size:10px;letter-spacing:1.8px;margin-top:4px}.header-map{font-weight:650;font-size:14px}main{max-width:1180px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:520px;border-top:1px solid var(--line);padding:32px 0 48px;gap:36px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--red);margin:0 0 22px}h1{font-size:clamp(36px,4.3vw,56px);line-height:1.24;letter-spacing:-2.8px;margin:0 0 27px}h1 span{color:var(--red)}.restaurant{font-weight:750;font-size:20px;margin:0 0 7px}.english{font-size:14px;color:var(--muted);margin:0}.hero-actions{display:flex;gap:10px;margin-top:32px}.button{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:52px;border-radius:12px;padding:15px 22px;font-weight:700;font-size:16px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--red);color:white;min-width:170px}.secondary{background:var(--soft)}.order-note,.map-note{font-size:13px;line-height:1.7;color:var(--muted)}.hero-image{position:relative;overflow:hidden;border-radius:22px;height:450px;background:var(--ink)}.hero-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.image-label{position:absolute;bottom:46px;left:28px;color:white;font-weight:800;font-size:30px;line-height:1.4;letter-spacing:-1px;text-shadow:0 2px 12px #0008}.image-caption{position:absolute;bottom:14px;left:28px;right:12px;font-size:12px;color:white;text-shadow:0 1px 5px black}.section{padding:40px 0 48px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:10px}h2{font-size:29px;letter-spacing:-1.2px;margin:0}.section-number{font-size:12px;letter-spacing:1px;color:var(--muted)}.menu-empty{display:flex;gap:32px;align-items:center;border-radius:18px;background:var(--soft);padding:34px}.menu-symbol{border:1px solid #bdc9cf;border-radius:8px;min-width:114px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:19px;font-weight:800;letter-spacing:3px;transform:rotate(-5deg);background:white;box-shadow:5px 6px 0 #dde5e9}.menu-symbol span{font-size:13px;letter-spacing:1px;margin-top:15px;color:var(--red)}h3{font-size:21px;margin:0 0 12px;letter-spacing:-.6px}.menu-empty p,.location-info p{color:var(--muted);line-height:1.8;font-size:16px}.text-link{display:inline-flex;gap:24px;align-items:center;color:var(--red);font-size:15px;font-weight:750;padding:8px 0}.location-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;border-radius:18px;background:var(--soft);overflow:hidden}.map{min-height:330px}.map iframe{border:0;width:100%;height:100%;min-height:330px;display:block}.location-info{padding:30px 30px 20px 0}.location-tag{font-size:12px;letter-spacing:1.5px;font-weight:750;color:var(--red);display:block;margin-bottom:16px}.location-info .coordinates{font-size:13px;letter-spacing:1px}.location-actions{display:flex;gap:10px}.dark{background:var(--ink);color:white}.outline{border:1px solid #cbd5da;background:transparent}.location-info .map-note{font-size:13px}footer{border-top:1px solid var(--line);max-width:1116px;margin:10px auto 0;padding:30px 0 40px}footer strong{font-size:24px;letter-spacing:2px}footer p{font-size:13px;color:var(--muted)}footer small{font-size:12px;letter-spacing:2px;color:var(--muted)}.bottom-nav{display:none}.menu-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.menu-pages:empty{display:none}.menu-page{background:var(--soft);padding:12px;border:1px solid var(--line);border-radius:12px;cursor:zoom-in;color:var(--ink)}.menu-page img{width:100%;height:auto;display:block}.menu-page span{display:block;padding-top:12px}dialog{border:0;border-radius:16px;padding:60px 16px 16px;width:min(900px,94vw);max-height:92dvh}dialog::backdrop{background:#10212bd9}dialog img{width:100%;display:block}dialog button{position:absolute;right:16px;top:10px;min-height:40px;border:0;background:var(--soft);border-radius:8px;padding:8px 16px;cursor:pointer}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:590px}.hero-image{height:500px}}
@media(max-width:760px){html{scroll-padding-top:24px}header{min-height:80px;padding:18px 22px}.brand{font-size:21px}.brand-mark{width:39px;height:39px;font-size:24px}.brand small{font-size:9px;letter-spacing:1px}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:24px;padding:30px 0}.hero-copy .eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:18px}h1{font-size:42px;letter-spacing:-2.5px;margin-bottom:22px}.restaurant{font-size:18px}.english{font-size:13px}.hero-actions{margin-top:24px}.hero-actions .button{flex:1;min-width:0;gap:12px;padding:15px 18px}.order-note{margin-bottom:0;font-size:12px}.hero-image{height:270px;border-radius:16px}.image-label{font-size:25px;left:22px}.image-caption{left:22px;font-size:10px}.section{padding:30px 0}.section-heading{margin-bottom:22px}h2{font-size:25px}.section-number{display:none}.menu-empty{padding:24px 20px;gap:22px;align-items:start}.menu-symbol{min-width:69px;height:102px;font-size:13px;letter-spacing:2px;margin-top:5px}.menu-symbol span{font-size:11px}h3{font-size:18px}.menu-empty p{font-size:14px;margin:0 0 10px}.text-link{font-size:14px;gap:10px;line-height:1.6}.location-grid{grid-template-columns:1fr;gap:0}.map,.map iframe{min-height:240px;height:240px}.location-info{padding:24px}.location-actions .button{flex:1;gap:10px;padding:14px 18px}footer{margin:0 22px;padding:28px 0 120px}footer p{font-size:12px;line-height:1.8;max-width:300px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:4px;background:#fffffff5;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));z-index:10;backdrop-filter:blur(14px)}.bottom-nav>a{display:flex;flex:1;flex-direction:column;align-items:center;gap:2px;font-size:12px;min-height:48px;justify-content:center;font-weight:650}.bottom-nav>a>span{font-size:24px;line-height:1}.bottom-nav .nav-order{flex:2;flex-direction:row;gap:22px;background:var(--red);border-radius:12px;color:white;font-size:16px;margin-left:12px;min-height:50px}.menu-pages{grid-template-columns:1fr}}
@media(max-width:360px){main{padding:0 16px}header{padding:16px}h1{font-size:36px}.header-map{font-size:12px}.menu-empty{gap:15px;padding:20px 16px}.menu-symbol{display:none}.location-info{padding:20px}.button{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Language controls retain the original layout and allow longer translations. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header{gap:16px;flex-wrap:wrap}.header-map{margin-left:auto}.language-control select{max-width:150px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);font:inherit;font-size:14px;padding:8px;cursor:pointer}.language-control select:focus-visible{outline:3px solid #137ab2;outline-offset:3px}
html:not([lang=ko]) h1{letter-spacing:-1px}html:not([lang=ko]) .image-label{letter-spacing:0}.hero-copy,.location-info{min-width:0}.hero-actions,.location-actions{flex-wrap:wrap}.button{overflow-wrap:anywhere}.image-label{bottom:70px}.image-caption{line-height:1.5}.bottom-nav>a{text-align:center}
@media(max-width:760px){html:not([lang=ko]) h1{font-size:clamp(32px,8vw,42px)}.language-control{margin-left:auto}.language-control select{max-width:135px}.hero-actions .button,.location-actions .button{flex:1 1 130px}.image-label{font-size:23px}.bottom-nav .nav-order{gap:10px;margin-left:4px;font-size:14px}.header-map{font-size:12px}}
