/* 단지속쭈꾸미 v6 — 항아리 → 철판 · 양념 빨강 × 철판 검정 × 메뉴판 크림 */
:root{
  --ink:#0e0b0a;--ink2:#161110;--ink3:#211916;--line:rgba(241,230,214,.14);
  --red:#c62f10;--red-hi:#e8502a;--red-dk:#8a1d07;--seal:#c62f10;
  --cream:#f1e6d6;--cream2:#d9c8b3;--mute:#b3a08f;
  --paper:#f3eadd;--paper2:#e9dcc9;--pink:#1c1412;--pmute:#6d5b4f;--pline:#d8c7b1;
  --hd:68px;--wrap:1240px;
  --disp:'Noto Sans KR','Pretendard',sans-serif;
  --body:'Pretendard','Pretendard Variable',-apple-system,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;
  --brush:'East Sea Dokdo','Noto Sans KR',sans-serif;
}
html[data-lang=zh]{--body:'Noto Sans SC','Pretendard',sans-serif;--disp:'Noto Sans SC','Noto Sans KR',sans-serif}
html[data-lang=ja]{--body:'Noto Sans JP','Pretendard',sans-serif;--disp:'Noto Sans JP','Noto Sans KR',sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 8px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--cream);font:16px/1.65 var(--body);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
html[data-lang=ja] body{word-break:auto-phrase;line-break:strict}
html[data-lang=zh] body{word-break:normal;line-break:strict}
html[data-lang=en] body{word-break:normal}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4,h5,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nw{white-space:nowrap}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
:focus-visible{outline:3px solid var(--red-hi);outline-offset:3px}

/* 언어: 고른 언어만 */
.i{display:none}
html[data-lang=ko] .i[lang=ko],html[data-lang=en] .i[lang=en],html[data-lang=zh] .i[lang=zh-Hans],html[data-lang=ja] .i[lang=ja]{display:inline}
html[data-lang=ko] .fx{display:none}
html:not([data-lang=ko]) .ko-only{display:none}
html[data-lang=ko] .no-ko,html[data-lang=ko] .no-ko-sub .row-d{display:none}
html:not([data-lang=ko]) [lang=ko]{word-break:keep-all}
.kr{display:block;font-size:13px;font-weight:500;letter-spacing:0;color:var(--mute);margin-top:2px;font-family:var(--body)}
[lang=ko]{font-family:inherit}
.hx,.logo-t{font-family:'Noto Sans KR','Pretendard',sans-serif}
.logo-t{font-family:'East Sea Dokdo','Noto Sans KR',sans-serif}

.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--cream);color:var(--ink);padding:10px 16px;border-radius:4px;font-weight:700}
.skip:focus{top:10px}

/* ── 아이콘·버튼 ── */
.ic{width:20px;height:20px;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 20px;border-radius:4px;font-weight:700;font-size:16px;text-decoration:none;border:1.5px solid transparent;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-hi)}
.btn-red .num{font-family:var(--disp);font-weight:900;letter-spacing:.01em;padding-left:10px;margin-left:2px;border-left:1px solid rgba(255,255,255,.35)}
.btn-cream{background:var(--cream);color:var(--ink)}
.btn-cream:hover{background:#fff}
.btn-line{border-color:rgba(241,230,214,.45);color:var(--cream)}
.btn-line:hover{border-color:var(--cream);background:rgba(241,230,214,.08)}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.cta-dir{display:flex;gap:10px}

/* ── 머리 ── */
.hd{position:sticky;top:0;z-index:100;height:var(--hd);background:rgba(14,11,10,.94);border-bottom:1px solid transparent;transition:border-color .3s}
.hd.is-scrolled{border-bottom-color:var(--line)}
.hd-in{max-width:1400px;height:100%;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:22px}
.logo{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none;flex:none;margin-right:auto}
.logo-jar{width:30px;height:30px;flex:none;color:var(--cream);stroke-width:1.5}
.logo-t{font-size:36px;line-height:1;color:var(--cream);letter-spacing:.02em;padding-top:4px;white-space:nowrap}
.logo-dot{width:11px;height:11px;background:var(--red);border-radius:1px;transform:rotate(8deg);margin:-14px 0 0 1px}
.gnb{flex:none}
.gnb ul{display:flex;gap:4px}
.gn{display:block;padding:10px 12px;font-size:15.5px;font-weight:600;text-decoration:none;color:rgba(241,230,214,.86);position:relative;white-space:nowrap}
.gn .tv{display:inline-block;white-space:nowrap}
.gn::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--red-hi);transform:scaleX(0);transition:transform .25s}
.gn:hover{color:#fff}
.gn:hover::after,.gn.on::after{transform:scaleX(1)}
.gn.on{color:#fff}
.lang{position:relative;flex:none}
.lang-cur{display:none}
.lang-list{display:flex;border:1px solid var(--line);border-radius:4px;padding:3px;gap:2px}
.lang-list button{background:none;border:0;padding:0 10px;height:34px;min-width:40px;border-radius:2px;font-size:13.5px;font-weight:700;color:var(--mute);cursor:pointer}
.lang-list button:hover{color:var(--cream)}
.lang-list button[aria-pressed=true]{background:var(--cream);color:var(--ink)}
.hd-call{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:4px;background:var(--red);color:#fff;text-decoration:none;font-family:var(--disp);font-weight:900;font-size:16px;flex:none;letter-spacing:.01em}
.hd-call:hover{background:var(--red-hi)}
.hd-call .ic{width:18px;height:18px}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:4px;background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none}
.burger i{display:block;width:20px;height:2px;background:var(--cream);transition:transform .25s,opacity .25s}
.burger[aria-expanded=true] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){opacity:0}
.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
html.fold .gnb{display:none}
html.fold .burger{display:flex}
.mnav{position:fixed;left:0;right:0;top:var(--hd);bottom:0;z-index:99;background:var(--ink);overflow:auto;padding:12px 24px 32px;border-top:1px solid var(--line)}
.mnav[hidden]{display:none}
.mnav ul{margin-bottom:22px}
.mnav li a{display:block;padding:15px 4px;font-size:21px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--line);font-family:var(--disp)}
.mnav .cta{flex-direction:column}
.mnav .cta .btn{width:100%}
.mnav .cta-dir .btn{flex:1}
body.menu-open{overflow:hidden}

/* ── 첫 화면 ── */
.hero{position:relative;min-height:clamp(560px,calc(100svh - var(--hd)),900px);display:flex;align-items:center;overflow:hidden;background:var(--ink);isolation:isolate}
.hero-ph{position:absolute;top:0;right:0;bottom:0;width:66%;z-index:-1}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.hero-ph::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ink) 0%,rgba(14,11,10,.86) 14%,rgba(14,11,10,.35) 38%,rgba(14,11,10,0) 60%),linear-gradient(0deg,rgba(14,11,10,.7) 0%,rgba(14,11,10,0) 26%)}
.hero-ph figcaption{position:absolute;right:28px;bottom:22px;z-index:2;font-size:13px;color:rgba(241,230,214,.78);letter-spacing:.02em;display:flex;align-items:center;gap:8px}
.hero-ph figcaption::before{content:"";flex:none;width:22px;height:1px;background:currentColor}
.steam{position:absolute;inset:0 0 40% 0;z-index:1;pointer-events:none;overflow:hidden}
.steam i{position:absolute;bottom:-60px;left:var(--x);width:var(--w);height:calc(var(--w) * 1.6);margin-left:calc(var(--w) / -2);border-radius:50%;background:radial-gradient(closest-side,rgba(255,250,244,.2),rgba(255,250,244,0));filter:blur(14px);opacity:0;animation:steam var(--t) ease-out var(--d) infinite}
@keyframes steam{0%{transform:translateY(40px) scale(.7);opacity:0}25%{opacity:.85}100%{transform:translateY(-300px) scale(1.5) translateX(30px);opacity:0}}
.hero-in{position:relative;z-index:2;width:100%;padding-top:40px;padding-bottom:48px}
.hero-copy{max-width:640px}
.badge{display:inline-flex;align-items:center;gap:9px;padding:7px 15px 7px 12px;border:1px solid rgba(241,230,214,.32);border-radius:999px;font-size:14px;font-weight:600;color:var(--cream);background:rgba(14,11,10,.5)}
.badge::before{content:"";width:8px;height:8px;background:var(--red-hi);border-radius:1px;transform:rotate(45deg)}
.hero-h{margin:22px 0 0}
.hx{display:block;font-weight:900;letter-spacing:-.045em}
.hero-h .hx{font-size:clamp(70px,min(10.6vw,17vh),162px);line-height:.96}
.hx1,.hx2{display:block}
.hx2{color:var(--red-hi);position:relative;width:max-content}
.seal{position:absolute;left:100%;top:.08em;margin-left:.14em;width:.46em;height:.46em;background:var(--cream);border-radius:2px;transform:rotate(-7deg);display:grid;place-items:center;box-shadow:inset 0 0 0 .035em var(--cream),inset 0 0 0 .055em var(--red)}
.seal span{font-family:'East Sea Dokdo',sans-serif;font-weight:400;font-size:.3em;line-height:1;color:var(--red);letter-spacing:0;padding-top:.12em}
.hero-sub{display:block;margin-top:14px;font-family:var(--disp);font-weight:900;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em;line-height:1.25;color:var(--cream)}
html:not([data-lang=ko]) .hero-sub{font-size:clamp(19px,1.7vw,24px);letter-spacing:-.01em;max-width:28em}
.hero-lead{margin-top:14px;font-size:17px;line-height:1.6;color:rgba(241,230,214,.82);max-width:32em}
.sigline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:24px 0 18px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sig-tag{font-size:12.5px;font-weight:700;color:#fff;background:var(--red);padding:3px 8px;border-radius:2px}
.sig-name{font-size:18px;font-weight:700;display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.sig-g{font-size:14px;font-weight:500;color:var(--mute)}
.sig-pr{font-family:var(--disp);font-weight:900;font-size:30px;line-height:1;color:var(--red-hi);letter-spacing:-.01em}
.sig-min{font-size:14px;color:var(--cream2);font-weight:600}
.hero-hours{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;color:var(--mute)}
.hero-hours .ic{width:17px;height:17px}

/* ── 공통 섹션 머리 ── */
section{position:relative}
.sec-h{font-family:var(--disp);font-weight:900;font-size:clamp(36px,4.6vw,64px);line-height:1.08;letter-spacing:-.035em}
html:not([data-lang=ko]) .sec-h{letter-spacing:-.02em}
.sec-h.sm{font-size:clamp(28px,3.2vw,44px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--red-hi);margin-bottom:14px}
.eyebrow .ic{width:22px;height:22px}

/* ── 항아리에서 철판으로 ── */
.intro{padding:120px 0 110px;background:radial-gradient(1200px 500px at 85% 0%,#2a1a14 0%,rgba(42,26,20,0) 60%),var(--ink2)}
.intro-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px 64px;align-items:end}
.intro-top .eyebrow,.intro-top .sec-h{grid-column:1}
.intro-p{grid-column:2;grid-row:1 / span 2;font-size:19px;line-height:1.75;color:rgba(241,230,214,.88)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:72px;counter-reset:s}
.step{position:relative;padding:34px 34px 6px 0;border-top:2px solid var(--red)}
.step+.step{padding-left:34px;border-left:1px solid var(--line)}
.step+.step::before{content:"";position:absolute;left:-8px;top:-9px;width:16px;height:16px;background:var(--ink2);border:2px solid var(--red);border-radius:50%}
.step-n{position:absolute;right:20px;top:20px;font-family:var(--disp);font-weight:900;font-size:64px;line-height:1;color:transparent;-webkit-text-stroke:1.2px rgba(241,230,214,.22)}
.step-ic{width:48px;height:48px;color:var(--red-hi);stroke-width:1.4}
.step-h{margin:18px 0 10px;font-family:var(--disp);font-weight:900;font-size:26px;letter-spacing:-.02em}
.step p{color:rgba(241,230,214,.78);font-size:16px}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:72px}
.tile{padding:26px 26px 24px;background:rgba(241,230,214,.04);border:1px solid var(--line);border-radius:4px}
.tile-n{display:block;font-family:var(--disp);font-weight:900;font-size:clamp(34px,3.6vw,48px);line-height:1.05;color:var(--red-hi);letter-spacing:-.03em;margin-bottom:10px}
.tile>span{color:rgba(241,230,214,.82)}

/* ── 메뉴판(크림 종이) ── */
.menu{padding:112px 0 100px;background:var(--paper);color:var(--pink)}
.menu .kr{color:var(--pmute)}
.menu-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px 64px;align-items:end;padding-bottom:40px;border-bottom:3px solid var(--pink)}
.menu-head .sec-h{font-size:clamp(48px,7vw,104px)}
.menu-lead p{font-size:17px;line-height:1.7;color:#3c2f28}
.menu-lead p+p{margin-top:6px}
.m-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;margin-top:40px}
.m-grp{font-size:14px;font-weight:700;color:var(--red);letter-spacing:.01em}
.m-grp em{font-style:normal;color:var(--pmute);font-weight:600;margin-left:6px}
.m-sig{background:var(--ink);color:var(--cream);padding:44px 44px 40px;border-radius:6px;position:relative;overflow:hidden}
.m-sig::after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;border:1.5px solid rgba(241,230,214,.08);box-shadow:0 0 0 26px rgba(241,230,214,.02),0 0 0 54px rgba(241,230,214,.015)}
.m-sig .m-grp{color:var(--red-hi)}
.m-sig .m-grp em{color:var(--mute)}
.m-sig-n{margin-top:14px}
.m-sig-n .hx{font-size:clamp(48px,5.2vw,76px);line-height:1}
.m-fn{display:block;margin-top:10px;font-size:19px;font-weight:700;color:var(--cream);line-height:1.4}
.m-sig-g{margin-top:12px;font-size:15px;color:var(--mute);font-weight:600}
.m-sig-pr{font-family:var(--disp);font-weight:900;font-size:clamp(42px,4.4vw,60px);line-height:1;color:var(--red-hi);margin-top:6px;letter-spacing:-.02em}
.m-sig .m-desc{margin-top:18px;color:rgba(241,230,214,.82);max-width:36em}
.spice{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.spice-h{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px}
.spice-h .ic{color:var(--red-hi);fill:var(--red-hi);stroke:none}
.gauge{display:flex;align-items:center;gap:10px;margin-top:34px}
.g0{font-family:var(--disp);font-weight:900;font-size:14px;color:var(--mute);width:12px}
.g-bar{position:relative;flex:1;height:12px;border-radius:999px;background:linear-gradient(90deg,#f6dcb0 0%,#f0a13d 25%,#e8502a 55%,#b4200a 80%,#5e0f02 100%)}
.g-bar>i{position:absolute;left:var(--p);top:-4px;bottom:-4px;width:1px;background:rgba(241,230,214,.35)}
.g-pins b{position:absolute;left:var(--p);bottom:calc(100% + 8px);transform:translateX(-50%);font-family:var(--disp);font-weight:900;font-size:15px;line-height:1;color:var(--cream)}
.g-pins b::after{content:"";position:absolute;left:50%;top:calc(100% + 2px);width:2px;height:12px;margin-left:-1px;background:var(--red-hi)}
.g-pins b:last-child{transform:translateX(-80%)}
.g-leg{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.g-leg li{display:inline-flex;align-items:baseline;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--cream2)}
.g-leg b{font-family:var(--disp);font-weight:900;font-size:15px;color:var(--red-hi)}
.g-leg b small{font-size:12px;font-weight:700;margin-left:1px;font-family:var(--body)}
.m-card{background:#fffaf2;border:1px solid var(--pline);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.m-ph{aspect-ratio:3/2;overflow:hidden;background:var(--paper2)}
.m-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.m-card:hover .m-ph img{transform:scale(1.03)}
.m-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.m-n{font-family:var(--disp);font-weight:900;font-size:24px;line-height:1.25;letter-spacing:-.02em;margin-top:6px}
html:not([data-lang=ko]) .m-n{font-size:20px;letter-spacing:-.01em}
.m-comp{margin-top:8px;font-size:15px;font-weight:600;color:#4a3a31}
.m-desc{margin-top:8px;font-size:15px;color:#4f4038;line-height:1.6}
.m-pr{margin-top:auto;padding-top:16px;font-family:var(--disp);font-weight:900;font-size:30px;line-height:1;color:var(--red);letter-spacing:-.01em}
.m-rice .m-ph{aspect-ratio:auto;flex:1 1 auto;min-height:280px;position:relative}
.m-cap{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:4px 10px;border-radius:2px;background:rgba(14,11,10,.78);color:var(--cream);font-size:13px;font-weight:600;line-height:1.4}
.m-special{margin-top:64px}
.m-sh{font-family:var(--disp);font-weight:900;font-size:clamp(28px,3vw,40px);letter-spacing:-.02em;padding-bottom:18px;border-bottom:1px solid var(--pline)}
.m-sh em{font-style:normal;font-family:var(--body);font-size:16px;font-weight:700;color:var(--red);margin-left:10px;letter-spacing:0;vertical-align:middle}
.m-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.m-addon{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;font-size:15px;color:#4a3a31;align-items:center}
.m-addon-h{font-weight:800;color:#fff;background:var(--pink);padding:2px 8px;border-radius:2px;font-size:13px}
.m-addon li{white-space:nowrap}
.m-addon b{color:var(--red);font-weight:800;margin-left:4px}
.board{margin-top:72px;background:#fffaf2;border:1px solid var(--pline);border-radius:6px;padding:44px 48px 40px}
.board-h{font-family:var(--disp);font-weight:900;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.02em}
.board-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 64px;margin-top:22px}
.bg-h{font-size:17px;font-weight:800;color:#fff;background:var(--red);display:inline-block;padding:4px 12px;border-radius:2px;margin:18px 0 6px}
.bcol>.bg-h:first-child{margin-top:0}
.row{padding:11px 0;border-bottom:1px dashed var(--pline)}
.row-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0}
.row-n{font-size:16.5px;font-weight:700;line-height:1.4;margin-right:8px}
.row-n .kr{display:block}
.row-n small{font-size:13px;font-weight:600;color:var(--pmute);margin-left:4px}
.row-pr{flex:1 0 auto;display:flex;align-items:baseline;gap:8px}
.row-pr .dots{flex:1;min-width:16px;border-bottom:2px dotted #bfa98f;transform:translateY(-4px)}
.row-pr b{font-family:var(--disp);font-weight:900;font-size:17px;color:var(--pink)}
.row-d{font-size:14px;color:var(--pmute);margin-top:2px;line-height:1.5}
.m-pair{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:24px;margin-top:24px}
.noodle{background:var(--ink);color:var(--cream);border-radius:6px;padding:40px 44px;position:relative;overflow:hidden;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:30px;align-content:start}
.noodle>*{grid-column:2}
.n-sign{grid-column:1;grid-row:1 / span 5;align-self:start;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.noodle::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:repeating-linear-gradient(90deg,#e9eef1 0 14px,transparent 14px 22px);opacity:.75}
.noodle .kr{color:var(--mute)}
.noodle-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 28px;align-items:end}
.noodle-h .hx{font-size:clamp(34px,3.6vw,48px);line-height:1}
.noodle-rom{display:block;margin-top:8px;font-size:14px;color:var(--mute);font-weight:600}
.noodle-lead{font-size:15.5px;color:rgba(241,230,214,.85)}
.n-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
.n-list li{padding:16px 18px;border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;gap:4px}
.n-list h5{font-size:18px;font-weight:800;line-height:1.35}
.n-list p{font-size:14px;color:var(--mute)}
.n-list .ask{margin-top:auto;padding-top:6px;font-size:13.5px;font-weight:700;color:#cfe0e8}
.n-taste{margin-top:18px;font-size:15.5px;color:rgba(241,230,214,.85)}
.n-pick{margin-top:8px;font-size:15.5px;color:rgba(241,230,214,.85)}
.n-close{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}
.how{background:var(--red);color:#fff;border-radius:6px;padding:36px 32px;align-self:start;position:sticky;top:calc(var(--hd) + 24px)}
.how-h{font-family:var(--disp);font-weight:900;font-size:24px;line-height:1.3;letter-spacing:-.02em}
.how-list{margin-top:20px;counter-reset:h}
.how-list li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.28);font-weight:700;font-size:17px}
.how-list li:first-child{padding-left:30px}
.how-list .plus{font-style:normal;font-family:var(--disp);font-weight:900;width:20px;text-align:center;color:rgba(255,255,255,.7)}
.how-tail{padding-top:22px;font-family:var(--disp);font-weight:900;font-size:clamp(24px,2.4vw,32px);line-height:1.2}
.pnote{margin-top:22px;font-size:14px;color:var(--pmute);text-align:right}

/* ── 철판 한 판 ── */
.photos{padding:100px 0;background:var(--ink)}
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.g{position:relative;overflow:hidden;border-radius:4px;background:var(--ink3);aspect-ratio:1}
.g img{width:100%;height:100%;object-fit:cover}
.g .kr{color:rgba(241,230,214,.75)}
.g figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;background:linear-gradient(0deg,rgba(14,11,10,.88),rgba(14,11,10,0));font-weight:700;font-size:16px;line-height:1.35}

/* ── 리뷰 키워드(빨강 띠) ── */
.voice{padding:104px 0;background:var(--red);color:#fff}
.voice .kr{color:rgba(255,255,255,.72)}
.voice-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 40px;padding-bottom:28px;border-bottom:2px solid rgba(14,11,10,.5)}
.voice-note{font-size:15px;font-weight:600;color:rgba(255,255,255,.85)}
.kws{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(6,auto);gap:0 64px;margin-top:10px}
.kw-li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kw vt" "bar bar";gap:4px 12px;padding:16px 0 14px;border-bottom:1px solid rgba(14,11,10,.25)}
.kw{grid-area:kw;font-size:18px;font-weight:700;line-height:1.35}
.vt{grid-area:vt;font-family:var(--disp);font-weight:900;font-size:26px;line-height:1}
.vt small{font-size:14px;font-family:var(--body);font-weight:700;margin-left:2px}
.bar{grid-area:bar;height:8px;background:rgba(14,11,10,.24);border-radius:999px;overflow:hidden}
.bar i{display:block;height:100%;width:calc(var(--s) * 100%);background:var(--cream);border-radius:inherit;transform-origin:left}
.bars.on .bar i{animation:grow 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.rmenu{margin-top:44px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.rmenu-h{font-size:16px;font-weight:800}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips li{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--cream);padding:7px 8px 7px 14px;border-radius:999px;font-weight:700;font-size:15px}
.chips b{font-family:var(--disp);font-weight:900;font-size:13px;background:var(--red);color:#fff;border-radius:999px;padding:3px 9px}

/* ── 회식·모임 ── */
.group{padding:112px 0;background:var(--ink2)}
.group-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.gnums{display:flex;gap:56px;margin-top:34px}
.gn-n{display:block;font-family:var(--disp);font-weight:900;font-size:clamp(72px,8vw,112px);line-height:.95;color:var(--red-hi);letter-spacing:-.04em}
.gn-n small{font-size:.36em;color:var(--cream);margin-left:4px;letter-spacing:-.01em}
.gnum>span{display:block;margin-top:10px;font-weight:700;color:var(--cream2)}
.gfeats{margin-top:34px;border-top:1px solid var(--line)}
.gfeats li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:17px;font-weight:600}
.gfeats .ic{color:var(--red-hi)}
.gbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.group-ph{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,minmax(0,34px))}
.gp{border-radius:4px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.gp img{width:100%;height:100%;object-fit:cover}
.gp-hall{grid-column:1 / span 9;grid-row:1 / span 8;max-width:539px}
.gp-booth{grid-column:5 / span 8;grid-row:6 / span 7;max-width:480px;border:6px solid var(--ink2);border-radius:8px;justify-self:end;width:100%}

/* ── 이용 안내(크림) ── */
.info{padding:104px 0;background:var(--paper);color:var(--pink)}
.info-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.h-l{display:flex;align-items:center;gap:8px;margin-top:30px;font-weight:800;color:var(--red)}
.h-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin-top:8px}
.h-day{font-family:var(--disp);font-weight:900;font-size:28px}
.h-time{font-family:var(--disp);font-weight:900;font-size:clamp(54px,6.4vw,92px);line-height:1;letter-spacing:-.04em;white-space:nowrap}
.h-time i{font-style:normal;color:var(--red);padding:0 .06em}
.h-so{margin-top:14px;display:inline-block;font-weight:800;background:var(--pink);color:var(--cream);padding:5px 12px;border-radius:2px}
.h-chk{margin-top:12px;font-size:15px;color:var(--pmute)}
.amen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}
.amen li{display:flex;align-items:flex-start;gap:12px;padding:20px 20px;background:#fffaf2;border:1px solid var(--pline);border-radius:4px;font-weight:600;font-size:16px;line-height:1.45}
.amen .ic{width:24px;height:24px;color:var(--red);margin-top:-1px}

/* ── 오시는 길 ── */
.loc{padding:104px 0 112px;background:var(--ink)}
.loc-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.lfacts{margin-top:28px}
.lfacts>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.lfacts dt{font-size:14px;font-weight:700;color:var(--mute);padding-top:3px}
.lfacts dd{font-size:18px;font-weight:700}
.addr-ko{margin-top:8px;font-size:15px;font-weight:600}
.addr-ko small{display:block;font-size:13px;color:var(--mute);font-weight:500}
.tl{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-family:var(--disp);font-weight:900;font-size:22px;letter-spacing:.01em}
.lbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.lphotos{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:28px;max-width:540px}
.lp{border-radius:4px;overflow:hidden;aspect-ratio:4/3;background:var(--ink3);position:relative}
.lp img{width:100%;height:100%;object-fit:cover}
.lp+.lp{aspect-ratio:auto}
.lp+.lp img{position:absolute;inset:0}
.lp:last-child img{object-position:50% 40%}
.map{border-radius:6px;overflow:hidden;border:1px solid var(--line);background:#161210}
.map-box{position:relative}
.map img{width:100%;height:100%;object-fit:cover}
.map-l{position:absolute;inset:0;pointer-events:none}
.ml{position:absolute;transform:translate(var(--tx,-50%),-50%) rotate(var(--a));font-size:13px;font-weight:700;color:rgba(241,230,214,.75);background:rgba(22,18,16,.8);padding:1px 6px;border-radius:2px;white-space:nowrap}
.ml-main{color:#fff;background:var(--red);font-size:14px}
.ml-rail{font-weight:600;color:rgba(241,230,214,.6)}
.map-pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center}
.map-pin b{order:-1;font-family:'East Sea Dokdo',sans-serif;font-weight:400;font-size:30px;line-height:1;color:var(--ink);background:var(--cream);padding:4px 12px 2px;border-radius:3px;margin-bottom:6px;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.map-pin i{width:20px;height:20px;background:var(--red);border:3px solid var(--cream);border-radius:50%;box-shadow:0 0 0 8px rgba(198,47,16,.25);transform:translateY(10px)}
.map figcaption{padding:7px 12px;text-align:right;font-size:12px;color:rgba(241,230,214,.6);border-top:1px solid var(--line)}

/* ── 맨 아래 ── */
.ft-cta{background:var(--red);padding:56px 0}
.ft-cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.ft-l{font-weight:700;color:rgba(255,255,255,.9)}
.ft-tel{display:block;font-family:var(--disp);font-weight:900;font-size:clamp(44px,6vw,80px);line-height:1;color:#fff;text-decoration:none;letter-spacing:-.02em;margin-top:6px}
.cta-ft .btn-red{background:var(--ink);color:var(--cream)}
.cta-ft .btn-red:hover{background:#000}
.cta-ft .btn-red .num{display:none}
.cta-ft .btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.ft-info{padding-top:48px;padding-bottom:56px}
.ft-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.ft-name .logo-t{font-size:44px}
.ft-name .seal{position:static;font-size:64px;margin:0;width:.5em;height:.5em}
.ft-name .fx{font-weight:700;color:var(--mute)}
.ft-lines{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;color:var(--cream2);font-size:15px}
.ft-lines .tl{font-size:16px}
.ft-credit{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.ft-copy{margin-top:4px;font-size:13px;color:var(--mute)}

/* ── 움직임: 기본은 보이게, 화면에 들어오면 한 번 ── */
.rv.in{animation:up .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.steam{display:none}}

/* ── 반응형 ── */
@media (max-width:1279px){
  .gn{padding:10px 9px;font-size:15px}
  .hd-in{gap:16px}
}
@media (max-width:1099px){
  .gnb{display:none}
  .burger{display:flex}
  .intro-top,.menu-head{grid-template-columns:1fr}
  .intro-p{grid-column:1;grid-row:auto}
  .m-top{grid-template-columns:1fr}
  .m-rice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .m-rice .m-ph{aspect-ratio:auto;height:100%}
  .m-pair{grid-template-columns:1fr}
  .group-in,.info-in,.loc-in{grid-template-columns:1fr}
  .group-ph{max-width:620px}
}
@media (max-width:860px){
  :root{--hd:60px}
  .wrap{padding:0 20px}
  .hd-in{padding:0 16px;gap:10px}
  .logo{flex:0 1 auto;min-width:0}
  .logo-t{font-size:32px;min-width:0}
  .logo-jar{width:26px;height:26px}
  .lang-cur{display:inline-flex;align-items:center;gap:5px;height:44px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:none;cursor:pointer;font-size:14px;font-weight:700}
  .lang-cur .ic{width:17px;height:17px}
  .lang-list{display:none;position:absolute;right:0;top:calc(100% + 6px);flex-direction:column;background:var(--ink3);border-color:var(--line);min-width:120px;z-index:120;padding:6px}
  .lang.open .lang-list{display:flex}
  .lang-list button{height:44px;text-align:left;font-size:15px}
  .hd-call{width:44px;height:44px;padding:0;justify-content:center}
  .hd-call span{display:none}
  .hero{display:block;min-height:0}
  .hero-ph{position:relative;width:100%;height:min(34vh,400px)}
  .hero-ph::before{background:linear-gradient(0deg,var(--ink) 0%,rgba(14,11,10,.55) 30%,rgba(14,11,10,0) 60%)}
  .hero-ph figcaption{top:12px;bottom:auto;right:14px;max-width:calc(100% - 28px);font-size:12px;color:var(--cream);padding:4px 9px;border-radius:3px;background:rgba(14,11,10,.62);text-shadow:0 1px 2px rgba(0,0,0,.6)}
  .hero-in{margin-top:-84px;padding-top:0;padding-bottom:34px}
  .badge{font-size:13px;padding:5px 12px 5px 10px}
  .hero-h{margin-top:14px}
  .hero-h .hx{font-size:clamp(56px,17vw,92px)}
  .hero-sub{margin-top:8px;font-size:21px}
  html:not([data-lang=ko]) .hero-sub{font-size:17px}
  .hero-lead{font-size:14.5px;line-height:1.55;margin-top:8px}
  .sigline{margin:14px 0 12px;padding:10px 0;gap:4px 10px}
  .sig-name{font-size:16px}
  .sig-pr{font-size:26px}
  .cta-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .cta-hero .btn-red{grid-column:1 / -1}
  .cta-hero .cta-dir{display:contents}
  .cta-hero .btn:not(.btn-red){min-height:46px;padding:0 6px;font-size:14px;gap:5px}
  .cta-hero .btn:not(.btn-red) .ic{width:16px;height:16px}
  html[data-lang=en] .cta-hero .btn:not(.btn-red){font-size:13px;white-space:normal;line-height:1.15;text-align:center}
  .hero-hours{margin-top:12px;font-size:13px}
  .intro,.menu,.group,.info,.loc,.photos,.voice{padding:76px 0}
  .intro-p{font-size:17px}
  .steps{grid-template-columns:1fr;margin-top:44px}
  .step,.step+.step{padding:28px 0 20px;border-left:0}
  .step+.step::before{left:0}
  .step-n{right:0;font-size:52px}
  .tiles{grid-template-columns:1fr;margin-top:40px}
  .m-sig{padding:30px 22px 28px}
  .m-rice{display:flex}
  .m-rice .m-ph{aspect-ratio:16/10;height:auto}
  .m-cards{grid-template-columns:1fr}
  .board{padding:28px 20px 24px;margin-top:48px}
  .board-cols{grid-template-columns:1fr;gap:8px}
  .noodle{padding:30px 22px;grid-template-columns:minmax(0,1fr) 44px;column-gap:16px}
  .noodle>*{grid-column:1 / -1}
  .noodle>.noodle-head{grid-column:1;grid-row:1}
  .n-sign{grid-column:2;grid-row:1}
  .noodle-head{grid-template-columns:1fr}
  .n-list{gap:8px}
  .n-list li{padding:12px}
  .n-list h5{font-size:16px}
  .n-list p{font-size:13px}
  .how{padding:28px 22px}
  .pnote{text-align:left}
  .gal{grid-template-columns:1fr 1fr;gap:8px}
  .g-wide{grid-column:1 / -1;aspect-ratio:3/2}
  .g figcaption{padding:30px 12px 10px;font-size:14px}
  .kws{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}
  .kw{font-size:16px}
  .vt{font-size:22px}
  .gnums{gap:36px}
  .group-ph{grid-template-rows:repeat(12,minmax(0,22px))}
  .h-time{font-size:clamp(40px,13vw,80px)}
  .amen li{flex-direction:column;gap:8px;padding:14px;font-size:15px}
  .lfacts dd{font-size:16px}
  .lphotos{grid-template-columns:1fr 1fr}
  .loc-in{grid-template-columns:minmax(0,1fr)}
  .lbtns .btn{width:100%;white-space:normal;text-align:center;line-height:1.3}
  .ml{font-size:12px}
  .map-pin b{font-size:24px}
  .ft-cta{padding:44px 0}
  .ft-cta-in .cta{width:100%}
  .ft-cta-in .cta .btn{flex:1 1 auto}
  .ft-name .logo-t{font-size:38px}
}
@media (max-width:480px){
  .nw{white-space:normal}
  html:not([data-lang=ko]) .n-list{grid-template-columns:1fr}
}
@media (max-width:400px){
  .wrap{padding:0 16px}
  .hd-in{gap:6px;padding:0 12px}
  .logo-jar{display:none}
  .logo-t{font-size:29px}
  .lang-cur{padding:0 7px}
  html:not([data-lang=ko]) .hero-sub{font-size:16px}
  .hero-ph{height:min(31vh,400px)}
  .hero-in{margin-top:-90px}
  .cta-ft .cta-dir{width:100%}
  .cta-ft .cta-dir .btn{flex:1}
}
@media (max-width:340px){
  .logo-t{font-size:26px}
  .lang-cur .ic{display:none}
  .cta .btn{white-space:normal;text-align:center;line-height:1.2;padding:0 10px;min-width:0}
}
@media (min-width:861px) and (max-height:760px){
  .hero-h{margin-top:14px}
  .hero-sub{margin-top:8px}
  .hero-lead{display:none}
  .sigline{margin:16px 0 14px;padding:10px 0}
  .hero-in{padding-top:24px;padding-bottom:30px}
}