@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&family=Noto+Sans+JP:wght@400;500&display=swap');
:root{--copper:#78432d;--brown:#432a20;--ink:#332d26;--paper:#faf7f0;--cream:#fff9ed;--ease:cubic-bezier(.22,.68,.1,1)}
*{box-sizing:border-box}html{font-size:min(.6944444444vw,62.5%);scroll-behavior:smooth;scroll-padding-top:12rem}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.6rem/1.5 'Jost','Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #cc8d55;outline-offset:7px}button:disabled{opacity:.4;cursor:default}h1,h2,h3,p,figure{margin:0}h2{font-size:3.2rem;font-weight:400;line-height:1.5}img{display:block;width:100%;height:100%;object-fit:cover}svg{display:block;width:100%}.wrap{max-width:144rem;width:100%;padding-inline:8rem;margin-inline:auto}.pill{display:inline-flex;justify-content:center;align-items:center;min-height:4.8rem;border-radius:100px;padding:1.2rem 2.8rem;background:var(--copper);color:var(--cream);white-space:nowrap;font-size:1.6rem;transition:background .4s,transform .4s}.pill:hover{background:var(--brown);transform:scale(.97)}.pill.pale{background:var(--cream);color:var(--copper)}.pill.outline{background:transparent;border:1px solid currentColor}.pill.small{font-size:1.2rem;min-height:3.4rem;padding:.5rem 1.8rem}.underline{display:table;position:relative;padding:1rem .6rem;line-height:1.25}.underline:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;transform-origin:right;transition:transform .65s var(--ease)}.underline:hover:after,.photo-card:hover .underline:after{animation:line-sweep .8s var(--ease)}@keyframes line-sweep{0%{transform:scaleX(1);transform-origin:right}45%{transform:scaleX(0);transform-origin:right}46%{transform-origin:left}100%{transform:scaleX(1);transform-origin:left}}
.roll{display:inline-block;overflow:hidden;vertical-align:middle}.roll-label{position:relative;display:block;transition:transform .65s var(--ease)}.roll-label:after{content:attr(data-copy);position:absolute;top:100%;left:0;white-space:nowrap}.roll:hover .roll-label,a:hover .roll-label,button:hover .roll-label{transform:translateY(-100%)}
.intro{position:fixed;inset:0;z-index:100;background:var(--copper);display:grid;place-items:center;pointer-events:none;transition:opacity .8s,visibility .8s}.intro img{width:20rem;height:auto}.intro.done{opacity:0;visibility:hidden}.header{position:fixed;top:0;left:0;width:100%;z-index:40;display:flex;justify-content:center;align-items:flex-start;padding:4rem;color:var(--copper);transition:color .5s,padding .5s}.header .brand{width:14rem;height:6.125rem;transition:filter .5s}.header:not(.light) .brand{filter:brightness(0) saturate(100%) invert(26%) sepia(25%) saturate(1168%) hue-rotate(337deg) brightness(92%)}.header.light{color:var(--cream)}.menu-toggle{position:absolute;left:4rem;top:4rem;width:6rem;text-align:center;z-index:2;transition:top .5s,left .5s}.menu-toggle svg{width:6rem;height:2.4rem;margin-bottom:.6rem;stroke:currentColor;stroke-width:1.5;fill:none}.menu-toggle .roll{font-size:1.4rem}.header-links{position:absolute;top:4rem;right:4rem;display:flex;align-items:center;gap:3.2rem;font-size:1.4rem}.header-links .pill{font-size:1.4rem;min-width:13.3rem}.header.compact{padding-top:2rem}.header.compact .menu-toggle{top:2rem;left:2rem}.header.compact .header-links{top:2rem;right:2rem}.navigation{position:fixed;inset:0;z-index:35;background:var(--copper);color:var(--cream);padding:16rem 0 5rem;visibility:hidden;transform:translateY(-115%);transition:transform 1s var(--ease),visibility 1s;overflow-y:auto}.navigation:after{content:'';height:10rem;position:absolute;bottom:-8rem;left:0;width:100%;background:var(--copper);border-radius:0 0 50% 50%}.navigation.open{visibility:visible;transform:translateY(0)}.nav-motto{font-size:11rem;font-weight:300;opacity:.2;text-align:center;line-height:1;margin-bottom:6rem;white-space:nowrap}.nav-content{display:grid;grid-template-columns:1fr 1fr;gap:17rem}.nav-links{display:flex;flex-direction:column;gap:1.2rem}.nav-links a{font-size:6.4rem;line-height:1.15;transition:transform .6s,opacity .6s}.nav-links a:hover{transform:translateX(2rem);opacity:.6}.nav-info p{margin-bottom:2rem}.nav-heading{font-size:3.2rem;line-height:1.2}.nav-demo{font-size:1.2rem;opacity:.65}.nav-copyright{font-size:1rem;margin:5rem 4rem 0;text-align:right}
.opening{position:relative;color:var(--cream);isolation:isolate}.opening-backdrop{position:absolute;inset:0;z-index:-1}.slideshow{position:sticky;top:0;height:100lvh;background:var(--brown);overflow:hidden}.slideshow:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#120c0833,#120c0822 45%,#120c0877)}.slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity 2s ease,transform 9s linear;object-position:center}.slide.active{opacity:1;transform:scale(1)}.hero{height:100svh;position:relative}.hero h1{position:absolute;bottom:11rem;left:0;width:100%;padding-inline:8rem}.hero h1 img{height:auto}.hero-bottom{position:absolute;bottom:3.2rem;left:0;width:100%;padding-inline:8rem;display:flex;justify-content:space-between;font-size:1.4rem;letter-spacing:.025em}.scroll-link{position:relative}.scroll-link:after{content:'';position:absolute;left:0;bottom:-.8rem;width:100%;height:1px;background:currentColor;transform:scaleX(0);transition:transform .5s}.scroll-link:hover:after{transform:scaleX(1)}.slideshow-control{position:absolute;bottom:2.8rem;left:50%;border:1px solid #fff5;border-radius:100%;width:2.8rem;height:2.8rem;font-size:1rem;opacity:.5;transition:opacity .3s}.slideshow-control:hover{opacity:1}.concept{height:250.9rem;padding-top:30rem;position:relative}.concept-text{width:48rem}.concept-text h2{margin-bottom:7.6rem}.concept-copy{font-size:9.6rem;line-height:1.2;margin-bottom:5.3rem;font-weight:400}.concept-message{line-height:3;display:flex;flex-direction:column;gap:4.8rem}.concept-photo{position:absolute;overflow:hidden}.concept-photo.one{right:8rem;top:82.7rem;width:64rem;height:84.8rem}.concept-photo.two{left:8rem;bottom:30rem;width:40rem;height:53.4rem}.concept-photo.one img{object-position:center}.reveal{opacity:0;transform:translateY(5rem);transition:opacity 1.6s,transform 1.6s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal img{transform:scale(1.06);transition:transform 2.4s var(--ease)}.reveal.visible img{transform:scale(1)}
.menu{padding:14rem 0 14.5rem;background:var(--copper);color:var(--cream)}.menu-container{max-width:144rem;margin:auto}.menu h2{margin-bottom:8rem}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:8rem}.photo-card{position:relative;overflow:hidden;color:var(--cream);isolation:isolate;display:block;width:100%}.photo-card:after{content:'';position:absolute;inset:0;background:#160b063e;z-index:-1;transition:background .8s}.photo-card>img{position:absolute;inset:0;z-index:-2;transition:transform 1.4s var(--ease);object-fit:cover}.photo-card:hover>img{transform:scale(1.1)}.photo-card:hover:after{background:#160b0624}.menu-card{height:67.6rem;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:12rem 2rem 6.4rem;text-align:center}.menu-name{font-size:6.4rem;line-height:1.2;font-weight:400;white-space:nowrap}.menu-name small{display:block;font-size:1.6rem;line-height:1.5;margin-top:1rem}.menu-card .underline{font-size:1.8rem}.menu-card:nth-child(2) img{object-position:44% center}.allergen{text-align:right}.allergen button{font-size:1.2rem}.paper{background:var(--paper)}.party{position:relative;height:200.4rem;padding-top:24rem}.party-text{display:grid;grid-template-columns:1fr 1fr;gap:17rem}.party h2{font-size:9.6rem;color:var(--copper);line-height:1.2;letter-spacing:-.035em}.party-break{display:none}.party-description{display:flex;flex-direction:column;gap:4rem;line-height:2.5}.plan-caption{font-size:1.4rem;margin-bottom:1rem}.party-description .pill{min-width:17rem}.party-photo{position:absolute;overflow:hidden}.p1{bottom:56.2rem;left:8rem;width:55.4rem;height:73.9rem}.p2{right:8rem;bottom:90.7rem;width:32rem;height:21.4rem}.p3{bottom:24rem;left:72rem;width:38rem;height:50.7rem}
.scene{height:200lvh;position:relative}.scene-inner{position:sticky;top:0;height:100lvh;overflow:hidden;color:var(--cream);isolation:isolate}.scene-inner>img{position:absolute;inset:0;z-index:-2;transform:scale(var(--scene-scale,1));object-position:center}.scene-inner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 50%,#100c0999)}.scene-caption{position:absolute;bottom:3.2rem;left:8rem;right:8rem;display:flex;align-items:end;justify-content:space-between}.scene-caption p>span{font-size:3.2rem;display:block;margin-bottom:1rem}.scene-caption small{display:block;font-size:1.2rem;line-height:1.5}.scene-caption>span{font-size:1.4rem}.news{padding-top:24rem;display:flex;align-items:start}.news h2{flex:0 0 32rem;color:var(--copper)}.news-list{flex:1;border-top:1px solid #776754;width:100%}.news-item{width:100%;display:flex;align-items:center;gap:0;text-align:left;padding:3.2rem 0;border-bottom:1px solid #776754;font-size:1.4rem;line-height:2;min-height:12rem}.news-item time{flex:0 0 16rem;letter-spacing:.06em}.news-item>span:nth-child(2){flex:1;padding-right:4rem}.news-item time,.news-item>span:nth-child(2){transition:transform .6s var(--ease)}.news-item:hover time,.news-item:hover>span:nth-child(2){transform:translateX(2rem)}.news-item>.pill{width:12rem}.access{display:flex;padding-top:24rem;margin-bottom:24rem;gap:4rem}.access>*{flex:1;min-width:0}.access h2{color:var(--copper);margin-bottom:8rem}.access-text p{line-height:2;margin-top:3.2rem}.access-text h2+p{margin-top:0}.fictional-address{font-size:1.2rem;color:#867967}.access-map svg{width:100%;margin-bottom:2rem}.access-map button{display:block;margin-left:auto;font-size:1.8rem}.club-box{display:flex;position:relative;gap:3rem;background:var(--copper);border-radius:1rem;overflow:hidden;color:var(--cream);padding:8rem;isolation:isolate}.club-box:before{content:'';position:absolute;inset:0;background:linear-gradient(#26170a77,#26170a88),url('assets/vinyl.webp') center/cover;opacity:0;transition:opacity 1s;z-index:-1}.club-box:hover:before{opacity:1}.club-box>*{flex:1}.club-box h2{font-size:4.8rem;line-height:1.2}.club-box p{line-height:2;margin-bottom:4rem}.club-links{display:flex;gap:1rem;align-items:center}.club-links .pill{font-size:1.4rem;padding:1.4rem 2rem;min-height:6rem}.club-links .pill:first-child{font-size:1.8rem;min-width:20rem;margin-right:2rem}.contact{padding-top:12rem;padding-bottom:24rem}.contact-grid{display:flex;gap:8rem;margin-bottom:8rem}.contact-grid>div{flex:1;padding-top:12rem}.contact-card{aspect-ratio:600/524;display:grid;place-items:center}.contact-card>.underline{font-size:5.4rem;max-width:100%}.contact-note{font-size:1.2rem;display:block;margin-left:auto}.footer{position:relative;color:var(--cream);isolation:isolate}.footer-backdrop{position:absolute;inset:0;z-index:-1}.footer-backdrop:after{content:'';position:absolute;inset:0;background:#160e0c55}.footer-backdrop img{position:sticky;top:0;height:100lvh;object-fit:cover}.footer-content{padding-top:90lvh;padding-bottom:4rem}.footer-wordmark{height:auto;margin-bottom:5.2rem}.footer-details{display:grid;grid-template-columns:1fr auto auto 2.4rem;gap:3.2rem;font-size:1.2rem;line-height:1.5}.footer-tagline{font-size:3.2rem;line-height:1.15}.footer-details small{font-size:1rem}.social{font-size:3rem;line-height:1;align-self:end}
dialog{border:0;border-radius:1rem;padding:7rem 6rem 6rem;max-width:70rem;width:calc(100% - 4rem);max-height:85dvh;background:var(--paper);color:var(--ink);box-shadow:0 2rem 10rem #0005}dialog::backdrop{background:#1d130dd9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:2.4rem;top:2rem;font-size:1.4rem}.dialog-eyebrow{font-size:1.2rem;text-transform:uppercase;letter-spacing:.2em;color:var(--copper);margin-bottom:1.6rem}dialog h2{font-size:4.8rem;line-height:1.15;color:var(--copper);margin-bottom:3rem}dialog p{line-height:2;margin-bottom:2rem}dialog .sample-note{font-size:1.2rem;color:#89755f;margin:3rem 0 0}dialog .menu-row{display:flex;justify-content:space-between;gap:2rem;padding:1.8rem 0;border-bottom:1px solid #d7ccbd;font-size:1.6rem}dialog .menu-row small{display:block;color:#89755f;font-size:1.2rem}dialog .dialog-photo{height:24rem;margin-bottom:3rem}dialog label{display:block;font-size:1.4rem;margin-bottom:1.8rem}dialog input,dialog select{display:block;width:100%;background:#fffdf7;border:1px solid #d2c1ad;border-radius:0;padding:1.4rem;margin-top:.8rem;color:var(--ink);font:inherit}dialog .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}dialog .form-message{padding:2rem;border:1px solid #b49570;margin-top:2rem}dialog .pill{margin-top:1rem}dialog form[hidden]{display:none}
@media(min-width:769px) and (max-width:1200px){.club-links{flex-wrap:wrap}.club-links .pill:first-child{margin-right:0}.party h2{font-size:8.6rem}.menu-name{font-size:5.5rem}}
@media(max-width:768px){html{font-size:2.66vw;scroll-padding-top:9rem}.wrap{padding-inline:2rem}h2{font-size:2.4rem}.header,.header.compact{padding:2rem 2rem 0;justify-content:flex-start}.header .brand{width:11.2rem;height:4.9rem}.menu-toggle,.header.compact .menu-toggle{left:auto;right:2rem;top:1.2rem;width:3.6rem}.menu-toggle svg{width:3.6rem;height:2.1rem;margin-bottom:.2rem}.menu-toggle .roll{font-size:1.2rem}.header-links{display:none}.navigation{padding:10rem 2rem 3rem}.nav-motto{font-size:5.4rem;text-align:left;margin:0 0 4rem;white-space:normal}.nav-content{display:flex;flex-direction:column;padding:0;gap:4rem}.nav-links{gap:1rem}.nav-links a{font-size:4rem}.nav-heading{font-size:2.4rem}.nav-info{font-size:1.4rem}.nav-copyright{margin:4rem 0 0;font-size:1rem}.hero h1{padding-inline:2rem;bottom:6.6rem}.hero-bottom{padding-inline:2rem;bottom:2rem;font-size:1.2rem}.hero-bottom>span{font-size:1.1rem}.slideshow-control{bottom:5.1rem;width:2.4rem;height:2.4rem;left:auto;right:2rem;opacity:.55}.slide{object-position:62% center}.slide:nth-child(2){object-position:54% center}.concept{height:auto;padding-top:20rem;padding-bottom:20rem}.concept-text{width:auto;margin-bottom:12rem}.concept-text h2{margin-bottom:6rem}.concept-copy{font-size:4.8rem;margin-bottom:4rem}.concept-message{gap:4.8rem;line-height:3}.concept-photo.one,.concept-photo.two{position:relative;top:auto;bottom:auto;left:auto;right:auto}.concept-photo.one{width:32rem;height:42.4rem;margin-left:auto;margin-right:-2rem;margin-bottom:12.4rem}.concept-photo.two{width:20rem;height:26.7rem;margin-left:-2rem;margin-right:auto}.menu{padding:10rem 0}.menu h2{margin-bottom:4rem}.menu-grid{grid-template-columns:1fr;padding:0 2rem;gap:5rem;margin-bottom:4rem}.menu-card{height:42.1rem;padding:8rem 2rem 5rem}.menu-name{font-size:4rem}.menu-name small{font-size:1.4rem}.allergen{font-size:1.2rem}.party{height:155.6rem;padding-top:12rem}.party-text{display:flex;flex-direction:column;gap:4rem}.party h2{font-size:4.8rem;letter-spacing:-.035em}.party-description{gap:4rem}.party-break{display:none}.party-photo.p1{bottom:39.187rem;left:0;width:20.775rem;height:27.713rem}.party-photo.p2{bottom:35.181rem;right:2rem;width:12rem;height:8.025rem}.party-photo.p3{bottom:11.87rem;left:11.7rem;width:14.25rem;height:19.013rem}.scene-caption{left:2rem;right:2rem;bottom:2rem}.scene-caption p>span{font-size:2.4rem}.scene-caption small{font-size:1.2rem}.scene-caption>span{font-size:1.2rem}.scene:first-child img{object-position:65% center}.scene:nth-child(3) img{object-position:58% center}.news{padding-top:12rem;display:block}.news h2{margin-bottom:4rem}.news-item{display:flex;flex-direction:column;align-items:start;padding:1.6rem 0;font-size:1.3rem;min-height:0}.news-item time{flex:auto;width:auto;margin-bottom:1rem}.news-item>span:nth-child(2){padding-right:0;margin-bottom:2rem}.news-item>.pill{margin-left:auto}.news-item:hover time,.news-item:hover>span:nth-child(2){transform:translateX(.5rem)}.access{padding-top:12rem;display:flex;flex-direction:column;gap:6rem;margin-bottom:12rem}.access h2{margin-bottom:4rem}.access-text p{margin-top:3.2rem}.access-map svg{margin-bottom:2rem}.club-box{flex-direction:column;padding:8rem 2.5rem;gap:4rem}.club-box h2{font-size:2.8rem;text-align:center}.club-box p{line-height:2;font-size:1.5rem}.club-links{flex-wrap:wrap;justify-content:center;gap:1rem}.club-links .pill:first-child{margin:0 calc(50% - 12rem) 2.2rem;min-width:24rem}.club-links .pill{font-size:1.3rem;padding:1.2rem 1.5rem}.desktop-only{display:none}.contact{padding-top:0;padding-bottom:12rem}.contact-grid{flex-direction:column;gap:0;margin-bottom:4rem}.contact-grid>div{padding-top:8rem}.contact-card>.underline{font-size:3.6rem}.contact-note{font-size:1.2rem;max-width:100%;text-align:right}.contact-note .roll-label:after{white-space:normal}.footer-content{padding-top:90lvh;padding-bottom:4rem}.footer-wordmark{margin-bottom:5.2rem}.footer-details{grid-template-columns:1fr 2.4rem;gap:3.2rem;font-size:1rem}.footer-details>div{grid-column:1/-1}.footer-tagline{font-size:2.4rem}.footer-details>p:nth-child(2){grid-column:1}.footer-details>p:nth-child(3){grid-column:1}.social{grid-column:2;grid-row:2/4}.intro img{width:14rem}dialog{padding:7rem 2.5rem 3rem;max-height:88dvh}dialog h2{font-size:3.6rem}dialog p{font-size:1.4rem}.dialog-photo{height:20rem}dialog .menu-row{font-size:1.4rem}dialog .form-grid{gap:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.slide{transform:none}.scene-inner>img{transform:none}}

.roll-window{display:block;overflow:hidden;line-height:1.25;height:1.25em}.roll-label{line-height:1.25}