@font-face{font-family:Display;src:url(assets/display.woff) format("woff");font-display:swap}
@font-face{font-family:Open;src:url(assets/body.woff) format("woff");font-display:swap}
@font-face{font-family:Open;src:url(assets/bold.woff) format("woff");font-weight:700;font-display:swap}
:root{--paper:#f6f3ed;--hero:#ede9e2;--tile:#ebe7e0;--ink:#191918;--muted:#47443f;--line:#a6a097}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.42 Open,Arial,sans-serif}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:Display,Arial,sans-serif;text-transform:uppercase;line-height:.94}h2{font-size:clamp(36px,4vw,57px)}:focus-visible{outline:3px solid #92591e;outline-offset:4px}[id]{scroll-margin-top:16px}.wrap{width:min(100% - 64px,1400px);margin-inline:auto}.skip{position:fixed;top:8px;left:8px;z-index:10;padding:12px;background:white;transform:translateY(-150%)}.skip:focus{transform:none}
.top{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:88px;position:relative}.brand{display:inline-flex;flex-direction:column;align-items:center;line-height:1;white-space:nowrap}.brand strong{display:flex;align-items:center;gap:6px;font-size:clamp(28px,3.3vw,48px);font-weight:700;letter-spacing:-.075em}.brand i{width:5px;height:5px;background:currentColor;border-radius:50%;box-shadow:0 -7px currentColor,0 7px currentColor,0 14px currentColor;transform:translateY(-3.5px)}.brand small{font-weight:700;letter-spacing:.27em;font-size:9px;margin-top:4px}.top nav,.social{display:flex;align-items:center;gap:clamp(17px,3vw,50px)}.top nav a{font-size:13px;text-transform:uppercase;padding:11px 2px;position:relative}.top nav a:hover,.top nav .nav-menu{font-weight:700}.top nav .nav-menu::after{content:"";height:2px;position:absolute;inset:auto 0 4px;background:currentColor}.social{gap:10px}.social a{width:44px;height:44px;display:grid;place-items:center}.social svg{width:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-toggle{display:none}
.hero{display:grid;grid-template-columns:43% 26% 31%;background:var(--hero);min-height:clamp(290px,28vw,410px);overflow:hidden;isolation:isolate}.hero-copy{padding:clamp(29px,4.3vw,66px) 0 clamp(26px,3.6vw,55px) max(32px,calc((100vw - 1320px)/2));align-self:center;z-index:2}.hero h1{font-size:clamp(40px,5.75vw,91px);letter-spacing:-.025em}.hero p{margin-top:14px;max-width:37ch;font-size:clamp(14px,1.3vw,20px)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:46px;margin-top:19px;padding:0 20px;border-radius:25px;background:var(--ink);color:white;text-transform:uppercase;font-size:12px;font-weight:700}.primary:hover{background:#47423a}.primary span{font:23px Arial,sans-serif}.hero-art{position:relative;z-index:1}.hero-art img{position:absolute;width:119%;height:96%;max-width:none;object-fit:contain;object-position:center bottom;bottom:0;left:-10%;animation:lean 5s ease-in-out 1;transform-origin:center bottom}.hero-photo{position:relative;overflow:hidden;clip-path:polygon(6% 0,100% 0,100% 100%,12% 100%,14% 87%,14% 76%,10% 63%,3% 48%,0 31%,2% 15%)}.hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 51%}@keyframes lean{0%,100%{transform:rotate(0)}45%{transform:rotate(-1.8deg) translateY(-5px)}}
.content{padding-block:24px 25px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-grid a{min-height:120px;padding:15px 17px;display:grid;grid-template-columns:clamp(39px,6vw,79px) minmax(0,1fr);gap:13px;align-items:center;background:var(--tile);border-radius:16px;position:relative;transition:background .2s,transform .2s}.category-grid a:hover{background:#e1dbd0;transform:translateY(-2px)}.category-grid strong{font:clamp(24px,2.8vw,42px)/.94 Display,sans-serif;text-transform:uppercase;display:block}.category-grid p{color:var(--muted);font-size:12px;margin-top:6px;padding-right:6px}.category-grid b{position:absolute;right:10px;bottom:5px;font:20px Arial,sans-serif}.icon-slot svg{display:block;width:100%;height:auto}
.about{margin-top:27px;background:var(--tile);border-radius:15px;display:grid;grid-template-columns:1fr 2fr .7fr;align-items:center;gap:24px;padding:15px 18px 15px 24px;overflow:hidden}.about h2{font-size:clamp(25px,3vw,42px)}.about p{font-size:12px;color:var(--muted);margin-top:5px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.values strong{font:20px/1 Display,sans-serif;text-transform:uppercase}.about img{max-height:103px;width:100%;height:auto;object-fit:contain;align-self:end}
.footer{background:#1c1c1b;color:#f6f3ed;padding:20px 0}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px}.footer .brand strong{font-size:30px}.footer nav{display:flex;gap:16px;font-size:13px;font-weight:700}.footer nav a:hover{text-decoration:underline}
@media(max-width:1000px) and (min-width:701px){.category-grid a{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:12px}.category-grid strong{font-size:25px}.hero h1{font-size:6.05vw}}
@media(max-width:700px){
.wrap{width:calc(100% - 32px)}.top{min-height:69px}.brand small{font-size:7px}.brand i{width:4px;height:4px;box-shadow:0 -6px currentColor,0 6px currentColor,0 12px currentColor;transform:translateY(-3px)}.social{display:none}.nav-toggle{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:currentColor;box-shadow:0 -6px currentColor,0 6px currentColor}.top nav{display:none;position:absolute;z-index:4;top:100%;right:0;background:var(--paper);padding:10px 15px;border:1px solid var(--line);box-shadow:0 8px 18px #0002;border-radius:9px;min-width:160px;gap:2px}.nav-toggle[aria-expanded=true]+nav{display:grid}.top nav .nav-menu::after{display:none}
.hero{grid-template-columns:54% 46%;min-height:clamp(185px,48vw,300px)}.hero-copy{padding:18px 0 18px 16px}.hero h1{font-size:clamp(26px,7.15vw,47px);line-height:.95}.hero h1 br{display:none}.hero p{margin-top:8px;font-size:clamp(12px,3.35vw,16px);max-width:23ch}.primary{min-height:44px;font-size:10px;margin-top:9px;padding-inline:12px;gap:9px}.primary span{font-size:18px}.hero-photo{display:none}.hero-art img{width:115%;height:100%;left:-1%;bottom:0;object-position:left bottom}
.content{padding-top:12px}.category-grid{gap:6px}.category-grid a{min-height:75px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:6px 3px;text-align:center;border-radius:11px}.category-grid strong{font:700 clamp(10px,3.15vw,15px)/1.1 Open,sans-serif;text-transform:none}.category-grid strong span,.category-grid p,.category-grid b{display:none}.icon-slot svg{width:26px}
h2{font-size:32px}.about{margin-top:25px;grid-template-columns:1.2fr 1fr;gap:8px;padding:12px 8px 10px 12px}.about h2{font-size:26px}.about img{height:auto;max-height:100px}.values{display:none}.footer .brand strong{font-size:23px}.footer nav{font-size:11px;gap:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.hot-pose{display:none}
@media(min-width:701px){.category-grid .hot-pose{display:block;width:100%;max-height:91px;object-fit:contain}.category-grid .hot-slot{display:none}}
.category-grid a[aria-current=true]{background:var(--ink);color:var(--paper)}
.category-grid a[aria-current=true] p{color:#ddd8d0}
.category-grid a[aria-current=true] .hot-pose{filter:invert(1)}
.menu-cards{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(0,3.4fr);gap:20px;margin:30px 0 0}
.menu-intro{display:flex;flex-direction:column;align-items:start;padding:8px 0 0 7px}
.menu-intro h2{font-size:clamp(60px,8vw,118px);letter-spacing:-.028em}
.menu-intro p{max-width:22ch;margin:12px 0 16px;color:var(--muted)}
.menu-intro img{object-fit:contain;object-position:left bottom;width:94%;height:auto;max-height:220px;margin-top:auto}
.menu-board{min-width:0;border:1px solid #d9d2c8;padding:17px;border-radius:21px}
.menu-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:12px}
.menu-tabs button,.menu-times button{min-height:44px;cursor:pointer;border:0;border-radius:12px;background:var(--tile);font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;font-size:clamp(11px,1.08vw,15px);line-height:1.15;padding:6px}
.menu-tabs svg{width:24px;height:24px;flex:none}
.menu-tabs button:hover,.menu-times button:hover{background:#ddd6cb}
.menu-tabs button[aria-pressed=true],.menu-times button[aria-pressed=true]{background:var(--ink);color:white}
.menu-display{padding:12px 9px 9px;border-radius:17px;background:#eeeae2;min-width:0}
.menu-category-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.menu-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 34px 12px}
.menu-times[hidden],.menu-dots[hidden],.menu-note[hidden]{display:none}
.menu-times button{border-radius:24px;background:transparent;font-size:clamp(11px,1.3vw,16px)}
.menu-carousel{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px}
.menu-track{position:relative;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.menu-track::-webkit-scrollbar{display:none}
.menu-page{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.menu-card{display:flex;flex-direction:column;min-width:0;background:#e7e1d8;overflow:hidden;border-radius:15px}
.menu-card img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;background:#d9d2c8}
.card-copy{padding:10px 12px 3px}
.card-copy h4{font-size:clamp(13px,1.35vw,19px);line-height:1.13;margin:0}
.card-copy p{font-size:12px;color:var(--muted);margin-top:4px}
.card-price{font-size:clamp(17px,1.55vw,23px);margin:auto 0 0;padding:3px 12px 10px}
.slide-arrow{height:34px;width:34px;padding:0;border:1px solid #b8b0a5;border-radius:50%;background:var(--paper);font:27px/1 Arial,sans-serif;cursor:pointer;display:grid;place-items:center}
.slide-arrow:disabled{opacity:.34;cursor:default}
.menu-dots{display:flex;justify-content:center;gap:2px;margin-top:3px}
.menu-dots button{width:23px;height:25px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0}
.menu-dots button::after{content:"";width:7px;height:7px;border-radius:50%;background:#aaa298}
.menu-dots button[aria-current=true]::after{background:var(--ink)}
.menu-note{font-size:12px;color:var(--muted);margin:8px 41px 0}
@media(max-width:900px) and (min-width:701px){.menu-cards{grid-template-columns:142px minmax(0,1fr);gap:11px}.menu-board{padding:10px}.menu-tabs svg{width:18px;height:18px}.menu-carousel{grid-template-columns:26px minmax(0,1fr) 26px;gap:5px}.slide-arrow{height:26px;width:26px}}
@media(max-width:700px){
.menu-cards{display:block;margin-top:22px}
.menu-intro,.menu-tabs,.slide-arrow,.menu-dots{display:none}
.menu-board,.menu-display{padding:0;border:0;border-radius:0;background:transparent}
.menu-category-title{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;font:36px/.95 Display,sans-serif;text-transform:uppercase;margin:0 0 12px}
.menu-times{margin:0 0 12px;gap:4px}.menu-times button{min-height:44px;background:var(--tile);font-size:clamp(10px,3.05vw,14px)}
.menu-carousel,.menu-track,.menu-page{display:block}.menu-track{overflow:visible;scroll-snap-type:none}
.menu-card{display:grid;grid-template-columns:minmax(74px,31%) minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 4px 7px 0;border-bottom:1px solid #ded8ce;border-radius:0;background:transparent}
.menu-card img{border-radius:10px;aspect-ratio:1.33}
.card-copy{padding:0}.card-copy h4{font-size:clamp(13px,3.9vw,18px)}.card-copy p{font-size:11px;line-height:1.25}
.card-price{margin:0;padding:0;font-size:clamp(14px,4.1vw,19px);white-space:nowrap}
.menu-note{margin:9px 0 0}
}

.full-toggle{min-height:44px;margin:0 0 12px;padding:0 18px;border:1px solid #b6ada1;border-radius:24px;background:var(--paper);font-weight:700;cursor:pointer}
.full-toggle:hover,.full-toggle[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.menu-tabs[hidden],.menu-display[hidden],.full-menu[hidden]{display:none}
.full-category + .full-category{margin-top:28px}
.full-category>h3{font:36px/1 Display,sans-serif;text-transform:uppercase;margin:0 0 12px}
.full-category>h4{margin:14px 0 8px}
.full-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.card-copy h5{font-size:inherit;line-height:1.15;margin:0}
.full-note{font-size:12px;color:var(--muted);margin-top:8px}
.club{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,5vw,76px);margin:30px 0 0;padding:clamp(20px,4vw,52px);background:#eae5db;border:1px solid #d9d2c8;border-radius:20px;align-items:center}
.club-copy p{max-width:38ch;margin-top:10px}.club-copy .club-disclaimer{font-size:12px;color:var(--muted);margin-top:12px}
.club-action,.club-reset{border:1px solid var(--ink);border-radius:22px;min-height:44px;padding:0 14px;margin:12px 5px 0 0;font-weight:700;cursor:pointer}
.club-action{background:var(--ink);color:var(--paper)}.club-reset{background:transparent}.club button:disabled{opacity:.5;cursor:default}
.club-card{padding:clamp(15px,3vw,34px);background:#1c1c1b;color:var(--paper);border-radius:17px;border:1px solid #555048}
.club-card-top{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 10px}.club-card-top strong{font:32px/1 Display,sans-serif;letter-spacing:.08em}.club-card-top span{font-size:12px}
.stamp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(5px,1.4vw,15px);padding:0;margin:17px 0;list-style:none}
.stamp-grid li{display:grid;place-items:center;aspect-ratio:1;border:1px dashed #b9ada0;border-radius:50%;font-size:12px;color:#ddd3c7}
.stamp-grid .stamped{background:#f2e8d8;color:#201d19;border-style:solid}.stamp-grid svg{width:56%;height:56%}
.stamp-status{font-size:13px;font-weight:700}
@media(max-width:700px){.full-grid{display:block}.full-category>h3{font-size:30px}.club{grid-template-columns:1fr}.club-copy p{max-width:none}}

.menu-screen{position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;border:0;padding:0;background:var(--paper);color:var(--ink);overflow:hidden}
.menu-screen[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
body:has(.menu-screen[open]){overflow:hidden}
.menu-screen-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,calc((100% - 1140px)/2));border-bottom:1px solid #d9d2c8}
.menu-screen-head h2{font-size:clamp(30px,5vw,52px);white-space:nowrap}
.close-menu{border:1px solid #b6ada1;border-radius:50%;background:transparent;width:44px;height:44px;flex:none;font:30px/1 Arial;cursor:pointer}
.menu-screen-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(12px,3vw,28px) max(16px,calc((100% - 1140px)/2))}
.menu-screen .menu-board{padding:0;border:0}
@media(max-width:700px){.menu-screen .menu-tabs:not([hidden]){display:grid;gap:4px}.menu-screen .menu-tabs button{flex-direction:column;padding:5px 2px;font-size:10px;gap:4px}.menu-screen .menu-tabs svg{width:19px;height:19px}.menu-screen .menu-display{margin-top:14px}}

.site-menu{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;overflow:auto;background:var(--paper);color:var(--ink);overscroll-behavior:contain}
body:has(.site-menu[open]){overflow:hidden}
.site-menu-links{display:grid;max-width:720px;margin:0 auto;padding:24px 20px}
.site-menu-links a{display:flex;align-items:center;min-height:64px;border-bottom:1px solid #d9d2c8;font:clamp(28px,8vw,48px)/1 Display,sans-serif;text-transform:uppercase}
.club-back{display:inline-flex;align-items:center;margin:0;font-size:13px}
.club-page{padding-bottom:30px}

.site-menu{background:#1c1c1b;color:#f6f3ed}
.site-menu[open]{animation:phorum-reveal .3s cubic-bezier(.22,.75,.3,1) both}
.site-menu .menu-screen-head{border-color:#ffffff33;padding:12px max(20px,calc((100% - 600px)/2));padding-top:max(12px,env(safe-area-inset-top));position:sticky;top:0;background:#1c1c1b;z-index:2}
.site-menu .brand strong{font-size:29px}
.site-menu .brand small{font-size:7px}
.site-menu .close-menu{border-color:#ffffff66}
.site-menu-layout{width:min(100%,640px);min-height:calc(100dvh - 69px);margin:auto;padding:clamp(12px,3dvh,22px) 20px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:clamp(12px,3dvh,24px)}
.site-menu-links{width:100%;padding:0;position:relative;z-index:1}
.site-menu-links a{position:relative;justify-content:space-between;min-height:clamp(46px,8.3dvh,67px);padding:0 13px;border-color:#ffffff38;font-size:clamp(25px,7vw,38px);letter-spacing:-.025em}
.site-menu-links a::after{content:"↗";font:22px/1 Arial;color:#dad2c3}
.site-menu-links a[href="club/"]{background:#f6f3ed;color:#191918;border-radius:12px;margin:4px 0;border-bottom-color:transparent}
.site-menu-links a[href="club/"]::after{color:inherit}
.site-menu[open] .site-menu-links a{animation:phorum-rise .4s both;animation-delay:calc(var(--item,0) * 45ms)}
.site-menu-links a:nth-child(2){--item:1}.site-menu-links a:nth-child(3){--item:2}.site-menu-links a:nth-child(4){--item:3}.site-menu-links a:nth-child(5){--item:4}
.site-menu-art{display:grid;place-items:center;margin:auto auto 0;width:clamp(112px,25dvh,176px);aspect-ratio:1;border-radius:50%;background:#eee7da;padding:12px}
.site-menu-mascot{display:block;width:100%;height:auto;object-fit:contain}
.site-menu[open] .site-menu-art{animation:phorum-rise .42s .14s both}
@media(prefers-reduced-motion:reduce){.site-menu[open] .site-menu-art{animation:none}}
.menu-screen[open]{animation:phorum-reveal .25s ease-out both}
@keyframes phorum-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes phorum-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.club-theme{background:#f6f3ed}
.club-theme .club{position:relative;isolation:isolate;overflow:hidden;min-height:460px;background:#ebe5da;margin-top:18px}
.club-theme .club::before{content:"";position:absolute;z-index:-1;right:-65px;top:-105px;width:390px;aspect-ratio:1;border-radius:50%;border:1px solid #c8bfb1;box-shadow:0 0 0 22px #e3dbce,0 0 0 23px #c8bfb1,0 0 0 46px #e3dbce}
.club-copy h1{font-size:clamp(76px,11vw,160px);letter-spacing:-.055em;line-height:.82}
.club-copy h1 span{color:#8a6349}
.club-copy,.club-card{animation:phorum-rise .44s ease-out both}
.club-theme .club-card{animation-delay:.11s;background:radial-gradient(ellipse at top right,#3a3129,#191918 65%);box-shadow:0 12px 32px #23190e35}
.club-progress{display:block;width:100%;height:5px;accent-color:#d2a47b;margin:0 0 10px}
.stamp-grid .stamp-new{animation:phorum-stamp .38s cubic-bezier(.18,.8,.28,1.3) both}
@keyframes phorum-stamp{0%{transform:scale(.58) rotate(-19deg);opacity:.2}65%{transform:scale(1.15) rotate(5deg)}100%{transform:none;opacity:1}}
@media(max-width:700px){.club-theme .club{min-height:0;margin-top:8px}.club-copy h1{font-size:clamp(62px,17vw,100px)}.club-theme .club-back{padding-inline:9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.site-menu[open],.site-menu[open] .site-menu-links a,.menu-screen[open],.club-copy,.club-theme .club-card,.stamp-grid .stamp-new{animation:none!important}}
