@import "tailwindcss";
:root{--ink:#171714;--red:#8b251e;--gold:#b89355}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Yu Mincho","Hiragino Mincho ProN",serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.header{position:absolute;z-index:5;inset:0 0 auto;height:108px;display:flex;align-items:center;gap:45px;padding:0 4.5vw;color:#fff;border-bottom:1px solid #ffffff35}.brand{align-self:stretch;width:155px;background:#f8f5ee;color:#171714;display:flex;flex-direction:column;justify-content:center;align-items:center}.brand span{font-size:10px;letter-spacing:.2em}.brand b{font-size:30px;letter-spacing:.15em;font-weight:400}.header nav{display:flex;gap:34px;font-size:13px;letter-spacing:.1em}.reserve{margin-left:auto;border:1px solid #ffffff77;padding:15px 20px;font-size:12px}.hero{height:100svh;min-height:700px;background:url('/images/hero.png') center/cover;position:relative;color:#fff}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#000c,#0002 70%,#0008)}.hero h1{position:absolute;top:27%;left:12vw;margin:0;font-size:clamp(48px,6vw,88px);font-weight:400;line-height:1.5;letter-spacing:.18em}.kicker{position:absolute;top:24%;left:12vw;font:10px Arial;letter-spacing:.28em;color:#fffa}.heroCopy{position:absolute;left:12.4vw;top:66%;font-size:15px;line-height:2.2;letter-spacing:.16em}.scroll{position:absolute;bottom:0;left:4.5vw;font:9px Arial;letter-spacing:.2em;display:flex;flex-direction:column;align-items:center;gap:12px}.scroll i{height:70px;width:1px;background:#fff}.eyebrow{font:10px Arial;letter-spacing:.24em}.eyebrow:before{content:"";display:inline-block;width:32px;height:1px;background:currentColor;vertical-align:middle;margin-right:14px}.intro{min-height:960px;position:relative;padding-top:150px;background:#faf9f6}.titleBox{position:absolute;z-index:2;left:0;top:100px;width:30%;min-width:300px;padding:80px 7vw;background:#fff}.titleBox span{font:9px Arial;letter-spacing:.2em}.titleBox h2,.heading h2,.menuLead h2,.craftCopy h2,.shop h2{font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.55;letter-spacing:.08em;margin:20px 0}.introImg{width:76%;height:520px;margin-left:auto}.introText{width:43%;margin:55px 8vw 0 auto}.introText h3{font-size:27px;font-weight:400}.introText>p:last-of-type{font-size:14px;line-height:2.2;color:#625f59}.button{display:inline-block;border:1px solid #aaa69d;padding:18px 25px;margin-top:20px;font-size:12px}.recommend{padding:150px 4.5vw 0}.heading{display:flex;align-items:end;justify-content:space-between;max-width:1200px;margin:0 auto 65px}.heading>p{color:#716d65;line-height:2;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1400px;margin:auto}.cards img{height:360px}.cards span{display:inline-block;background:var(--red);color:#fff;padding:7px 15px;font-size:10px}.cards h3{font-size:20px;font-weight:400;margin:18px 0 10px}.cards p{font-size:13px;line-height:1.9;color:#6e6a62}.menuBoard{margin:150px -4.5vw 0;padding:130px 9vw;background:#1c1c1a;color:#eee9df;display:grid;grid-template-columns:.85fr 1.5fr;gap:9vw}.menuLead>p:not(.eyebrow){color:#aaa79f;line-height:2;font-size:13px}.menuLead small{display:block;margin-top:50px;color:#77736b}.menuCols{display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.menuCols h3{font-size:15px;color:var(--gold);letter-spacing:.15em;padding-bottom:18px;border-bottom:1px solid #ffffff22}.menuCols p{font-size:14px;padding:8px 0;border-bottom:1px dotted #ffffff1c;margin:0}.menuCols .mt{margin-top:38px}.craft{min-height:820px;display:grid;grid-template-columns:1.25fr 1fr;background:#080a09;color:#fff}.craft>img{min-height:820px;filter:brightness(.7)}.craftCopy{padding:120px 8vw;align-self:center}.craftCopy>p:not(.eyebrow){color:#c4c0b6;line-height:2.2;font-size:14px}.points{display:flex;gap:30px;margin-top:55px;border-top:1px solid #ffffff28;padding-top:30px}.points span{font-size:11px}.points b{display:block;font:12px Arial;color:var(--gold);margin-bottom:10px}.gallery{height:650px;display:grid;grid-template-columns:1fr 1fr;position:relative}.gallery>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;padding:55px 40px;background:#f8f5eeee;text-align:center}.gallery p{font:9px Arial;letter-spacing:.25em}.gallery h2{font-size:30px;font-weight:400;line-height:1.7}.shop{min-height:760px;display:grid;grid-template-columns:1fr 1.1fr;padding:140px 4.5vw 140px 9vw;gap:8vw;background:#f3f0e9}.shop .lead{line-height:2.1;color:#646159}.shop dl{margin-top:55px}.shop dl div{display:grid;grid-template-columns:110px 1fr;border-top:1px solid #d1ccc1;padding:18px 0}.shop dt{font-size:12px;color:#888279}.shop dd{margin:0;font-size:14px;line-height:1.8}.pending{font-size:11px;color:#918b80}.shopImg{min-height:480px;position:relative}.shopImg span{position:absolute;right:-20px;bottom:-25px;background:var(--red);color:#fff;padding:25px 30px;line-height:1.8}footer{background:#171715;color:#fff;min-height:310px;padding:75px 5vw 35px;display:grid;grid-template-columns:1fr 2fr}footer>div>a{font-size:36px;letter-spacing:.18em}footer>div p{color:#87847e;font-size:12px}footer nav{display:flex;justify-content:flex-end;gap:30px;font-size:12px;color:#bdb9b1}footer small{align-self:end;font:9px Arial;color:#666}
@media(max-width:800px){.header{height:80px;padding:0 18px}.brand{width:120px}.brand b{font-size:24px}.header nav{display:none}.reserve{padding:12px}.hero{min-height:680px;background-position:63%}.hero h1,.kicker,.heroCopy{left:9vw}.intro{min-height:auto;padding:0 0 90px}.titleBox{position:relative;top:auto;width:82%;padding:55px 9vw}.introImg{width:94%;height:340px}.introText{width:auto;margin:45px 9vw}.recommend{padding:90px 6vw 0}.heading{display:block}.cards{grid-template-columns:1fr}.cards img{height:350px}.menuBoard{margin:90px -6vw 0;padding:80px 9vw;grid-template-columns:1fr}.menuCols{grid-template-columns:1fr;gap:40px}.craft{grid-template-columns:1fr}.craft>img{min-height:430px;height:430px}.craftCopy{padding:75px 9vw}.gallery{height:auto;grid-template-columns:1fr}.gallery img{height:380px}.gallery>div{width:78%}.shop{grid-template-columns:1fr;padding:90px 8vw 110px}.shopImg{min-height:390px}.points{flex-wrap:wrap}footer{grid-template-columns:1fr;gap:28px}footer nav{justify-content:flex-start;flex-wrap:wrap}}