/* 칼잡이남자 v6 — 모던 정육 식당: 차콜 검정 × 붉은 육색(간판 빨강) · 굵은 고딕(Pretendard 900) + 얇은 명조(Noto Serif 200) */
:root{
  --ink:#121110;--char:#171514;--deep:#0e0d0c;--card:#1f1c1b;--card2:#211e1c;
  --paper:#f3eee8;--soft:#ddd5cc;--mute:#b3aaa1;--line:rgba(243,238,232,.14);--line2:rgba(243,238,232,.3);
  --red:#d7082f;--red-hi:#ef1f45;--fat:#fbdcd4;--tile:#efebe6;--tink:#5d554e;
  --hd:72px;--wrap:1344px;
  --ko-sans:'Pretendard Variable','Pretendard',-apple-system,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;
  --ko-serif:'Noto Serif KR','Nanum Myeongjo',serif;
  --sans:var(--ko-sans);--serif:var(--ko-serif);
}
html[data-lang=zh]{--sans:'Noto Sans SC','Pretendard Variable','Pretendard',sans-serif;--serif:'Noto Serif SC','Noto Serif KR',serif}
html[data-lang=ja]{--sans:'Noto Sans JP','Pretendard Variable','Pretendard',sans-serif;--serif:'Noto Serif JP','Noto Serif KR',serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 8px);-webkit-text-size-adjust:100%;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.7 var(--sans);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}
figcaption{text-wrap:balance}
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:2px solid var(--fat);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}
.kn{word-break:keep-all;font-family:var(--ko-sans)}
.fx .kn{display:inline-block;margin-left:.45em;font-weight:600;font-size:max(12px,.6em);line-height:1.2;letter-spacing:0;color:var(--mute);vertical-align:.12em}

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

/* ── 아이콘 · 버튼(정육점 진열 라벨: 각진 면 + 가는 선) ── */
.ic{width:20px;height:20px;flex:none}
.bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;font:700 16px/1.2 var(--sans);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}
.bt-call{background:var(--red);color:#fff}
.bt-call:hover{background:var(--red-hi)}
.bt-num{font:800 18px/1 var(--ko-sans);letter-spacing:.02em;padding-left:12px;border-left:1px solid rgba(255,255,255,.45)}
.bt-book{background:var(--paper);color:var(--ink)}
.bt-book:hover{background:#fff}
.bt-map{min-height:44px;padding:0 16px;font-size:15px;font-weight:600;color:var(--paper);border-color:var(--line2);background:transparent}
.bt-map:hover{border-color:var(--paper)}
.cta{display:flex;flex-direction:column;gap:14px}
.cta-main{display:flex;flex-wrap:wrap;gap:10px}
.cta-dir{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.cta-dl{font:600 13px/1 var(--sans);color:var(--mute);letter-spacing:.1em;margin-right:4px}

/* ── 머리 ── */
.hd{position:sticky;top:0;z-index:100;height:var(--hd);background:var(--ink);border-bottom:1px solid transparent;transition:border-color .25s}
.hd.is-scrolled{border-bottom-color:var(--line)}
.hd-in{max-width:var(--wrap);height:100%;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:22px}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;flex:none;margin-right:auto}
.logo-seal{width:34px;height:34px;flex:none}
.logo-t{font:900 24px/1 var(--ko-sans);letter-spacing:-.03em;color:var(--paper);white-space:nowrap}
.logo-t b{font:600 .96em/1 var(--ko-serif);color:var(--red);margin-left:.16em;letter-spacing:.02em}
.gnb{flex:none}
.gnb ul{display:flex;gap:2px}
.gn{position:relative;display:flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;font-weight:600;font-size:15px;color:var(--mute);white-space:nowrap;transition:color .15s}
.gn .tv{display:inline-block}
.gn:hover,.gn.on{color:var(--paper)}
.gn.on::after{content:'';position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--red)}
.lang{position:relative;flex:none}
.lang-cur{display:none;align-items:center;gap:6px;min-height:44px;padding:0 10px;background:none;border:1px solid var(--line2);cursor:pointer;font-weight:700;font-size:14px}
.lang-cur .ic{width:18px;height:18px}
.lang-list{display:flex;border:1px solid var(--line2)}
.lang-list button{min-height:40px;min-width:44px;padding:0 10px;background:none;border:0;color:var(--mute);font:600 13px/1 var(--ko-sans);cursor:pointer}
.lang-list button[lang=zh-Hans]{font-family:'Noto Sans SC',var(--ko-sans)}
.lang-list button[lang=ja]{font-family:'Noto Sans JP',var(--ko-sans)}
.lang-list button:hover{color:var(--paper)}
.lang-list button[aria-pressed=true]{background:var(--paper);color:var(--ink)}
.hd-call{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;background:var(--red);color:#fff;font:800 15px/1 var(--ko-sans);letter-spacing:.02em;text-decoration:none;flex:none}
.hd-call:hover{background:var(--red-hi)}
.hd-call .ic{width:18px;height:18px}
.burger{display:none;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--line2);background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{display:block;width:20px;height:2px;background:var(--paper);transition:transform .2s,opacity .2s}
.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:inline-flex}
.mnav{position:fixed;left:0;right:0;top:var(--hd);bottom:0;z-index:99;background:var(--ink);overflow:auto;padding:8px 24px 32px;border-top:1px solid var(--line)}
.mnav[hidden]{display:none}
.mnav ul{margin-bottom:28px}
.mnav li a{display:flex;align-items:center;min-height:56px;font:800 22px/1.25 var(--sans);text-decoration:none;border-bottom:1px solid var(--line)}
.mnav .cta-main{display:grid;grid-template-columns:1fr}
.mnav .bt{width:100%}
.mnav .cta-dir .bt{flex:1}
body.menu-open{overflow:hidden}
@media (max-width:1279px){
  .lang-cur{display:inline-flex}
  .lang-list{display:none;position:absolute;right:0;top:calc(100% + 8px);flex-direction:column;min-width:150px;background:#1d1b1a;border-color:var(--line2);box-shadow:0 16px 36px rgba(0,0,0,.45);z-index:5}
  .lang.open .lang-list{display:flex}
  .lang-list button{min-height:46px;text-align:left;padding:0 16px;font-size:15px}
}

/* ── 첫 화면: 왼쪽 글 · 오른쪽 숙성삼겹살 접사(세로 사진 — 키우지 않게 46% 폭) ── */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46%);min-height:max(560px,calc(100svh - var(--hd)));background:var(--ink)}
.hero-copy{display:flex;align-items:center;padding:clamp(24px,5vh,64px) clamp(28px,4vw,64px) clamp(24px,5vh,64px) max(32px,calc((100vw - var(--wrap)) / 2 + 32px));
  background:radial-gradient(120% 80% at 0% 100%,rgba(215,8,47,.10),transparent 60%),var(--ink)}
.hero-in{width:100%;max-width:720px;container-type:inline-size}
.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(215,8,47,.75);color:var(--fat);font-weight:600;font-size:14px;line-height:1.35}
.badge::before{content:'';width:8px;height:8px;background:var(--red);flex:none}
.hero-kick{margin-top:clamp(14px,2.4vh,24px);display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--mute);font-size:14px;font-weight:600;letter-spacing:.12em}
.hero-kick>span+span::before{content:'';display:inline-block;width:28px;height:1px;margin-right:12px;background:var(--line2);vertical-align:middle}  /* 줄이 바뀌면 선도 함께 내려간다 */
.hh{margin-top:clamp(10px,2vh,20px);color:var(--paper);font-size:min(25cqi,16vh,190px);line-height:.96}
.hh .hh-a,.hh .hh-b{display:block}
.hh-a{font-family:var(--serif);font-weight:200;letter-spacing:-.02em}
.hh-b{font-family:var(--sans);font-weight:900;letter-spacing:-.045em;margin-top:.12em}
html[data-lang=en] .hh{font-size:min(14.5cqi,13vh,124px);line-height:1}
html[data-lang=en] .hh-a{font-style:italic}
html[data-lang=en] .hh-b{letter-spacing:-.035em}
html[data-lang=zh] .hh{font-size:min(23cqi,15vh,176px)}
html[data-lang=ja] .hh{font-size:min(12.6cqi,11vh,104px);line-height:1.05}
html[data-lang=ja] .hh-b{letter-spacing:-.06em}
.hh-k{display:block;margin-top:14px;font-size:16px;line-height:1.3}
.hh-k .kn{margin:0;font-size:16px;color:var(--mute)}
.hero-lead{margin-top:clamp(14px,2.6vh,26px);font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:var(--soft);max-width:30em}
.cta-hero{margin-top:clamp(18px,3.4vh,34px)}
.hero-hours{margin-top:clamp(14px,2.6vh,24px);display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mute)}
.hero-hours::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--red);flex:none}
.hero-ph{position:relative;overflow:hidden;background:#000}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero-ph::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--red);z-index:2}
.ptag{position:absolute;left:38px;bottom:34px;z-index:2;min-width:230px;max-width:calc(100% - 76px);background:var(--paper);color:var(--ink);padding:14px 18px 14px 16px;border-left:6px solid var(--red);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.ptag-m{font:700 12px/1 var(--sans);letter-spacing:.14em;color:var(--red)}
.ptag-n{margin-top:7px;font:800 22px/1.2 var(--sans);letter-spacing:-.02em}
.ptag-n .kn{display:block;margin:3px 0 0;font-size:13px;color:#6a615a;vertical-align:0}
.ptag-p{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(18,17,16,.32)}
.ptag-u{font:500 14px/1 var(--sans);color:#5d554e}
.ptag-p b{font:800 24px/1 var(--ko-sans);white-space:nowrap}
.ptag-p b small{font-size:max(12px,.56em);font-weight:700;margin-left:2px}
.ptag-p .won{color:#6a615a;margin-right:1px}

/* ── 공통 섹션 머리 ── */
.kick{display:flex;align-items:center;gap:12px;font:600 14px/1.3 var(--sans);letter-spacing:.12em;color:var(--fat)}
.kick-bar{width:28px;height:2px;background:var(--red);flex:none}
.h2{margin-top:18px;font:800 clamp(34px,4.2vw,58px)/1.1 var(--sans);letter-spacing:-.03em;color:var(--paper);text-wrap:balance}
.h2-a{font-family:var(--serif);font-weight:200;letter-spacing:-.02em}
.h2-b{font-weight:900}

/* ── 숙성 한돈 구이: 머리 + 값 카드 + 사진 상자(bento) ── */
.sg{background:var(--char);padding:clamp(80px,9vw,132px) 0}
.sg-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:36px 72px;align-items:end}
.sg-head .h2{font-size:clamp(44px,5.6vw,84px);line-height:1.02}
html[data-lang=en] .sg-head .h2{font-size:clamp(38px,4.4vw,64px)}
.sg-head .h2-a{display:block;margin:0}
html[data-lang=ko] .sg-head .h2-a,html[data-lang=zh] .sg-head .h2-a,html[data-lang=ja] .sg-head .h2-a{display:inline}
.sg-lead{margin-top:24px;font-size:18px;line-height:1.65;color:var(--soft);max-width:30em}
.sg-pick{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--red);padding:8px 26px 10px}
.sg-pick .mi-n{font-size:22px}
.sg-pick .mi-pr b{font-size:24px}
html[data-lang=ja] .sg-pick .mi-n{flex-basis:100%}   /* JA: 이름 줄 + 점선·값 줄 */
html[data-lang=ja] .sg-pick .mn .nw{display:none}   /* （豚バラ）는 첫 화면 카드와 설명 줄에 있다 — 여기선 이름이 한 줄에 들게 */
html[data-lang=ja] .sg-pick .mi-u{margin-left:0}
.sg-more{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding-top:4px;border-top:1px solid var(--line);color:var(--fat);text-decoration:none;font-weight:700;font-size:15px;line-height:1.35}
.sg-more:hover{color:#fff}
.card{background:var(--card);border:1px solid var(--line);padding:26px 28px 22px}
.card-h{display:flex;align-items:baseline;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:2px solid var(--paper)}
.card-h h3{font:800 20px/1.3 var(--sans);letter-spacing:-.01em}
.card-u{font:600 13px/1.3 var(--sans);color:var(--fat);letter-spacing:.06em;white-space:nowrap}
.mlist>.mi{padding:14px 0;border-bottom:1px solid var(--line)}
.mlist>.mi:last-child{border-bottom:0;padding-bottom:4px}
.mi-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.mi-n{flex:0 1 auto;font:700 17px/1.4 var(--sans);color:var(--paper)}
.mi-n .mk{display:block;margin-top:2px;font-weight:600;font-size:13px;line-height:1.3;color:var(--mute)}
.mi-u{margin-left:6px;font:600 13px/1 var(--sans);color:var(--fat);white-space:nowrap}
.mi-sig{display:inline-block;vertical-align:.14em;margin-right:8px;padding:4px 7px;background:var(--red);color:#fff;font:700 12px/1 var(--sans);letter-spacing:.04em}
.mi-on .mi-n{color:var(--fat)}
.mi-pr{flex:1 0 auto;display:flex;align-items:baseline;gap:10px;min-width:110px}
.dots{flex:1;min-width:16px;border-bottom:1px dotted rgba(243,238,232,.32);transform:translateY(-4px)}
.mi-pr b{font:800 18px/1 var(--ko-sans);white-space:nowrap;color:var(--paper)}
.mi-pr b small{font-size:max(12px,.66em);font-weight:700;margin-left:2px;color:var(--mute)}
.won{color:var(--mute);margin-right:1px}
.mi-d{margin-top:6px;font-size:14px;line-height:1.55;color:var(--mute)}
html[data-lang=ko] .mi-d{display:none}
.bento{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:clamp(170px,15vw,230px) clamp(170px,15vw,230px) minmax(clamp(210px,19vw,290px),auto);gap:10px}   /* 셋째 줄은 붉은 리뷰 카드 글만큼 자란다 */
.bx{position:relative;margin:0;overflow:hidden;background:#000}
.bx img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}   /* 사진은 줄 높이를 키우지 않는다 */
.bx figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.74));font-size:13px;line-height:1.4;color:var(--paper)}
.bx-plate{grid-column:1;grid-row:1/3}
.bx-grill{grid-column:2/4;grid-row:1/3}
.bx-grilled{grid-column:4;grid-row:1/3}
.bx-ssam{grid-column:1;grid-row:3}
.bx-ssam img{object-position:50% 46%}
.bx-table{grid-column:2/4;grid-row:3}
.bx-kw{grid-column:4;grid-row:3;background:var(--red);color:#fff;padding:20px 22px;display:flex;flex-direction:column}
.kwt-l{font:600 12px/1.35 var(--sans);letter-spacing:.04em}
.kwt-k{margin-top:auto;font:900 clamp(21px,2.6vw,26px)/1.15 var(--sans);letter-spacing:-.02em}   /* 768 폭 4칸 카드에서 JA 焼いてくれる 가 한 줄에 */
html[data-lang=en] .kwt-k{font-size:clamp(19px,2.3vw,23px)}
.kwt-k .kn{display:block;margin:4px 0 0;font-size:13px;color:rgba(255,255,255,.88);vertical-align:0}
.kwt-n{margin-top:4px;font:500 14px/1 var(--sans)}
.kwt-n b{font:200 54px/1 var(--ko-serif);margin-right:4px;vertical-align:-6px}
.kwt-2{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.4);font-size:14px;line-height:1.35}
.kwt-2 b{font-weight:800;margin:0 1px 0 2px}
.kwt-b{margin-top:6px;font-size:12px;line-height:1.35;color:rgba(255,255,255,.9)}

/* ── 차림표 ── */
.carte{background:var(--ink);padding:clamp(80px,9vw,132px) 0;border-top:1px solid var(--line)}  /* .mn = 외국어 메뉴 이름 span — 섹션에 쓰지 않는다 */
.mn-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px 48px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.mn-head .h2{margin-top:0}
.mn-note{max-width:440px;font-size:14px;color:var(--mute)}
.card-pork{margin-top:40px;border-top:4px solid var(--red)}
.card-pork .mlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
.mn-grid{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.mn-col{display:grid;gap:24px}
.card-ph{position:relative;margin:-26px -28px 22px;aspect-ratio:16/10;overflow:hidden;background:#000}
.card-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card-ph figcaption,.duo figcaption{position:absolute;left:12px;bottom:12px;padding:5px 9px;background:rgba(18,17,16,.82);font-size:13px;line-height:1.3;color:var(--paper)}
@media (min-width:1024px){   /* 왼쪽(한우·육회) 열이 식사 카드 높이에 맞게 — 한우 사진이 남는 높이를 채운다 */
  .mn-grid{align-items:stretch}
  .mn-col{grid-template-rows:1fr auto}
  .mn-col>.card:first-child{display:flex;flex-direction:column}
  .mn-col .card-ph{flex:1 0 auto}
}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:-26px -28px 22px}
.duo figure{position:relative;aspect-ratio:4/5;overflow:hidden;background:#000}
.duo img{width:100%;height:100%;object-fit:cover}

/* ── 리뷰 키워드(흰 타일 벽) ── */
.rvw{background-color:var(--tile);color:var(--ink);padding:clamp(80px,9vw,128px) 0;
  background-image:linear-gradient(rgba(18,17,16,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(18,17,16,.055) 1px,transparent 1px);background-size:64px 32px}
.rvw .kick{color:var(--red)}
.rvw .h2{color:var(--ink)}
.rvw-in{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:44px 80px;align-items:start}
.rvw-basis{margin-top:12px;color:var(--tink);font-size:15px}
.kt{margin-top:36px;background:var(--ink);color:var(--paper);padding:26px 26px 24px}
.kt-l{display:flex;align-items:center;gap:10px;font:600 13px/1.3 var(--sans);color:var(--mute)}
.kt-l .kr-n{color:var(--fat)}
.kt-k{margin-top:16px;font:900 34px/1.15 var(--sans);letter-spacing:-.02em}
.kt-k .kn{display:block;margin:6px 0 0;font-size:14px;vertical-align:0}
.kt-v{margin-top:14px;font:500 15px/1 var(--sans);color:var(--mute)}
.kt-v b{font:200 80px/1 var(--ko-serif);color:var(--fat);margin-right:6px;vertical-align:-12px}
.krs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}
.kr{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"n k v" "n bar bar";align-items:center;gap:8px 12px;padding:16px 0;border-bottom:1px solid rgba(18,17,16,.16)}
.kr-n{grid-area:n;align-self:start;padding-top:2px;font:300 18px/1 var(--ko-serif);color:#857b72}
.kr-k{grid-area:k;font:700 17px/1.35 var(--sans)}
.kr-k .kn{display:block;margin:2px 0 0;font-size:13px;color:#6b625a;vertical-align:0}
.kr-v{grid-area:v;font:800 20px/1 var(--ko-sans);white-space:nowrap}
.kr-v small{font-size:max(12px,.64em);font-weight:600;margin-left:2px;color:var(--tink)}
.kr-bar{grid-area:bar;position:relative;height:4px;background:rgba(18,17,16,.1)}
.kr-bar i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--s) * 100%);background:var(--ink)}
.kr-hi .kr-k{color:var(--red)}
.kr-hi .kr-bar i{background:var(--red)}

/* ── 칼잡이 이야기: 밤의 간판 띠 + 경력 ── */
.st{background:var(--deep);padding:clamp(80px,9vw,132px) 0}
.st-sign{position:relative;overflow:hidden;background:#000;border-bottom:4px solid var(--red)}
.st-sign img{width:100%;aspect-ratio:1227/490;object-fit:cover}
.st-sign figcaption{position:absolute;left:14px;bottom:12px;padding:5px 9px;background:rgba(14,13,12,.82);font-size:13px;line-height:1.3;color:var(--paper)}
.st-since{position:absolute;right:16px;bottom:12px;padding:5px 10px;background:rgba(14,13,12,.82);font:300 13px/1.3 var(--ko-serif);letter-spacing:.3em;color:var(--paper)}
.st-in{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px 80px;align-items:end}
.st-h{font-size:clamp(34px,4.2vw,62px);line-height:1.1}
.st-a{display:block;font:700 .42em/1.4 var(--sans);letter-spacing:-.01em;color:var(--soft)}
.st-b{display:block;margin-top:.06em;font:200 1.7em/1 var(--serif);letter-spacing:-.03em;color:var(--paper)}
html[data-lang=en] .st-b{font-size:1.3em;font-style:italic}
.st-p{display:grid;gap:10px;font-size:18px;line-height:1.7;color:var(--soft)}
.st-logo{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.st-logo .logo-t{font-size:28px}
.st-rom{font-size:14px;color:var(--mute);letter-spacing:.08em}

/* ── 자리·시간 ── */
.vs{background:var(--char);padding:clamp(80px,9vw,132px) 0}
.vs-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:48px 72px;align-items:start}
.vs-lead{margin-top:20px;font-size:18px;line-height:1.65;color:var(--soft);max-width:30em}
.amen{margin-top:30px;padding-top:26px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px}
.amen li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--soft)}
.amen .ic{color:var(--fat);margin-top:1px}
.amen li.no .ic{color:var(--red)}
.clock{background:var(--card2);border:1px solid var(--line);padding:26px 28px 24px}
.clock-h{font:600 13px/1.3 var(--sans);letter-spacing:.12em;color:var(--fat)}
.clock-main{margin-top:10px;font:500 16px/1.3 var(--sans);color:var(--mute)}
.clock-main b{display:block;margin-top:4px;font:200 clamp(40px,4vw,56px)/1.05 var(--ko-serif);color:var(--paper);letter-spacing:-.01em}
.clock-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:18px}
.clock-days li{display:flex;align-items:center;justify-content:center;min-height:36px;font:700 14px/1 var(--sans);background:var(--paper);color:var(--ink)}
.clock-days li.off{background:transparent;color:#ff6b84;box-shadow:inset 0 0 0 1px var(--red)}
.clock-bar{position:relative;height:54px;margin:22px 10px 0}
.cb-open{position:absolute;top:8px;height:12px;background:var(--red)}
.cb-lo{position:absolute;top:2px;width:2px;height:24px;background:var(--paper)}
.cb-ax{position:absolute;left:0;right:0;top:30px;border-top:1px solid var(--line2)}
.cb-ax span{position:absolute;top:6px;transform:translateX(-50%);font:500 12px/1 var(--ko-sans);color:var(--mute)}
.clock-lo{margin-top:6px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--soft)}
.clock-lo i{width:2px;height:14px;background:var(--paper);flex:none}
.clock-off{margin-top:6px;font-size:14px;color:#ff8fa1}
.clock-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--mute)}
.hall{grid-column:1/-1;margin-top:-24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 112px;gap:8px;align-items:start}
.hall figure{margin:0}
.hall img{width:100%;height:150px;object-fit:cover}
.hall figcaption{margin-top:6px;font-size:12px;line-height:1.35;color:var(--mute)}

/* ── 찾아오기 ── */
.lc{background:var(--ink);padding:clamp(80px,9vw,132px) 0}
.lc-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:48px 64px;align-items:center}
.lf{margin-top:26px}
.lf>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.lf dt{padding-top:3px;font:600 13px/1.4 var(--sans);letter-spacing:.08em;color:var(--fat)}
.lf dd{margin:0;font-size:16px;line-height:1.6;color:var(--soft)}
.addr-ko{margin-top:10px;padding:10px 12px;background:var(--card2);border-left:3px solid var(--red)}
.addr-ko small{display:block;font-size:12px;line-height:1.4;color:var(--mute)}
.addr-ko span{font:700 16px/1.5 var(--ko-sans);color:var(--paper);word-break:keep-all}
.tl{display:inline-flex;align-items:center;min-height:40px;color:var(--paper);font:800 17px/1 var(--ko-sans);letter-spacing:.02em;text-decoration:none}
.tl:hover{color:var(--fat)}
.lf .tl,.ft-lines .tl{min-height:44px;margin:-8px 0}
.map figcaption{margin-top:8px;font-size:12px;line-height:1.4;color:var(--mute)}
.map-box{position:relative;overflow:hidden;border:1px solid var(--line);background:#1b1918}
.map-box img{width:100%;height:100%;object-fit:cover}
.ml{position:absolute;transform:translate(-50%,-50%) rotate(var(--a,0deg));font:600 12px/1 var(--sans);color:#cfc6bc;white-space:nowrap;text-shadow:0 0 3px #1b1918,0 0 3px #1b1918,0 0 3px #1b1918}
.ml-road{color:#ff9aac;font-weight:800}
.ml-park{color:#a9c0a3}
.map-pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:6px}
.map-pin b{background:var(--red);color:#fff;font:800 14px/1 var(--ko-sans);padding:7px 11px;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.map-pin i{width:16px;height:16px;margin-bottom:-8px;border-radius:50%;background:var(--red);border:3px solid #fff}

/* ── 맨 아래 ── */
.ft{background:#0b0a0a;color:var(--paper)}
.ft-cta{background:var(--char);border-top:4px solid var(--red)}
.ft-cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px;padding-top:56px;padding-bottom:56px}
.ft-l{font:600 14px/1.3 var(--sans);letter-spacing:.1em;color:var(--fat)}
.ft-tel{display:inline-block;margin-top:8px;font:200 clamp(44px,6vw,84px)/1 var(--ko-serif);color:var(--paper);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.ft-tel:hover{color:var(--fat)}
.ft-info{display:grid;gap:14px;padding-top:44px;padding-bottom:56px}
.ft-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ft-name .logo-t{font-size:26px}
.ft-rom{font-size:14px;color:var(--mute)}
.ft-lines{display:grid;gap:4px;font-size:14px;color:var(--mute)}
.ft-lines .tl{font-size:15px}
.ft-credit{font-size:13px;color:#958c83}
.ft-copy{font-size:12px;color:#958c83}

/* ── 움직임(기본은 보이는 상태 — 위치만 옮겨 들어온다) ── */
html.js .rv.in{animation:up .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes up{from{transform:translateY(22px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js .rv.in{animation:none}}

/* ── 반응형 ── */
@media (max-width:1180px){
  .sg-top,.vs-in{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:40px 48px}
  .rvw-in{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:40px 48px}
  .krs{grid-template-columns:1fr}
}
@media (max-width:1100px){
  .bx-kw{padding:16px}
}
@media (max-width:1023px){
  .sg-top,.vs-in,.rvw-in,.lc-in,.mn-grid{grid-template-columns:1fr}
  .st-in{grid-template-columns:1fr;gap:28px}
  .krs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-pork .mlist{grid-template-columns:1fr}
  .vs-side,.hall{max-width:640px}
}
@media (max-width:900px){
  :root{--hd:62px}
  .hd-in{padding:0 16px;gap:10px}
  .gnb{display:none}
  .burger{display:inline-flex}
  .hd-call{width:44px;padding:0;justify-content:center}
  .hd-call span{display:none}
  .logo-t{font-size:22px}
  .logo-seal{width:30px;height:30px}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-ph{order:-1;height:clamp(220px,38svh,440px)}
  .hero-ph::before{width:100%;height:4px;top:auto;bottom:0}
  .hero-copy{padding:20px 16px 34px}
  .hh{font-size:min(15cqi,8.2svh,84px);line-height:1.04}
  .hh .hh-a,.hh .hh-b{display:inline}
  html[data-lang=en] .hh{font-size:min(9.2cqi,6svh,60px)}
  html[data-lang=zh] .hh{font-size:min(15cqi,8.2svh,84px)}
  html[data-lang=ja] .hh{font-size:min(9.6cqi,6svh,62px)}
  .hh-k{margin-top:6px}
  .hh-k .kn{font-size:14px}
  .hero-kick{font-size:13px}
  .ptag{left:16px;bottom:16px;min-width:0;padding:10px 12px 10px 12px;border-left-width:5px}
  .ptag-m{font-size:12px}
  .ptag-n{font-size:17px;margin-top:5px}
  .ptag-n .kn{font-size:12px}
  .ptag-p{margin-top:7px;padding-top:7px}
  .ptag-p b{font-size:19px}
  .ptag-u{font-size:13px}
  .ptag{max-width:min(62vw,calc(100% - 32px))}
  .ptag-n .nw{display:block;font-size:.72em}   /* JA （豚バラ） — 카드가 사진을 덮지 않게 */
}
@media (max-width:900px) and (max-height:780px){
  .hero-ph{height:clamp(200px,33svh,440px)}
  .hero-copy{padding-top:16px}
}
@media (max-width:900px) and (max-height:620px){   /* 320×568 등 — 전화·예약·지도 버튼을 첫 화면 안에 */
  .hero-ph{height:160px}
  .hero-copy{padding-top:12px}
  .hero-kick{display:none}
  .hh{margin-top:8px}
  .hero-lead{margin-top:8px;font-size:15px;line-height:1.5}
  .cta-hero{margin-top:12px;gap:6px}
  .cta-hero .cta-main{gap:6px}
  .cta-hero .bt{min-height:46px}
}
@media (max-width:760px){
  .wrap{padding-left:16px;padding-right:16px}
  .bento{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-flow:dense;gap:6px}
  .bx-plate,.bx-grilled,.bx-ssam{grid-row:auto;aspect-ratio:4/5}
  .bx-plate,.bx-ssam{grid-column:1}
  .bx-grilled,.bx-kw{grid-column:2;grid-row:auto}
  .bx-grill{grid-column:1/3;grid-row:auto;aspect-ratio:5/4}
  .bx-table{grid-column:1/3;grid-row:auto;aspect-ratio:7/4}
  .bx-ssam{align-self:stretch}   /* 리뷰 카드가 더 길면 사진도 같은 높이로 */
  .kwt-k{font-size:21px}
  html[data-lang=en] .kwt-k{font-size:19px}
  .kwt-n b{font-size:44px}
  .card{padding:22px 18px 18px}
  .card-ph,.duo{margin:-22px -18px 20px}
  .krs{grid-template-columns:1fr}
  .st-p{font-size:16px}
  .st-since{display:none}
  .hall{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 84px}
  .hall img{height:110px}
  .ft-cta-in{padding-top:44px;padding-bottom:44px}
  .cta-ft{width:100%}
}
@media (max-width:560px){
  .cta-main{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .cta-main .bt{padding:0 10px;min-height:50px;font-size:15px}
  .cta-hero .bt-num,.cta-m .bt-num{display:none}
  .cta-dir{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .cta-dl{display:none}
  .bt-map{padding:0 10px}
  .cta-ft .cta-main{grid-template-columns:1fr}
  .amen{grid-template-columns:1fr}
  .lf>div{grid-template-columns:72px minmax(0,1fr);gap:12px}
  .mn-head{align-items:flex-start}
  .clock{padding:22px 18px}
  .clock-days li{font-size:13px}
}
@media (max-width:400px){
  .logo-t{font-size:20px}
  .logo{gap:8px}
  .hd-in{gap:8px}
}
@media (max-width:350px){
  .hd .logo-seal,.lang-cur .ic{display:none}
  .lang-cur{padding:0 8px}
}