@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--navy:#071b34;--navy2:#0d2949;--cream:#f4efe5;--paper:#fbf8f1;--gold:#c6a46a;--ink:#142033;--muted:#6f746f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif}.top{height:68px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(7,27,52,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:118px;display:block}.lang{border:1px solid rgba(255,255,255,.35);background:transparent;color:white;border-radius:99px;padding:8px 13px;font-size:11px;letter-spacing:.12em}.hero{height:min(900px,100svh);min-height:680px;position:relative;background:var(--navy);overflow:hidden}.hero-bg{width:100%;height:100%;object-fit:cover;opacity:.46}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,33,.25),rgba(4,17,33,.55) 45%,rgba(4,17,33,.92))}.hero-content{position:absolute;left:7vw;right:7vw;bottom:8vh;color:white;max-width:760px}.hero-logo{width:104px;height:104px;object-fit:cover;margin-bottom:26px;box-shadow:0 12px 35px rgba(0,0,0,.25)}.eyebrow,.kicker{font-size:11px;letter-spacing:.24em;font-weight:700;color:var(--gold)}h1{font-family:'Playfair Display',serif;font-size:clamp(48px,12vw,92px);line-height:.88;margin:14px 0 24px;letter-spacing:-.04em}h1 em{color:#e6d5b7}.hero-copy{line-height:1.8;font-size:14px;color:rgba(255,255,255,.82)}.cta,.outline{display:inline-flex;gap:20px;align-items:center;margin-top:22px;padding:14px 18px;border:1px solid rgba(255,255,255,.6);color:white;text-decoration:none;font-size:11px;letter-spacing:.16em}.intro{padding:90px 7vw 70px;max-width:900px;margin:auto}.intro h2,.visit h2{font-family:'Playfair Display','Noto Sans KR',serif;font-size:clamp(32px,7vw,54px);line-height:1.28;margin:14px 0 22px}.intro>p:last-child{color:var(--muted);line-height:1.9;font-size:14px}.categories{position:sticky;top:68px;z-index:40;display:flex;overflow-x:auto;gap:6px;padding:11px 5vw;background:rgba(251,248,241,.96);backdrop-filter:blur(10px);border-top:1px solid #e5dfd2;border-bottom:1px solid #e5dfd2;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.categories a{white-space:nowrap;text-decoration:none;color:#59606a;font-size:11px;font-weight:700;letter-spacing:.06em;padding:9px 12px;border-radius:99px}.categories a.active{background:var(--navy);color:white}.menu-section{padding:72px 5vw 20px;scroll-margin-top:120px;max-width:1180px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #d8d1c5;padding-bottom:18px;margin-bottom:24px}.section-head h2{font-family:'Playfair Display',serif;margin:0;font-size:34px;letter-spacing:-.02em}.section-head p{margin:0;font-size:11px;letter-spacing:.12em;color:#8c826f}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.card{min-width:0}.photo{aspect-ratio:1/1;overflow:hidden;background:#e9e3d8;position:relative}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.card:hover .photo img{transform:scale(1.025)}.meta{padding:12px 2px 4px}.meta h3{font-size:14px;line-height:1.45;margin:0 0 6px;font-weight:600}.price{font-family:'Playfair Display',serif;font-size:16px;color:var(--navy);font-weight:600}.price:before{content:'₩';font-size:11px;margin-right:2px}.visit{margin-top:100px;background:var(--navy);color:white}.visit-photo{height:360px}.visit-photo img{width:100%;height:100%;object-fit:cover;opacity:.8}.visit-copy{padding:64px 7vw 72px}.visit h2{margin-top:12px}.visit dl{margin:35px 0 10px}.visit dl div{display:grid;grid-template-columns:92px 1fr;padding:15px 0;border-top:1px solid rgba(255,255,255,.15)}.visit dt{font-size:10px;letter-spacing:.15em;color:var(--gold)}.visit dd{margin:0;font-size:13px;line-height:1.7;color:#eef2f6}.visit dd a{color:inherit;text-decoration:none}.visit small{color:#aeb8c3}.gallery{position:relative;height:430px;background:var(--navy);overflow:hidden}.gallery img{width:100%;height:100%;object-fit:cover;opacity:.5}.gallery>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;font-family:'Playfair Display',serif;font-size:clamp(30px,8vw,56px);line-height:1.1;letter-spacing:.04em}.gallery span:nth-child(2){color:var(--gold);font-style:italic}footer{background:#041426;text-align:center;padding:54px 20px;color:#9ca8b4}footer img{width:140px;opacity:.9}footer p{font-family:'Playfair Display',serif;letter-spacing:.12em;font-size:11px}.copy{margin-top:28px;font-family:inherit;font-size:9px}#topBtn{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border:0;border-radius:50%;background:var(--navy);color:white;box-shadow:0 8px 25px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:.2s;z-index:60}#topBtn.show{opacity:1;pointer-events:auto}@media(min-width:760px){.grid{grid-template-columns:repeat(3,1fr);gap:32px 20px}.menu-section{padding-left:7vw;padding-right:7vw}.visit{display:grid;grid-template-columns:1.15fr 1fr}.visit-photo{height:auto;min-height:620px}.visit-copy{display:flex;flex-direction:column;justify-content:center}.top{padding-left:4vw;padding-right:4vw}.hero-content{left:9vw}.hero-logo{width:120px;height:120px}}@media(min-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}.hero-content{left:calc((100vw - 1180px)/2);right:auto}.intro{padding-left:0;padding-right:0}}
.lang-wrap{position:relative}.lang{cursor:pointer}.lang-menu{display:none;position:absolute;right:0;top:44px;min-width:155px;padding:7px;background:#fff;border:1px solid #e4ded2;box-shadow:0 14px 38px rgba(0,0,0,.18);border-radius:12px}.lang-menu.show{display:block}.lang-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:8px;color:#142033;font-size:12px;cursor:pointer}.lang-menu button:hover{background:#f4efe5}

/* v3: prominent centered language selector */
.lang-wrap{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:64px !important;
  transform:translateX(-50%);
  z-index:1002;
}
.lang{
  min-width:116px;
  height:38px;
  padding:0 16px !important;
  border:1px solid rgba(198,162,92,.72) !important;
  border-radius:999px !important;
  background:rgba(7,27,52,.94) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-weight:700;
  letter-spacing:.06em;
}
.lang span{color:#d2ad68}
.lang-menu{
  left:50% !important;
  right:auto !important;
  top:46px !important;
  transform:translateX(-50%);
  min-width:174px !important;
}
.hero{padding-top:28px}
@media (max-width:520px){
  .lang-wrap{top:58px !important}
  .lang{min-width:108px;height:36px}
  .hero{padding-top:26px}
}

/* v4: show the full mural artwork without cropping */
.hero{
  min-height:0 !important;
  height:auto !important;
  padding-top:0 !important;
  background:#071b34;
  overflow:hidden;
}
.hero-bg{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block;
}
.hero .shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,19,37,.12) 0%,rgba(5,19,37,.18) 45%,rgba(5,19,37,.72) 100%) !important;
}
.hero-content{
  position:absolute !important;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
}
@media (max-width:520px){
  .hero{padding-top:0 !important}
  .hero-content{padding-bottom:28px !important}
}

/* v5: realistic BEERDO beer-island hero */
.hero{
  position:relative !important;
  width:100%;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  background:#071b34;
  overflow:hidden;
}
.hero-bg{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block;
}
.hero .shade{
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg,rgba(4,16,31,.52) 0%,rgba(4,16,31,.18) 42%,rgba(4,16,31,.03) 72%),
    linear-gradient(0deg,rgba(4,16,31,.62) 0%,rgba(4,16,31,0) 48%) !important;
}
.hero-content{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:2;
}
@media (max-width:700px){
  .hero{
    min-height:560px !important;
  }
  .hero-bg{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:55% center !important;
  }
  .hero .shade{
    background:linear-gradient(0deg,rgba(4,16,31,.78) 0%,rgba(4,16,31,.16) 68%,rgba(4,16,31,.05) 100%) !important;
  }
}

/* v6: country flags in language selector */
.flag{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size:1.12em;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:6px;
}
.lang{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:2px;
}
.lang-menu button{
  display:flex !important;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.lang-menu button .flag{margin-right:2px}