:root{--ink:#161512;--paper:#efe7d4;--red:#a52d20;--gold:#c49a52;--cream:#f8f3e7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:"Zen Kaku Gothic New",sans-serif}
a{color:inherit;text-decoration:none}
.proposal{height:32px;background:var(--gold);color:#21180d;display:flex;align-items:center;justify-content:center;gap:16px;font-size:11px;font-weight:700;letter-spacing:.14em}
.proposal span{font-weight:500;opacity:.72}
.nav{height:82px;padding:0 5vw;display:flex;align-items:center;gap:48px;background:#171613;position:relative;z-index:5;border-bottom:1px solid #ffffff17}
.brand{font-family:"Noto Serif JP",serif;font-size:26px;font-weight:900;letter-spacing:.08em;line-height:1}
.brand span{display:block;font:500 10px "Zen Kaku Gothic New";letter-spacing:.18em;margin-bottom:7px;color:var(--gold)}
.nav nav{display:flex;gap:32px;margin-left:auto;font-size:13px;letter-spacing:.12em}
.nav nav a:hover{color:var(--gold)}
.nav-cta{border:1px solid var(--gold);color:var(--gold);padding:10px 22px;font-size:13px}
.hero{height:calc(100svh - 114px);min-height:630px;position:relative;overflow:hidden;display:flex;align-items:center;padding:7vw}
.hero-image{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1529563021893-cc83c992d75d?auto=format&fit=crop&w=2000&q=88") center/cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0c0b09ed 0%,#0c0b09ad 43%,#0c0b0935 78%),linear-gradient(0deg,#0c0b09c7 0%,transparent 45%)}
.hero-copy{position:relative;z-index:1}
.eyebrow,.kicker{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase}
.hero h1{font:900 clamp(42px,6vw,88px)/1.23 "Noto Serif JP";letter-spacing:.02em;margin:18px 0 24px}
.hero h1 em{font-style:normal;color:#e9c06f;text-shadow:0 3px 16px #000}
.lead{font-family:"Noto Serif JP";font-size:clamp(15px,1.4vw,20px);line-height:2}
.hero-actions,.access-actions{display:flex;gap:12px;margin-top:34px}
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-width:170px;padding:14px 24px;font-weight:700;letter-spacing:.07em;font-size:13px}
.primary{background:var(--red);color:#fff}
.secondary{border:1px solid #ffffff80}
.secondary.dark{border-color:#231f18}
.today{position:absolute;right:5vw;bottom:0;background:var(--paper);color:var(--ink);padding:24px 32px;min-width:330px}
.today span,.today small{display:block;font-size:11px;letter-spacing:.12em}
.today strong{display:block;font:700 25px "Noto Serif JP";margin:8px 0}
.intro{background:var(--paper);color:var(--ink);padding:110px 8vw;display:grid;grid-template-columns:.45fr 1.2fr .9fr;gap:6vw;align-items:start}
.section-label{font-size:10px;color:var(--red);letter-spacing:.28em;border-top:1px solid var(--red);padding-top:13px}
h2{font:700 clamp(30px,3.5vw,50px)/1.5 "Noto Serif JP";margin:12px 0}
.body-copy{line-height:2.15;color:#49443b;margin-top:44px}
.feature-grid{display:grid;grid-template-columns:1.35fr .65fr;min-height:650px}
.feature{position:relative;min-height:540px;overflow:hidden}
.feature .photo{position:absolute;inset:0;transition:transform .8s}
.feature:hover .photo{transform:scale(1.03)}
.stew{background:url("https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=1500&q=88") center/cover}
.skewer{background:url("https://images.unsplash.com/photo-1527477396000-e27163b481c2?auto=format&fit=crop&w=1000&q=88") center/cover}
.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d0c0ae8,transparent 65%)}
.feature-copy{position:absolute;z-index:1;left:6vw;bottom:55px;right:4vw}
.feature-copy span{color:var(--gold);font-size:11px;letter-spacing:.28em}
.feature-copy h3{font:700 clamp(27px,3vw,44px) "Noto Serif JP";margin:10px 0}
.feature-copy p{color:#ddd3c1}
.menu{background:#991f18;padding:100px 8vw}
.menu-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;border-bottom:1px solid #ffffff4d;padding-bottom:35px}
.menu-heading .kicker{color:#efd096}
.menu-heading p:last-child{font-size:12px;line-height:1.8;color:#f2d7cf}
.menu-list{display:grid;grid-template-columns:repeat(4,1fr)}
.menu-list div{padding:40px 28px;border-right:1px solid #ffffff33}
.menu-list div:first-child{padding-left:0}
.menu-list span,.menu-list small{display:block;color:#f1c7bd;font-size:11px}
.menu-list strong{display:block;font:700 20px "Noto Serif JP";margin:12px 0}
.atmosphere{display:grid;grid-template-columns:1.2fr .8fr;background:#24211c}
.atmos-photo{min-height:650px;background:url("https://images.unsplash.com/photo-1516211697506-8360dbcfe9a4?auto=format&fit=crop&w=1400&q=88") center/cover}
.atmos-copy{padding:100px 7vw}
.atmos-copy>p:not(.eyebrow){line-height:2;color:#c8c0b2}
.atmos-copy ul{list-style:none;padding:25px 0 0;margin:35px 0 0;border-top:1px solid #ffffff1f}
.atmos-copy li{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid #ffffff1f;font-size:13px}
.atmos-copy li span{color:var(--gold)}
.access{background:var(--paper);color:var(--ink);padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.access dl{margin:38px 0}
.access dl div{display:grid;grid-template-columns:100px 1fr;border-top:1px solid #2b271e33;padding:15px 0;font-size:14px}
.access dt{font-weight:700}.access dd{margin:0;line-height:1.7}
.map-card{min-height:510px;background:#d8c9aa;position:relative;padding:60px;overflow:hidden;border:9px solid #fff;box-shadow:0 12px 45px #4e422633}
.map-card:before,.map-card:after{content:"";position:absolute;background:#b6a27b}
.map-card:before{width:160%;height:34px;top:46%;left:-20%;transform:rotate(-12deg)}
.map-card:after{height:130%;width:26px;left:62%;top:-15%;transform:rotate(22deg)}
.map-card span{font-weight:700;letter-spacing:.2em}.map-card strong{display:block;font:900 120px "Noto Serif JP";color:#9b2c20;line-height:1}
.map-card p{position:relative;z-index:2;background:#f7f0df;padding:24px;width:210px;font-family:"Noto Serif JP";line-height:1.7;box-shadow:5px 5px 0 #9b2c20}
.map-card i{position:absolute;right:23%;bottom:24%;width:28px;height:28px;background:var(--red);border-radius:50%;border:7px solid #fff;z-index:2}
.map-card small{position:absolute;left:50px;bottom:40px}
footer{padding:55px 8vw;display:flex;justify-content:space-between;align-items:center}
footer p{font-size:10px;letter-spacing:.12em;color:#888}
@media(max-width:800px){
  .proposal span,.nav nav{display:none}.proposal{font-size:9px}.nav{height:70px;padding:0 20px}.nav-cta{margin-left:auto;padding:9px 14px}.brand{font-size:21px}
  .hero{height:760px;padding:48px 24px;align-items:flex-start}.hero-image{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,#0c0b09ee,#0c0b096b),linear-gradient(0deg,#0c0b09dd,transparent)}
  .hero h1{font-size:42px;margin-top:22px}.lead br{display:none}.hero-actions{flex-direction:column;align-items:flex-start}.primary,.secondary{width:210px}
  .today{left:24px;right:24px;bottom:25px;min-width:0;padding:20px}
  .intro{grid-template-columns:1fr;padding:78px 24px;gap:20px}.intro .body-copy{margin-top:10px}
  .feature-grid{grid-template-columns:1fr}.feature{min-height:480px}.feature-copy{left:24px;bottom:35px}
  .menu{padding:72px 24px}.menu-heading{display:block}.menu-list{grid-template-columns:1fr 1fr}.menu-list div,.menu-list div:first-child{padding:25px 15px;border-bottom:1px solid #ffffff33}
  .atmosphere{grid-template-columns:1fr}.atmos-photo{min-height:430px}.atmos-copy{padding:72px 24px}
  .access{grid-template-columns:1fr;padding:75px 24px;gap:50px}.access-actions{flex-direction:column;align-items:flex-start}.map-card{min-height:420px;padding:35px}.map-card strong{font-size:90px}
  footer{padding:40px 24px;display:block}footer p{margin-top:25px}
}
