:root{--ink:#161311;--wine:#7f2637;--paper:#f0e8dc;--gold:#bb9559;--white:#faf8f4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:"Noto Serif JP",serif}a{color:inherit;text-decoration:none}
.proposal{height:32px;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:18px;font:600 10px sans-serif;letter-spacing:.13em}.proposal span{opacity:.65}
header{height:86px;padding:0 5vw;display:flex;align-items:center;gap:45px;border-bottom:1px solid #fff2}.logo{font:600 34px/1 "Cormorant Garamond";letter-spacing:.03em}.logo span{display:block;font:10px sans-serif;letter-spacing:.25em;color:var(--gold);margin-bottom:3px}nav{display:flex;gap:30px;margin-left:auto;font:10px sans-serif;letter-spacing:.15em}.reserve{padding:12px 19px;border:1px solid var(--gold);color:var(--gold);font-size:11px}
.hero{display:grid;grid-template-columns:55% 45%;grid-template-rows:minmax(650px,1fr) auto}.hero-photo{background:url("https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=1600&q=88") center/cover}.hero-copy{padding:10vw 5vw 7vw;min-width:0;background:linear-gradient(145deg,#221c19,#120f0e)}.eyebrow{font:10px sans-serif;letter-spacing:.3em;color:var(--gold)}.hero h1{font:600 clamp(48px,5.4vw,76px)/1.25 "Cormorant Garamond","Noto Serif JP";margin:23px 0}.hero h1 em{display:inline-block;white-space:nowrap;font-style:normal;color:#cf9fa7;font-size:.9em}.hero-copy>p:not(.eyebrow){line-height:2;color:#d3cbc0}.actions{display:flex;align-items:center;gap:22px;margin-top:34px;font-size:12px}.primary{padding:14px 24px;background:var(--wine);color:#fff}
.hero aside{grid-column:1/-1;padding:18px 7vw;background:var(--wine);display:flex;align-items:center;gap:28px}.hero aside span,.hero aside small{font:10px sans-serif;letter-spacing:.15em}.hero aside strong{font:600 24px "Cormorant Garamond"}.hero aside small{margin-left:auto;color:#e5cbd0}
.statement{background:var(--paper);color:var(--ink);padding:120px 18vw;text-align:center}.statement h2,.menu h2,.drink h2,.shop h2{font:600 clamp(38px,4.3vw,62px)/1.45 "Cormorant Garamond","Noto Serif JP";margin:18px 0 28px}.statement>p:last-child{max-width:680px;margin:auto;line-height:2.2;color:#514841}
.gallery{display:grid;grid-template-columns:1.25fr .75fr .75fr;height:550px;gap:3px}.gallery div{background-size:cover;background-position:center}.g1{background-image:url("https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=1200&q=88")}.g2{background-image:url("https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=900&q=88")}.g3{background-image:url("https://images.unsplash.com/photo-1498579397066-22750a3cb424?auto=format&fit=crop&w=900&q=88")}
.menu{padding:110px 7vw;background:#1c1816}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head>p{font-size:11px;line-height:1.9;color:#958c83}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #fff3}.menu-grid article{padding:35px 28px;border-right:1px solid #fff3}.menu-grid span{font:24px "Cormorant Garamond";color:var(--gold)}.menu-grid h3{font-size:18px;margin:18px 0}.menu-grid p{font-size:12px;line-height:1.9;color:#a9a19a}
.drink{display:grid;grid-template-columns:45% 55%;background:var(--wine)}.drink-copy{padding:110px 7vw}.drink-copy>p:not(.eyebrow){line-height:2;color:#eadde0}.drink-copy a{display:inline-block;margin-top:30px;padding-bottom:6px;border-bottom:1px solid var(--gold);font-size:11px}.drink-photo{min-height:650px;background:url("https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?auto=format&fit=crop&w=1400&q=88") center/cover}
.hours{display:grid;grid-template-columns:repeat(3,1fr);background:var(--gold);color:var(--ink)}.hours div{padding:30px 4vw;border-right:1px solid #0002}.hours span,.hours small{display:block;font:9px sans-serif;letter-spacing:.15em}.hours strong{display:block;font:600 25px "Cormorant Garamond";margin:8px 0}
.shop{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:110px 7vw;background:var(--paper);color:var(--ink)}.shop dl{margin:35px 0}.shop dl div{display:grid;grid-template-columns:100px 1fr;padding:15px 0;border-top:1px solid #2224;font-size:12px}.shop dt{font-weight:700}.shop dd{margin:0;line-height:1.8}.map-card{min-height:520px;background:#2a2220;padding:55px;color:#fff;position:relative;overflow:hidden}.map-card:after{content:"";position:absolute;width:130%;height:2px;background:var(--gold);left:-15%;top:55%;transform:rotate(-18deg)}.map-card span{font:10px sans-serif;letter-spacing:.25em;color:var(--gold)}.map-card strong{display:block;font:600 150px/1 "Cormorant Garamond";color:#cda6ad;margin-top:25px}.map-card p{position:relative;z-index:1;background:var(--paper);color:var(--ink);padding:24px;width:210px;line-height:1.8;box-shadow:8px 8px 0 var(--wine)}
footer{height:130px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between}footer p{font:9px sans-serif;letter-spacing:.13em;color:#777}
@media(max-width:800px){.proposal span,nav{display:none}header{height:70px;padding:0 20px}.logo{font-size:28px}.reserve{margin-left:auto;padding:9px;font-size:9px}.hero{grid-template-columns:minmax(0,1fr);grid-template-rows:400px auto auto}.hero-copy{padding:70px 22px}.hero h1{font-size:48px}.hero h1 em{font-size:.78em}.hero aside{padding:18px 22px;gap:12px}.hero aside strong{font-size:20px}.gallery{grid-template-columns:1fr 1fr;height:650px}.g1{grid-column:1/-1}.statement{padding:80px 22px}.menu{padding:80px 22px}.section-head{display:block}.menu-grid{grid-template-columns:1fr 1fr}.menu-grid article{padding:28px 15px}.drink{grid-template-columns:1fr}.drink-copy{padding:80px 22px}.drink-photo{min-height:430px}.hours{grid-template-columns:1fr}.hours div{padding:25px 22px}.shop{grid-template-columns:1fr;padding:80px 22px}.map-card{min-height:430px;padding:35px}.map-card strong{font-size:120px}footer{height:auto;padding:42px 22px;display:block}footer p{margin-top:20px}}
@media(max-width:380px){.hero h1{font-size:43px}.hero aside{display:block}.hero aside strong,.hero aside small{margin-top:6px}.menu-grid{grid-template-columns:1fr}.shop dl div{grid-template-columns:85px 1fr}}