.design-a{background:#111711;color:#ece9dd;--line:#b7a58433}.design-a .site-header{color:#ece7db}.design-a .site-header .brand-mark{background:#ece6da;width:85px;padding:19px 14px;margin-top:-34px}.design-a .site-header .brand-mark img{width:100%;height:116px;object-fit:contain}.hero-a{height:100svh;min-height:760px;max-height:1120px;position:relative;overflow:hidden}.hero-a-image{position:absolute;inset:0 23% 0 0;overflow:hidden}.hero-a-image>img{width:100%;height:100%;object-fit:cover;object-position:45% 53%;transform:scale(1.07)}.motion-on .hero-a-image>img{animation:breath 18s ease-in-out infinite alternate}.hero-shadow{position:absolute;inset:0;background:linear-gradient(90deg,#0a0f0b33,transparent 22%,#11171100 48%,#111711 100%),linear-gradient(0deg,#111711,transparent 25%)}.hero-a-copy{position:absolute;inset:0 9% 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-a h1{display:flex;flex-direction:row-reverse;gap:22px;margin-top:20px}.hero-a h1 span{writing-mode:vertical-rl;font-size:clamp(40px,4.4vw,66px);letter-spacing:.16em;line-height:1.5}.hero-a h1 span:last-child{padding-top:75px}.hero-eyebrow{color:#bdad89;margin-bottom:30px;font-size:9px;letter-spacing:.25em}.hero-sub{font-size:12px;letter-spacing:.25em;margin-top:40px;color:#cbc2ae}.hero-bottom{position:absolute;bottom:34px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:flex-end}.hero-address{display:block;margin-top:14px;font:14px ShinoSerif;letter-spacing:.15em}.scroll-cue{display:flex;gap:16px;align-items:center;font:8px var(--sans);letter-spacing:.25em;transform:rotate(90deg);transform-origin:right;position:absolute;right:0;bottom:75px}.scroll-cue i{height:1px;background:#c4b18f;width:65px;transform-origin:left}.motion-on .scroll-cue i{animation:scrollLine 2.8s ease-in-out infinite}.hero-number{display:none}.hero-credit{position:absolute;left:48px;bottom:110px;font-size:9px;color:#c9c0ad;opacity:.7}.hero-a-curtain{position:absolute;inset:0;background:#111711;z-index:2;pointer-events:none;transform:translateX(101%)}.js.motion-on:not(.entered) .hero-a-curtain{transform:translateX(0)}.js.motion-on.entered .hero-a-curtain{transition:transform 1.4s var(--ease)}.js.motion-on:not(.entered) .hero-a-copy h1 span{opacity:0;transform:translateY(24px)}.js.motion-on.entered .hero-a-copy h1 span{transition:opacity 1.6s .25s,transform 1.6s var(--ease) .25s}.js.motion-on.entered .hero-a-copy h1 span:last-child{transition-delay:.55s}.intro-a{padding-block:140px 160px;display:grid;grid-template-columns:.8fr 1.1fr 1fr;gap:5vw;align-items:center}.intro-title .vertical{font-size:39px;min-height:310px;margin-inline:auto}.intro-title .section-label{margin-bottom:50px}.intro-body .body-copy+.body-copy{margin-top:30px}.intro-body .text-link{margin-top:28px}.intro-sake{height:420px;margin-top:90px}.intro-sake figcaption{position:absolute;bottom:18px;left:18px;writing-mode:vertical-rl;font:8px var(--sans);letter-spacing:.25em;color:#eee}
.scene-track{height:240svh;min-height:1800px;--scene-progress:0}.scene-sticky{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;background:#0b100c}.scene-frame{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none}.scene-frame.active{opacity:1;pointer-events:auto}.scene-frame>img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}.scene-frame:last-of-type>img{object-position:65% 55%}.scene-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070e0bec 0%,#070e0b33 60%),linear-gradient(0deg,#070e0b99,transparent 40%)}.fire-photo{position:absolute;inset:0;background:url('assets/cuisine-original.webp') no-repeat;background-size:330% auto;background-position:65% 50%}.scene-copy{position:absolute;left:8vw;top:32%;z-index:2}.scene-copy h2{font-size:clamp(38px,5vw,75px);letter-spacing:.1em;margin:25px 0}.scene-copy p:last-child{font-size:16px;line-height:2.4}.scene-footer{position:absolute;bottom:40px;left:8vw;right:8vw;z-index:3;display:flex;align-items:center;justify-content:space-between}.scene-count{font:10px var(--sans);letter-spacing:.1em}.scene-count b{font-size:28px;font-weight:400;margin-right:10px}.scene-nav{display:flex;gap:20px}.scene-nav button{width:50px;height:50px;border-radius:50%;border:1px solid #bcaa7d55}.scene-nav button[aria-current=step]{background:#d4bc8f;color:#161b13}.scene-bar{position:absolute;z-index:4;bottom:0;left:0;width:100%;height:2px;background:#b6a179;transform:scaleX(var(--scene-progress));transform-origin:left}.motion-off .scene-frame{transition:none}.space-a{padding-block:140px}.space-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:60px}.space-heading .body-copy{padding-bottom:10px}.room-figure{height:600px}.room-figure .room-image{object-position:center;object-fit:cover}.room-figure .room-image.private-room{object-fit:cover;object-position:right;transform:scale(1);width:200%;max-width:none;height:auto;min-height:100%;position:absolute;right:0;top:-14%}.room-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:28px}.room-tabs{display:flex;gap:32px;align-self:start;border-bottom:1px solid var(--line)}.room-tabs button{font-size:13px;letter-spacing:.1em;padding:15px 0;border-bottom:2px solid transparent;min-height:48px}.room-tabs button[aria-selected=true]{border-color:currentColor}.room-title{font-size:25px;letter-spacing:.1em}.room-description{font:13px/2 var(--sans);margin-top:15px;opacity:.7;max-width:430px}.visit{padding-block:120px 150px;border-top:1px solid var(--line)}.closing-a{text-align:center;padding:0 24px 130px}.closing-line{width:1px;height:90px;margin:0 auto 55px}.closing-title{font-size:46px;letter-spacing:.12em;margin:26px 0}.closing-a .text-link{font-size:12px}
.design-b{background:#eeeae0;color:#283025;--line:#34402a30}.design-b .site-header{padding:28px 5vw}.design-b .site-header .brand-mark{width:45px}.design-b .site-header .reserve-mini{background:#7e4333;color:#faf5e6;border-color:#7e4333}.hero-b{padding:175px 5vw 50px;min-height:100svh;position:relative;overflow:hidden}.hero-b-top{display:flex;justify-content:space-between;align-items:center}.hero-b-top .kicker{letter-spacing:.2em;font-size:10px;line-height:2}.b-edition{font-size:12px;letter-spacing:.16em}.hero-b-layout{display:grid;grid-template-columns:1.05fr 1.1fr;align-items:center;margin-top:38px;position:relative}.hero-b h1{font-size:clamp(44px,5.7vw,86px);letter-spacing:.04em;line-height:1.75;position:relative;z-index:2;white-space:nowrap}.hero-b h1>span{display:block}.hero-b h1>span:last-child{margin-left:5vw}.accent-word{color:#834b37}.hero-b-art{height:min(550px,44vw);position:relative;margin-left:-3vw}.hero-b-mask{height:100%;clip-path:inset(0 0 0 0 round 45% 45% 0 0);overflow:hidden;transition:clip-path 1.7s var(--ease),transform 1.7s var(--ease);transform:rotate(2deg)}.hero-b-art img{width:100%;height:100%;object-fit:cover;object-position:69% 60%;transition:transform 2s var(--ease)}.art-stamp{position:absolute;right:17px;top:6px;width:69px;height:69px;display:grid;place-items:center;background:#824a36;color:#f3e8d5;font-size:34px;border-radius:50%;transform:rotate(9deg)}.image-tag{position:absolute;bottom:5px;left:-23px;writing-mode:vertical-rl;font:9px var(--sans);letter-spacing:.22em}.hero-b-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px}.hero-b-bottom>p:first-child{font-size:13px;line-height:2;letter-spacing:.1em}.hero-b-bottom .round-arrow{margin-left:auto;margin-right:35px;border-color:#6b7153}.hero-b-bottom>.caption{max-width:130px;font-size:9px}.js.motion-on:not(.entered) .hero-b-mask{clip-path:inset(15% 15% 15% 15% round 50%);transform:rotate(-6deg)}.js.motion-on:not(.entered) .hero-b-art img{transform:scale(1.15)}.js.motion-on:not(.entered) .hero-b h1 span{opacity:0;transform:translateY(35px)}.js.motion-on.entered .hero-b h1 span{transition:transform 1.5s var(--ease),opacity 1.5s}.js.motion-on.entered .hero-b h1>span:last-child{transition-delay:.18s}.intro-b{padding-block:130px 115px}.intro-b-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw}.intro-b .body-copy+.body-copy{margin-top:25px}.aperture-wrap{overflow:hidden;padding-bottom:115px}.aperture{height:650px;width:100%;clip-path:inset(var(--opening,0%) var(--opening,0%) 0);position:relative}.aperture img{height:115%;object-position:center}.aperture:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#122017aa,transparent 70%)}.aperture figcaption{position:absolute;z-index:1;bottom:45px;left:6vw;color:#faf5e9;display:flex;flex-direction:column;gap:18px}.aperture figcaption>span:last-child{font-size:32px;letter-spacing:.15em}.taste-b{background:#d9d9c5;padding-block:110px}.taste-b-heading{display:flex;justify-content:space-between;gap:8vw;align-items:flex-start;margin-bottom:65px}.taste-b-heading .section-heading{font-size:38px}.taste-b-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.taste-card:nth-child(2){margin-top:90px}.taste-card:nth-child(3){margin-top:180px}.taste-number{font:10px var(--sans);display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;border-top:1px solid #38412755;padding-top:17px}.taste-number span{font:38px ShinoSerif;color:#6b3d2c}.taste-card .picture{height:350px}.taste-card img{width:100%;height:100%;object-fit:cover}.fire-crop{background:url('assets/cuisine-original.webp') no-repeat;background-size:330% auto;background-position:65% 50%}.taste-card h3{font-size:23px;letter-spacing:.05em;margin:22px 0 14px}.taste-card p{font-size:13px;line-height:2.1}.taste-note{display:flex;justify-content:space-between;border-top:1px solid #52633b55;margin-top:75px;padding-top:25px}.taste-note a{white-space:nowrap}.space-b{padding-block:130px}.space-b .room-figure{height:580px}.b-invitation{display:grid;grid-template-columns:1fr 1fr;background:#7c4633;color:#f3e8d8;min-height:650px}.b-invitation-inner{padding:90px 7vw;display:flex;flex-direction:column;justify-content:center}.b-invitation h2{font-size:54px;line-height:1.7;letter-spacing:.13em;margin:30px 0 45px}.invite-reserve{text-align:left;display:flex;justify-content:space-between;font:12px var(--sans);border-bottom:1px solid #f0dfbe99;padding:20px 0;letter-spacing:.15em}.invitation-picture img{height:110%;object-position:center}.design-b .visit{border-top:0}.design-b .motion-control{background:#7c4633}.design-b .mobile-dock{background:#eeeae0ed;color:#263022;border-color:#8d7c6433}.design-b .mobile-dock a{border-color:#26302255}.design-b .mobile-dock button{background:#7c4633;color:#f3ead9;border-color:#7c4633}
@keyframes breath{from{transform:scale(1.02)}to{transform:scale(1.1)}}@keyframes scrollLine{0%,100%{transform:scaleX(.3);opacity:.4}50%{transform:scaleX(1);opacity:1}}.page-hidden *{animation-play-state:paused!important}
@media(max-width:1050px) and (min-width:761px){.desktop-nav{gap:15px;font-size:11px}.site-header{padding-inline:30px}.header-actions{gap:10px}.wrap{width:calc(100% - 70px)}.intro-a{gap:30px;grid-template-columns:1fr 1.2fr}.intro-sake{grid-column:2;width:80%;margin:20px 0 0 auto;height:300px}.room-figure{height:480px}.taste-b-grid{gap:22px}.taste-card .picture{height:290px}.taste-b-heading .section-heading{font-size:32px}.b-invitation h2{font-size:40px}}
@media(max-width:760px){.design-a .site-header{padding:0 18px;align-items:flex-start}.design-a .site-header .brand-mark{width:72px;margin:0;padding:17px 12px}.design-a .site-header .brand-mark img{height:100px}.design-a .header-actions{margin-top:18px}.hero-a{height:calc(100svh - 69px);min-height:670px;max-height:940px}.hero-a-image{inset:0}.hero-a-image>img{object-position:43% 58%}.hero-shadow{background:linear-gradient(90deg,#0d170e00 20%,#1117117a 62%,#111711ec),linear-gradient(0deg,#111711 0%,#11171100 35%),linear-gradient(180deg,#11171130,transparent 30%)}.hero-a-copy{right:21px;top:124px;bottom:auto;justify-content:flex-start;align-items:flex-end}.hero-eyebrow{display:none}.hero-a h1{gap:10px;margin:0}.hero-a h1 span{font-size:37px;letter-spacing:.16em;line-height:1.45}.hero-a h1 span:last-child{padding-top:44px}.hero-sub{margin-top:24px;font-size:10px;letter-spacing:.12em;max-width:120px;line-height:2}.hero-bottom{left:22px;right:22px;bottom:27px}.hero-bottom .kicker{font-size:8px;letter-spacing:.17em}.hero-address{font-size:11px;margin-top:8px}.hero-credit{bottom:95px;left:22px;font-size:8px}.scroll-cue{right:7px;bottom:47px;font-size:7px;gap:9px}.scroll-cue i{width:36px}.intro-a{padding-block:80px 85px;grid-template-columns:1fr 1fr;gap:30px 18px;align-items:start}.intro-title .section-label{font-size:8px;margin-bottom:35px;gap:10px}.intro-title .section-label:before{width:14px}.intro-title .vertical{font-size:29px;min-height:280px;letter-spacing:.12em}.intro-body{grid-column:1/-1;grid-row:2}.intro-body .body-copy{font-size:14px}.intro-body .body-copy+.body-copy{margin-top:24px}.intro-sake{height:270px;margin-top:45px;grid-column:2;grid-row:1}.intro-sake figcaption{font-size:7px;left:10px;bottom:12px}.scene-track{height:220svh;min-height:1500px}.scene-sticky{height:calc(100svh - 69px);min-height:440px;top:0}.scene-frame:after{background:linear-gradient(180deg,#071008aa,#07100800 55%),linear-gradient(0deg,#071008ef,transparent 60%)}.scene-frame>img{object-position:55% center}.scene-copy{left:25px;right:25px;top:70px}.scene-copy h2{font-size:34px;letter-spacing:.06em;margin:20px 0}.scene-copy p:last-child{font-size:13px;line-height:2.2}.scene-copy>.kicker{font-size:9px}.scene-footer{left:22px;right:22px;bottom:32px;gap:12px}.scene-nav{gap:8px}.scene-nav button{width:42px;height:42px}.scene-count b{font-size:23px}.scene-footer>a{font-size:8px}.space-a,.space-b{padding-block:85px}.space-heading{flex-direction:column;gap:27px;align-items:stretch;margin-bottom:35px}.room-figure,.space-b .room-figure{height:300px}.room-bottom{grid-template-columns:1fr;gap:23px;padding-top:16px}.room-tabs{justify-content:space-between;gap:12px}.room-tabs button{font-size:12px}.room-title{font-size:23px}.room-description{font-size:12px;margin-top:10px}.room-figure .room-image.private-room{width:205%;top:-5%}.visit{padding-block:85px 80px}.closing-a{padding-bottom:70px}.closing-title{font-size:32px}.closing-line{height:60px;margin-bottom:35px}
.design-b .site-header{padding:20px 22px}.design-b .site-header .brand-mark{width:42px}.hero-b{padding:142px 22px 30px;min-height:0}.hero-b-top .kicker{font-size:8px;letter-spacing:.18em}.b-edition{font-size:9px;writing-mode:vertical-rl;position:absolute;right:26px;top:110px;letter-spacing:.2em}.hero-b-layout{grid-template-columns:1fr;margin-top:23px}.hero-b h1{font-size:clamp(34px,8.7vw,51px);line-height:1.7;letter-spacing:.03em;white-space:normal}.hero-b h1>span:last-child{margin-left:22px}.hero-b-art{height:330px;width:80%;margin:22px 0 0 auto}.hero-b-mask{clip-path:inset(0 round 45% 45% 0 0);transform:rotate(2deg)}.hero-b-art img{object-position:71% 50%}.art-stamp{width:50px;height:50px;right:-6px;top:-8px;font-size:26px}.image-tag{font-size:7px;left:-18px}.hero-b-bottom{margin-top:28px;gap:15px;align-items:center;flex-wrap:wrap}.hero-b-bottom>p:first-child{font-size:12px}.hero-b-bottom .round-arrow{margin:0 0 0 auto;width:46px;height:46px;flex-basis:46px}.hero-b-bottom>.caption{font-size:8px;max-width:none;width:100%}.intro-b{padding-block:70px}.intro-b-grid{grid-template-columns:1fr;gap:32px}.intro-b .section-label{font-size:8px}.intro-b .section-heading{font-size:29px;letter-spacing:.04em}.aperture-wrap{padding-bottom:70px}.aperture{height:450px}.aperture img{object-position:62% center}.aperture figcaption{left:22px;bottom:27px;gap:12px}.aperture figcaption>span:last-child{font-size:22px;letter-spacing:.06em}.aperture figcaption .kicker{font-size:8px}.taste-b{padding-block:70px}.taste-b-heading{display:block;margin-bottom:35px}.taste-b-heading .section-heading{font-size:29px;letter-spacing:.04em}.taste-b-grid{grid-template-columns:1fr;gap:45px}.taste-card:nth-child(2),.taste-card:nth-child(3){margin-top:0}.taste-card .picture{height:310px}.taste-card:nth-child(2){width:85%;margin-left:auto}.taste-card:nth-child(3){width:85%}.taste-card h3{font-size:23px}.taste-number{margin-bottom:14px}.taste-number span{font-size:30px}.taste-note{display:block;margin-top:40px;font-size:10px;line-height:2}.taste-note a{display:block;margin-top:14px}.b-invitation{grid-template-columns:1fr;min-height:0}.b-invitation-inner{padding:65px 28px}.b-invitation h2{font-size:39px;line-height:1.7;margin:23px 0 30px}.invitation-picture{height:290px}.design-b .visit{padding-top:80px}
}
@media(max-width:360px){.hero-a h1 span{font-size:33px}.hero-a-copy{right:15px}.hero-b h1{font-size:31px}.hero-b-art{height:285px}.reserve-mini{gap:9px;padding:10px 12px}.site-header .header-actions{gap:0}.menu-toggle{width:42px}.section-heading{font-size:28px}.intro-title .vertical{font-size:26px}}
@media(prefers-reduced-motion:reduce){.scene-track{height:auto;min-height:0}.scene-sticky{position:relative;height:650px}.hero-a-curtain{display:none}.hero-a-copy h1 span,.hero-b h1 span{opacity:1!important;transform:none!important}.hero-b-mask{clip-path:inset(0 round 45% 45% 0 0)!important;transform:none!important}.aperture{clip-path:none!important}}
