/* 송백농원 v6 — 밤으로 시작하는 카라반 캠핑장: 짙은 남색 × 전구 노랑 · 손글씨 제목(Nanum Pen Script / Caveat / Long Cang / Klee One) · 본문 Pretendard */
:root{
  --night:#0b1128;--deep:#070b1d;--navy:#111a3a;--navy2:#17224a;--navy3:#1f2c5c;
  --cream:#f6efdc;--mist:#c3cbe2;--mute:#9aa5c6;--line:rgba(246,239,220,.14);--line2:rgba(246,239,220,.32);
  --bulb:#f3d27a;--bulb-hi:#ffe39a;--amber:#d5af80;--wire:#3c4a7e;
  --paper:#f5ecda;--paper2:#ece1c8;--ink:#141c3c;--ink2:#46507a;--frame:#ece6d6;
  --hd:72px;--wrap:1240px;
  --sans:'Pretendard Variable','Pretendard',-apple-system,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;
  --ko-sans:var(--sans);
  --hand:'Caveat','Nanum Pen Script',cursive;--hz:1.22;
}
html[data-lang=en]{--hand:'Caveat','Nanum Pen Script',cursive;--hz:1}
html[data-lang=zh]{--sans:'Noto Sans SC','Pretendard Variable','Pretendard',sans-serif;--hand:'Caveat','Long Cang','Nanum Pen Script',cursive;--hz:.84}
html[data-lang=ja]{--sans:'Noto Sans JP','Pretendard Variable','Pretendard',sans-serif;--hand:'Caveat','Klee One','Nanum Pen Script',cursive;--hz:.76}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 8px);-webkit-text-size-adjust:100%;background:var(--night)}
body{margin:0;background:var(--night);color:var(--cream);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,p,ul,ol,dl,dd,figure,blockquote,table{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(--bulb);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)}
.hw .kn,.hw2 .kn{font-family:'Nanum Pen Script',var(--ko-sans)}

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

/* ── 전구(무늬) ── */
.bulb,.logo-b,.bd-b,.mp-b{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff8dc,var(--bulb) 62%,#d9a94a);box-shadow:0 0 10px 2px rgba(243,210,122,.55)}

/* ── 손글씨 제목 ── */
.hw{font:400 calc(var(--h,64px) * var(--hz))/1.05 var(--hand);letter-spacing:0;color:var(--cream);text-wrap:balance}
html[data-lang=en] .hw{font-weight:700}
html[data-lang=ja] .hw{font-weight:600;letter-spacing:-.02em;line-height:1.2}
html[data-lang=zh] .hw{line-height:1.15}
.hw2{font-family:var(--hand);font-weight:400}
.dg{font:300 .8em/1 var(--ko-sans);letter-spacing:-.01em;margin:0 .08em}
html[data-lang=en] .hw2{font-weight:500}
html[data-lang=ja] .hw2{font-weight:600}
.kick{display:flex;align-items:center;gap:10px;font:700 14px/1.4 var(--sans);letter-spacing:.08em;color:var(--bulb);margin-bottom:14px}
html[data-lang=en] .kick{text-transform:uppercase;letter-spacing:.12em;font-size:13px}

/* ── 아이콘 · 버튼(카라반 창처럼 둥근 네모 + 전구 빛) ── */
.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;border-radius:14px;font:700 16px/1.2 var(--sans);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background .15s,box-shadow .2s,border-color .15s,color .15s}
.bt-call{background:var(--bulb);color:var(--ink);box-shadow:0 0 0 1px rgba(255,227,154,.45),0 0 26px rgba(243,210,122,.38)}
.bt-call:hover{background:var(--bulb-hi);box-shadow:0 0 0 1px rgba(255,227,154,.7),0 0 36px rgba(243,210,122,.55)}
.bt-num{font:800 17px/1 var(--ko-sans);letter-spacing:.01em;padding-left:12px;border-left:1px solid rgba(20,28,60,.28)}
.bt-book{background:var(--cream);color:var(--ink)}
.bt-book:hover{background:#fff}
.bt-map{min-height:46px;padding:0 16px;font-size:15px;font-weight:600;color:var(--cream);border-color:var(--line2);background:rgba(11,17,40,.42)}
.bt-map:hover{border-color:var(--bulb);color:var(--bulb-hi)}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.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(--mist);letter-spacing:.06em;margin-right:2px}

/* ── 머리 ── */
.hd{position:sticky;top:0;z-index:100;height:var(--hd);background:var(--night);border-bottom:1px solid transparent;transition:border-color .25s}
.hd.is-scrolled{border-bottom-color:var(--line)}
.hd-in{max-width:calc(var(--wrap) + 120px);height:100%;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:20px}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;flex:none;margin-right:auto}
.logo-b{width:10px;height:10px}
.logo-w{display:flex;flex-direction:column;line-height:1}
.logo-t{font:400 38px/.9 'Nanum Pen Script',var(--ko-sans);color:var(--cream);white-space:nowrap}
.logo-s{font:700 12px/1.2 var(--ko-sans);letter-spacing:.14em;color:var(--mute);white-space:nowrap;margin-top:2px}
.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(--mist);white-space:nowrap;transition:color .15s}
.gn .tv{display:inline-block}
.gn:hover,.gn.on{color:var(--cream)}
.gn.on::after{content:'';position:absolute;left:50%;bottom:2px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--bulb);box-shadow:0 0 8px 1px rgba(243,210,122,.7)}
.lang{position:relative;flex:none}
.lang-cur{display:none;align-items:center;gap:6px;min-height:44px;padding:0 12px;background:none;border:1px solid var(--line2);border-radius:12px;cursor:pointer;font-weight:700;font-size:14px}
.lang-cur .ic{width:18px;height:18px}
.lang-list{display:flex;gap:2px;padding:3px;border:1px solid var(--line2);border-radius:12px}
.lang-list button{min-height:38px;min-width:44px;padding:0 10px;background:none;border:0;border-radius:9px;color:var(--mist);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(--cream)}
.lang-list button[aria-pressed=true]{background:var(--bulb);color:var(--ink)}
.hd-call{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid rgba(243,210,122,.6);border-radius:12px;color:var(--bulb);font:800 15px/1 var(--ko-sans);letter-spacing:.01em;text-decoration:none;flex:none}
.hd-call:hover{background:rgba(243,210,122,.12)}
.hd-call .ic{width:18px;height:18px}
.burger{display:none;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--line2);border-radius:12px;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(--cream);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(--night);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:700 21px/1.25 var(--sans);text-decoration:none;border-bottom:1px solid var(--line)}
.mnav .cta{flex-direction:column;align-items:stretch}
.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:var(--navy2);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}
}

/* ── 첫 화면: 해 질 녘 전구 줄 ── */
.hero{position:relative;height:calc(100svh - var(--hd));min-height:460px;max-height:960px;overflow:hidden;background:var(--night);isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-3}
.hero-bg img{width:100%;height:100%;object-fit:cover;filter:blur(30px) brightness(.5) saturate(1.1);transform:scale(1.12)}
.hero-ph{position:absolute;inset:0;margin:0 auto;max-width:1540px;z-index:-2}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:50% 0%}
@media (min-aspect-ratio:19/10){.hero-img{object-position:50% 22%}}   /* 짧은 노트북: 카라반 창까지 보이게 */
.hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,17,40,.78) 0%,rgba(11,17,40,.42) 24%,rgba(11,17,40,0) 42%,rgba(11,17,40,0) 52%,rgba(11,17,40,.6) 70%,rgba(11,17,40,.9) 84%,rgba(11,17,40,.97) 100%),
             linear-gradient(90deg,rgba(11,17,40,.55),rgba(11,17,40,0) 46%)}
@media (min-width:600px) and (max-aspect-ratio:3/2){   /* 태블릿·4:3 화면: 사진 아래 띠(연주자·스피커)가 화면 높이의 60% 근처로 올라온다 → 어두운 띠도 위로 */
  .hero::after{background:linear-gradient(180deg,rgba(11,17,40,.78) 0%,rgba(11,17,40,.4) 22%,rgba(11,17,40,0) 38%,rgba(11,17,40,.55) 52%,rgba(11,17,40,.9) 64%,rgba(11,17,40,.97) 84%),
               linear-gradient(90deg,rgba(11,17,40,.55),rgba(11,17,40,0) 46%)}
}
@media (min-width:1500px){   /* 넓은 화면: 무대(스피커·연주자, 원본 x 390–800 · y≥595)는 y≈616 위에서 끊고, 사람 없는 오른쪽(x≥840: 카라반·텐트·의자)만 y≈800 까지. 버튼은 아래 남색 띠 */
  .hero{height:min(calc(100svh - var(--hd)),calc(min(100vw,1540px) * .44 + 210px))}
  .hero-ph{bottom:auto;height:calc(min(100vw,1540px) * .58)}   /* = 원본 y 0–812, --mv 끝 74% ≈ y 601 */
  .hero-bg{bottom:auto;height:calc(min(100vw,1540px) * .44)}
  .hero-img,.hero-bg img{object-position:50% 0%}
  .hero-ph{--mv:linear-gradient(180deg,#000 60%,transparent 74%);--mr:linear-gradient(90deg,transparent 60%,#000 67%);--mb:linear-gradient(180deg,#000 84%,transparent 98%);
    -webkit-mask-image:var(--mv),var(--mr),var(--mb);mask-image:var(--mv),var(--mr),var(--mb);-webkit-mask-composite:source-over,source-in;mask-composite:add,intersect}
  .hero-bg{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent)}
}
@media (min-width:1500px) and (min-height:900px){   /* 띠가 생길 만큼 키 큰 화면만: 아래 어둡게 하기를 약하게(오른쪽 카라반이 보이게) */
  .hero::after{background:linear-gradient(180deg,rgba(11,17,40,.78) 0%,rgba(11,17,40,.42) 24%,rgba(11,17,40,0) 42%,rgba(11,17,40,0) 70%,rgba(11,17,40,.45) 100%),
               linear-gradient(90deg,rgba(11,17,40,.55),rgba(11,17,40,0) 46%)}
}
@media (min-width:1541px){   /* 사진 양옆: 흐린 사본은 사진 가장자리 근처만, 바깥은 남색 */
  .hero-ph{--me:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
    -webkit-mask-image:var(--me),var(--mv),var(--mr),var(--mb);mask-image:var(--me),var(--mv),var(--mr),var(--mb);-webkit-mask-composite:source-in,source-over,source-in;mask-composite:intersect,add,intersect}
  .hero-bg{-webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 960px),#000 calc(50% - 720px),#000 calc(50% + 720px),transparent calc(50% + 960px)),linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent calc(50% - 960px),#000 calc(50% - 720px),#000 calc(50% + 720px),transparent calc(50% + 960px)),linear-gradient(180deg,#000 78%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
}
.hero-in{position:relative;height:100%;max-width:var(--wrap);margin:0 auto;padding:clamp(18px,4.6vh,52px) 32px clamp(18px,4vh,40px);display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.hero-copy{max-width:600px;text-shadow:0 2px 18px rgba(11,17,40,.6)}
.badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 12px;border:1px solid rgba(246,239,220,.34);border-radius:999px;background:rgba(11,17,40,.5);font:600 13px/1.35 var(--sans);color:var(--cream);text-shadow:none}
.hero-kind{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:clamp(12px,2vh,18px);font:600 15px/1.5 var(--sans);color:var(--mist);text-shadow:0 1px 10px rgba(11,17,40,.8)}
.hero-h{margin-top:clamp(0px,.6vh,6px);font:400 calc(min(12vw,15.5vh,148px) * var(--hz))/1 var(--hand);color:var(--cream)}
.h1-n{display:block}
html[data-lang=en] .hero-h,html[data-lang=zh] .hero-h,html[data-lang=ja] .hero-h{font-size:min(8.2vw,10.6vh,104px);font-weight:700;font-family:'Caveat','Nanum Pen Script',cursive;line-height:.95}
.h1-k{display:inline-block;margin-top:4px;font:400 .44em/1 'Nanum Pen Script',var(--ko-sans);color:var(--bulb)}
.h1-s{display:inline-flex;align-items:center;gap:8px;padding:3px 11px;border-radius:8px;background:rgba(246,239,220,.12);font:700 14px/1.4 var(--ko-sans);letter-spacing:.12em;color:var(--cream);text-shadow:none;vertical-align:middle}
.h1-s .kn{letter-spacing:0;font-weight:600;color:var(--mist)}
.hero-tag{text-wrap:balance;margin-top:clamp(10px,2.2vh,22px);font:400 calc(min(4.2vw,5.4vh,46px) * var(--hz))/1.2 var(--hand);color:var(--bulb)}
html[data-lang=en] .hero-tag{font-weight:600}
html[data-lang=ja] .hero-tag{font-weight:600}
.hero-act{display:flex;flex-direction:column;align-items:flex-start}

/* ── 카라반 안(송1호) ── */
.cv{padding:clamp(80px,10vw,132px) 0 clamp(80px,9vw,120px);background:linear-gradient(180deg,var(--night),var(--navy) 30%,var(--navy) 82%,var(--night))}
.cv-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
.cv .hw{--h:clamp(72px,9vw,120px)}
.cv-full{margin-top:6px;font:600 17px/1.5 var(--sans);color:var(--mist)}
.cap{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.cap li{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid var(--line2);border-radius:12px;font:700 16px/1.2 var(--sans)}
.cap .ic{color:var(--bulb)}
.cap .cap-max{background:var(--bulb);border-color:var(--bulb);color:var(--ink)}
.cv-lead{margin-top:26px;font-size:calc(clamp(30px,3.2vw,40px) * var(--hz));line-height:1.2;color:var(--bulb)}
.cv-who{margin-top:12px;font-size:17px;color:var(--mist);max-width:30em}
.cv-book{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.cv-price{font-size:15px;color:var(--mute)}
.ph figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--mute)}
.win img{border:9px solid var(--frame);border-radius:30px;box-shadow:0 24px 60px rgba(0,0,0,.4);background:var(--frame)}
.win-tall img{aspect-ratio:3/4;width:100%;object-fit:cover;object-position:50% 58%}
.cv-wins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(48px,6vw,72px)}
.cv-wins img{aspect-ratio:16/10;width:100%;object-fit:cover}
.cv-bot{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:24px;margin-top:40px;align-items:stretch}
.amen{padding:clamp(26px,3vw,40px);border:1px solid var(--line);border-radius:30px;background:rgba(246,239,220,.04)}
.amen-h{font:700 15px/1.4 var(--sans);letter-spacing:.06em;color:var(--bulb);margin-bottom:18px}
.amen-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.amen-l li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:96px;padding:16px;border-radius:16px;background:rgba(246,239,220,.06);font-size:15px;line-height:1.35}
.amen-l .ic{width:28px;height:28px;color:var(--bulb)}
.opt-h{margin-top:28px}
.opt-l{display:flex;flex-wrap:wrap;gap:8px}
.opt-l li{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid rgba(243,210,122,.5);border-radius:999px;font-size:15px;color:var(--cream)}
.win-dusk{display:flex;flex-direction:column}
.win-dusk img{flex:1 1 auto;height:0;min-height:340px;width:100%;object-fit:cover;object-position:50% 40%}

/* ── 바비큐 · 저녁 ── */
.bq{padding:clamp(80px,9vw,124px) 0;background:var(--night);position:relative}
.bq-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"copy pav" "night night";gap:clamp(28px,4vw,56px) clamp(32px,5vw,72px);align-items:end}
.bq-copy{grid-area:copy;padding-bottom:clamp(0px,2vw,24px)}
.bq .hw{--h:clamp(56px,6.6vw,92px)}
.bq-kw{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 18px;max-width:440px;margin-top:clamp(28px,3vw,40px);padding:22px 24px;border:1px solid var(--line2);border-radius:22px;background:rgba(246,239,220,.05);text-decoration:none;transition:border-color .15s}
.bq-kw:hover{border-color:var(--bulb)}
.bq-kw-l{grid-column:1/-1;font:600 13px/1.4 var(--sans);letter-spacing:.04em;color:var(--mute)}
.bq-kw-k{font:700 22px/1.35 var(--sans);color:var(--cream)}
.bq-kw-v{font:800 40px/1 var(--ko-sans);color:var(--bulb);text-shadow:0 0 22px rgba(243,210,122,.45);white-space:nowrap}
.bq-kw-v small{margin-left:4px;font-size:15px;font-weight:600;color:var(--mute);text-shadow:none}
.bq-kw-m{grid-column:1/-1;display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding-top:12px;border-top:1px dashed var(--line2);font:600 14px/1.4 var(--sans);color:var(--bulb)}
.bq-kw-m .ic{width:16px;height:16px}
.bq-pav{grid-area:pav}
.bq-pav img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 40%;border-radius:30px}
.bq-night{grid-area:night;position:relative}
.bq-night img{width:100%;aspect-ratio:3/1;object-fit:cover;object-position:50% 36%;border-radius:30px}   /* 전구 줄과 카라반 띠 — 사람 무리·현수막은 작게 */
.bq-night figcaption{position:absolute;left:24px;bottom:20px;margin:0;padding:6px 12px;border-radius:10px;background:rgba(11,17,40,.7);color:var(--cream)}

/* ── 브런치 · 새벽에서 낮으로 ── */
.br{position:relative;background:var(--paper);color:var(--ink);padding-bottom:clamp(80px,9vw,120px)}
.dawn{height:clamp(140px,16vw,240px);background:linear-gradient(180deg,var(--night) 0%,#26346a 30%,#6c6a92 55%,#d4a98a 80%,var(--paper) 100%)}
.br-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;margin-top:clamp(-120px,-8vw,-60px)}
.br-ph img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50% 50% 30px 30px/38% 38% 30px 30px;box-shadow:0 30px 60px rgba(20,28,60,.25)}
.br .ph figcaption{color:var(--ink2)}
.br .kick{color:#7a5222}
.br .hw{color:var(--ink)}
.br-copy .hw{--h:clamp(64px,7.4vw,104px);font-family:'Caveat',cursive;font-weight:700;line-height:.95}
.br-q{margin-top:20px;padding:0}
.br-q p{font-size:calc(clamp(30px,3vw,40px) * var(--hz));line-height:1.3;color:var(--ink)}
.br-q footer{margin-top:14px;font:600 15px/1.5 var(--sans);color:var(--ink2)}
.br-q footer::before{content:'— '}
.br-note{margin-top:26px;padding-top:18px;border-top:1px dashed rgba(20,28,60,.25);font-size:15px;color:var(--ink2)}
.br-note .tl{color:var(--ink)}

/* ── 예약 안내 ── */
.bk{padding:clamp(72px,8vw,112px) 0;background:var(--paper);color:var(--ink)}
.bk .kick{color:#7a5222}
.bk .hw{--h:clamp(56px,6vw,84px);color:var(--ink)}
.bk-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,56px);margin-top:36px;align-items:start}
.bk-info{padding:clamp(24px,3vw,36px);border-radius:28px;background:#fbf7ee}
.bk-info h3{font:700 15px/1.4 var(--sans);letter-spacing:.06em;color:#7a5222;margin-bottom:10px}
.tb{width:100%;border-collapse:collapse}
.tb th,.tb td{padding:16px 0;border-bottom:1px dashed rgba(20,28,60,.22);text-align:left;vertical-align:top}
.tb tr:last-child th,.tb tr:last-child td{border-bottom:0}
.tb th{width:9.5em;padding-right:18px;font:700 15px/1.6 var(--sans);color:var(--ink2)}
.tb td{font-size:16px;line-height:1.65}
.bk-links{display:grid;gap:12px}
.bk-links a{display:flex;align-items:center;gap:16px;min-height:76px;padding:16px 20px;border-radius:20px;background:#fbf7ee;text-decoration:none;border:1px solid rgba(20,28,60,.1);transition:border-color .15s,transform .15s}
.bk-links a:hover{border-color:var(--ink);transform:translateY(-1px)}
.bk-links .ic{width:26px;height:26px;color:var(--ink)}
.bk-t{display:flex;flex-direction:column;flex:1;min-width:0}
.bk-t b{font-size:18px;line-height:1.35}
.bk-t span{font-size:14px;color:var(--ink2)}
.bk-links .go{width:20px;height:20px;opacity:.6}
.bk-main a{background:var(--ink);color:var(--cream);border-color:var(--ink);box-shadow:0 18px 40px rgba(20,28,60,.25)}
.bk-main .ic{color:var(--bulb)}
.bk-main .bk-t span{color:var(--mist)}
.bk-main .bk-t b{color:var(--bulb)}

/* ── 리뷰 키워드: 전구 줄(빛의 크기 = 표 수) ── */
.rw{padding:clamp(80px,9vw,124px) 0;background:radial-gradient(120% 70% at 50% 0%,#1a2654 0%,var(--night) 62%)}
/* 바탕이 크림↔남색으로 바뀌는 곳(한국어·외국어 순서 모두) — 띠 끝은 투명이라 아래 바탕과 이어진다 */
.cv,.bq,.rw,.lc,.bk{position:relative;--band:clamp(96px,10vw,150px)}
:is(.br,.bk)+:is(.cv,.bq,.rw,.lc),:is(.cv,.bq,.rw,.lc)+.bk{padding-top:calc(var(--band) + clamp(40px,5vw,72px))}
:is(.br,.bk)+:is(.cv,.bq,.rw,.lc)::before,:is(.cv,.bq,.rw,.lc)+.bk::before{content:'';position:absolute;left:0;right:0;top:0;height:var(--band);pointer-events:none}
:is(.br,.bk)+:is(.cv,.bq,.rw,.lc)::before{background:linear-gradient(180deg,var(--paper),#d4a98a 22%,#6c6a92 48%,rgba(38,52,106,.6) 76%,rgba(38,52,106,0))}
:is(.cv,.bq,.rw,.lc)+.bk::before{background:linear-gradient(180deg,var(--navy),#26346a 24%,#6c6a92 50%,rgba(212,169,138,.6) 76%,rgba(212,169,138,0))}
.rw-head{text-align:center;display:flex;flex-direction:column;align-items:center}
.rw .hw{--h:clamp(56px,6.4vw,92px)}
.rw-basis{margin-top:12px;font-size:15px;color:var(--mute)}
.kbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:34px;margin-top:48px}
.kb{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 10px}
.kb-w{position:relative;display:block;width:calc(100% + 20px);height:96px;margin:0 -10px}
.kb-w::before{content:'';position:absolute;left:0;right:0;top:0;height:34px;border:2px solid var(--wire);border-top:0;border-radius:0 0 50% 50%/0 0 100% 100%}
.kb-b{position:absolute;left:50%;top:34px;width:calc(16px + var(--v) * 16px);height:calc(16px + var(--v) * 16px);transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle at 38% 34%,#fffbe8,var(--bulb) 58%,#d39f3c);
  box-shadow:0 0 calc(6px + var(--v) * 44px) calc(var(--v) * 12px) rgba(243,210,122,calc(.18 + var(--v) * .5))}
.kb-b::before{content:'';position:absolute;left:50%;top:-8px;width:8px;height:9px;margin-left:-4px;border-radius:2px;background:#525e8e}
.kb-k{margin-top:6px;font:600 16px/1.4 var(--sans);color:var(--cream);min-height:2.8em;display:flex;align-items:flex-start;justify-content:center}
.kb-v{margin-top:6px;font:800 28px/1 var(--ko-sans);color:var(--bulb)}
.kb-v small{margin-left:3px;font-size:14px;font-weight:600;color:var(--mute)}
.kb-top .kb-k{font-size:18px;color:#fff}
.kb-top .kb-v{font-size:34px}
@media (prefers-reduced-motion:no-preference){
  .kb-b{animation:flick 4.8s ease-in-out infinite}
  .kb:nth-child(3n) .kb-b{animation-delay:-1.6s}
  .kb:nth-child(3n+1) .kb-b{animation-delay:-3.1s}
}
@keyframes flick{0%,100%{filter:brightness(1)}50%{filter:brightness(.9)}}

/* ── 오시는 길 ── */
.lc{padding:clamp(80px,9vw,120px) 0;background:linear-gradient(180deg,var(--night),var(--navy) 240px)}
.lc-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(32px,5vw,72px);align-items:start}
.lc .hw{--h:clamp(52px,5.4vw,78px)}
.lf{margin-top:28px;display:grid;gap:0}
.lf>div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.lf>div:last-child{border-bottom:1px solid var(--line)}
.lf dt{font:700 14px/1.7 var(--sans);color:var(--bulb);letter-spacing:.04em}
.lf dd{font-size:16px;line-height:1.7}
.addr{font-size:18px;font-weight:600}
.addr-ko{margin-top:8px;padding:10px 14px;border-radius:12px;background:rgba(246,239,220,.07)}
.addr-ko small{display:block;font-size:13px;color:var(--mist);margin-bottom:2px}
.addr-ko span{font-weight:700}
.copy{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding:0 14px;border:1px solid var(--line2);border-radius:12px;background:none;cursor:pointer;font-size:14px;font-weight:600}
.copy .ic{width:18px;height:18px;color:var(--bulb)}
.copy:hover{border-color:var(--bulb)}
.copy-ok{color:var(--bulb)}
.copy-ok:empty{display:none}
.jibun{margin-top:10px;font-size:14px;color:var(--mute)}
.lc-btn{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.near{margin-top:28px;padding:20px 22px;border-radius:20px;background:var(--navy2);border:1px solid var(--line)}
.near-h{font:700 13px/1.4 var(--sans);letter-spacing:.08em;color:var(--mute)}
.near-n{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:19px}
.near-n .ic{color:#9fd18b;width:22px;height:22px}
.near-n b{font-weight:600}
.near-d{margin-top:4px;font-size:15px;color:var(--mist);padding-left:32px}
.lc-side{display:grid;gap:22px}
.map-box{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line)}
.map-box img{width:100%;height:100%}
.map figcaption{margin-top:8px;font-size:12px;color:var(--mute)}
.ml{position:absolute;transform:translate(-50%,-50%);font:600 13px/1.2 var(--sans);color:#aab4d4;white-space:nowrap;text-shadow:0 0 6px var(--night),0 0 3px var(--night)}
.ml-songbaek{color:var(--bulb);transform:translate(12px,-50%)}
.ml-dongbaek{transform:translate(-110%,-50%)}
.ml-baekhyeon{color:#8fa6dc;font-style:italic}
.map-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px}
.mp-b{width:18px;height:18px;box-shadow:0 0 0 4px rgba(243,210,122,.25),0 0 26px 6px rgba(243,210,122,.6)}
.map-pin b{padding:4px 10px;border-radius:8px;background:var(--cream);color:var(--ink);font:400 22px/1 'Nanum Pen Script',var(--ko-sans);white-space:nowrap}
.lc-ph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lc-ph img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 62%;border-radius:22px}

/* ── 맨 아래 ── */
.ft{background:var(--deep);padding:0 0 40px}
.ft-string{position:relative;height:70px;display:grid;grid-template-columns:repeat(14,1fr)}
.ft-string i{position:relative;display:block}
.ft-string i::before{content:'';position:absolute;left:0;right:0;top:0;height:26px;border:2px solid var(--wire);border-top:0;border-radius:0 0 50% 50%/0 0 100% 100%}
.ft-string i::after{content:'';position:absolute;left:50%;top:26px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fffbe8,var(--bulb) 60%,#d39f3c);box-shadow:0 0 18px 4px rgba(243,210,122,.45)}
.ft-cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;padding-top:40px;padding-bottom:56px}
.ft-h{--h:clamp(44px,5vw,72px)}
.ft-cta .cta{justify-content:center}
.ft-info{padding-top:32px;border-top:1px solid var(--line);display:grid;gap:14px}
.ft-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.ft-name .logo-t{font-size:min(40px,11vw)}
.ft-name .logo-s{margin-top:6px}
.ft-rom{font-size:14px;color:var(--mist)}
.ft-lines{display:flex;flex-wrap:wrap;gap:4px 22px;font-size:14px;color:var(--mist)}
.tl{display:inline-block;padding:12px 0;margin:-12px 0;text-decoration:none;font-weight:700;color:var(--cream)}
.ft-credit{font-size:13px;line-height:1.7;color:var(--mute)}

/* ── 움직임(겉모습은 그대로 보이고 위치만 — 스크롤 없는 캡처에서도 보이게) ── */
@media (prefers-reduced-motion:no-preference){
  html.js .rv.in{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes rise{from{transform:translateY(22px)}to{transform:none}}

/* ── 반응형 ── */
@media (max-width:1099px){
  .amen-l{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kbs{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:899px){
  :root{--hd:64px}
  .gnb{display:none}
  .burger{display:inline-flex}
  .hd-in{gap:10px;padding:0 20px}
  .hd-call{padding:0;width:44px;justify-content:center}
  .hd-call span{display:none}
  .wrap{padding-left:20px;padding-right:20px}   /* 줄임꼴 padding 은 .ft-cta 같은 위아래 여백을 지운다 */
  .hero-in{padding-left:20px;padding-right:20px}
  .cv-top,.cv-bot,.bq-in,.br-in,.bk-in,.lc-in{grid-template-columns:minmax(0,1fr)}
  .bq-in{grid-template-areas:"copy" "pav" "night"}
  .win-tall img{aspect-ratio:4/5}
  .cv-wins{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cv-wins .ph:first-child{grid-column:1/-1}
  .win-dusk img{height:auto;min-height:0;aspect-ratio:4/5}
  .bq-night img{aspect-ratio:2/1;object-position:50% 40%}
  .bq-night figcaption{position:static;margin-top:12px;padding:0;background:none;color:var(--mute)}
  .br-in{margin-top:-40px}
  .hero-img{object-position:94% 0%}
}
@media (max-width:599px){
  .logo-t{font-size:34px}
  .hero-copy{max-width:none}
  .hero-h{font-size:calc(min(17vw,10.5vh) * var(--hz))}
  html[data-lang=en] .hero-h,html[data-lang=zh] .hero-h,html[data-lang=ja] .hero-h{font-size:min(13.6vw,8.6vh)}
  .hero-tag{font-size:calc(min(6.4vw,4.2vh) * var(--hz))}
  .hero-act .cta{flex-direction:column;align-items:stretch;gap:10px}
  .hero-act .cta-main{display:grid;grid-template-columns:1fr}
  .hero-act .bt{width:100%}
  .hero-act .cta-dir{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px}
  .hero-act .cta-dir .bt{padding:0 10px}
  .hero::after{background:linear-gradient(180deg,rgba(11,17,40,.8) 0%,rgba(11,17,40,.45) 30%,rgba(11,17,40,0) 44%,rgba(11,17,40,.5) 54%,rgba(11,17,40,.86) 66%,rgba(11,17,40,.97) 82%)}
  .hero-act{align-items:stretch}
  .cv-wins{gap:14px}
  .amen-l{grid-template-columns:repeat(2,minmax(0,1fr))}
  .amen-l li{min-height:84px;padding:14px}
  .kbs{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px;margin-top:36px}
  .kb{padding:0 4px}
  .kb-w{height:70px;width:calc(100% + 8px);margin:0 -4px}
  .kb-w::before{height:26px}
  .kb-b{top:26px;width:calc(12px + var(--v) * 12px);height:calc(12px + var(--v) * 12px)}
  .kb-k,.kb-top .kb-k{font-size:14px}
  .kb-v{font-size:24px}
  .kb-top .kb-v{font-size:28px}
  .kb-v small{font-size:12px}
  .tb th{width:6.4em;padding-right:12px}
  .lf>div{grid-template-columns:1fr;gap:4px}
  .ft-string{grid-template-columns:repeat(7,1fr)}
  .ft-string i:nth-child(n+8){display:none}
  .ft-cta .cta{flex-direction:column;align-items:stretch;width:100%}
  .ft-cta .cta-main{display:grid}
  .ft-cta .cta-dir{justify-content:center}
}
@media (max-width:400px){
  .hd-in{gap:8px;padding:0 14px}
  .logo{flex:0 1 auto;min-width:0;overflow:hidden}   /* 폰에서만(데스크톱 접힘 판단은 로고 폭이 그대로여야 함) */
  .logo-w{min-width:0}
  .logo-t{font-size:min(34px,9.4vw)}
  .lang-cur{padding:0 8px;gap:4px}
}
html[data-lang=ja] :is(.kick,.hw,.hw2){overflow-wrap:anywhere}
@media (max-width:380px){
  .bt{padding:0 16px;font-size:15px}
  .bt-num{font-size:16px}
  .hero-act .cta-dir{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-act .cta-dl{grid-column:1/-1}
}
@media (max-width:599px) and (max-height:640px){   /* 짧은 폰(320×568 등): 전화·예약·지도 버튼이 첫 화면에 들게 — 종류 줄은 맨 아래에도 있다 */
  .hero-kind{display:none}
  .hero-act .cta-dir{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-act .cta-dl{display:none}
}