html[data-studio]{--studio-ease:cubic-bezier(.2,.72,.2,1);--studio-line:color-mix(in srgb,var(--surface-ink) 24%,transparent)}
[data-studio] .top .lead,[data-studio] .top .status-hours{color:var(--cover-ink)}
[data-studio] .top{overflow:clip}
[data-studio] .top .brand-copy{min-width:0}
[data-studio] .top h1{font-size:clamp(35px,6vw,86px);line-height:1.15;overflow-wrap:anywhere}
[data-studio] .top-inner{position:relative;isolation:isolate}
[data-studio] .top-copy,[data-studio] .top-actions{position:relative;z-index:2}
[data-studio] .top-actions{flex-wrap:wrap}
[data-studio] .studio-arrow{display:inline-block;margin-inline-start:.45em;transition:transform .24s}
[data-studio] .primary:hover .studio-arrow{transform:translate(-4px,3px)}
[data-studio] :is(#menu,#about-place,#place-gallery,#visit-place){scroll-margin-top:105px}
[data-studio] :is(#about-place,#place-gallery):not(.site-sections *){width:min(1060px,calc(100% - 32px));margin:30px auto;padding:20px 0}
[data-studio] .studio-playing .top-copy{animation:studio-type .85s var(--studio-ease) both}
[data-studio] .studio-playing .top-actions{animation:studio-type .65s .17s var(--studio-ease) both}
[data-studio] .studio-visible{animation:studio-type .7s var(--studio-ease) both}
@keyframes studio-type{from{opacity:0;transform:translateY(24px)}}
@keyframes studio-mask{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes studio-iris{from{clip-path:circle(12% at 48% 53%)}to{clip-path:circle(100% at 48% 53%)}}
@keyframes studio-stamp{from{opacity:0;transform:scale(1.18) rotate(-6deg)}}
@keyframes studio-orbit{from{opacity:0;transform:translate(20px,80px) rotate(-40deg) scale(.65)}to{opacity:1;transform:rotate(10deg)}}

[data-studio=sidebar] .studio-sidebar{display:grid;grid-template-columns:minmax(230px,290px) minmax(0,1fr);gap:24px;max-width:1200px;margin:auto;padding:26px 18px}
[data-studio=sidebar] .studio-sidebar-tools{position:sticky;top:14px;align-self:start;background:var(--hero-color);border-radius:22px;overflow:hidden}
[data-studio=sidebar] .top .top-inner,[data-studio=sidebar] .search-row{display:block;width:calc(100% - 26px)}
[data-studio=sidebar] .top .brand{display:block}
[data-studio=sidebar] .top .logo-frame{display:none}
[data-studio=sidebar] .top h1{font-size:clamp(27px,3vw,45px)}
[data-studio=sidebar] .top-actions{margin-top:16px}
[data-studio=sidebar] #menu{width:100%}
[data-studio=sidebar] .category-grid{grid-template-columns:1fr}
[data-studio=sidebar] .category-card{justify-content:start;min-height:74px}
[data-studio=sidebar] .searchbox{display:block;width:auto}

[data-studio=board] .top-inner{justify-content:center;text-align:center;align-items:center}
[data-studio=board] .top .brand{justify-content:center}
[data-studio=board] .top .logo-frame{display:none}
[data-studio=board] .top h1{font-size:clamp(32px,5vw,64px)}
[data-studio=board] .grid{display:block;counter-reset:board}
[data-studio=board] .item{counter-increment:board;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:65px;padding-inline-start:48px;border:0;border-bottom:1px dashed var(--studio-line);border-radius:0;background:transparent}
[data-studio=board] .item::before{content:counter(board,decimal-leading-zero);position:absolute;inset-inline-start:8px;font:700 15px monospace;color:var(--surface-ink)}
[data-studio=board] .item .prices{margin:0}
[data-studio=board] .product-photo{width:46px;height:46px;flex-basis:46px}
[data-studio=board] .section-head{border-bottom:3px solid var(--surface-ink)}

[data-studio=tiles] .top{border-bottom:6px solid var(--accent)}
[data-studio=tiles] .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(125px,auto);gap:8px}
[data-studio=tiles] .category-card{flex-direction:column;border-radius:0;justify-content:center;isolation:isolate;background:color-mix(in srgb,var(--accent) 23%,var(--surface))}
[data-studio=tiles] .category-card:first-child{grid-row:span 2;min-height:228px;background:color-mix(in srgb,var(--accent) 45%,var(--surface))}
[data-studio=tiles] .category-card:first-child .category-icon,[data-studio=tiles] .category-card:first-child img{width:100px;height:100px;flex-basis:100px}
[data-studio=tiles] .category-card:hover .category-icon{transform:scale(1.13) rotate(-6deg)}

[data-studio=reel] .top .top-inner{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start}
[data-studio=reel] .studio-reel-photo{width:100%;height:clamp(120px,24vw,320px);object-fit:cover;object-position:center;border-radius:4px;transform:translateY(calc(var(--studio-drift,0px) * .18))}
[data-studio=reel] .studio-playing .studio-reel-photo{animation:studio-mask 1s var(--studio-ease) both}
[data-studio=reel] .category-grid{grid-auto-flow:column;grid-auto-columns:clamp(150px,27vw,315px);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 16px}
[data-studio=reel] .category-card{min-height:130px;scroll-snap-align:start;flex-direction:column;border-radius:36px 8px 36px 8px}

html[data-studio=cinema] .site-hero{padding:0!important}
[data-studio=cinema] .site-hero .top-inner{width:100%;min-height:clamp(450px,72vh,760px);display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:26px;padding:32px}
[data-studio=cinema] .site-hero .brand{align-items:center}
[data-studio=cinema] .site-hero-photo{position:absolute;inset:0;width:100%;max-width:none;height:100%;border-radius:0;opacity:.37;transform:translateY(var(--studio-drift,0px)) scale(1.08)}
[data-studio=cinema] .studio-playing .site-hero-photo{animation:studio-iris 1.35s var(--studio-ease) both}
[data-studio=cinema] .site-nav{border-bottom:1px solid var(--studio-line)}
[data-studio=cinema] .action.primary{border-radius:99px;padding:14px 26px}

[data-studio=editor] .site-nav{justify-content:center;border-bottom:4px double var(--studio-line)}
html[data-studio=editor] .site-hero{background:var(--surface)!important;--cover-ink:var(--surface-ink);border-bottom:4px double var(--studio-line)}
[data-studio=editor] .site-hero .top-inner{grid-template-columns:1.4fr 1fr;gap:20px}
[data-studio=editor] .site-hero-photo{border-radius:0;aspect-ratio:4/5;height:auto;max-height:400px}
[data-studio=editor] .studio-playing .site-hero-photo{animation:studio-mask 1s var(--studio-ease) both}
[data-studio=editor] .category-card{border-radius:0;border-width:0 0 1px;background:transparent;box-shadow:none}

[data-studio=counter] .top .top-inner{max-width:980px;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:clamp(18px,5vw,60px);border:2px dashed var(--accent);border-radius:8px}
[data-studio=counter] .site-hero-photo{border-radius:6px;height:260px}
[data-studio=counter] .action.primary{border-radius:2px;box-shadow:5px 5px 0 var(--cover-ink);padding:11px 20px}
[data-studio=counter] .studio-playing .site-hero-photo{animation:studio-stamp .75s var(--studio-ease) both}
[data-studio=counter] .category-card{border-radius:2px;border-width:2px;box-shadow:3px 3px 0 var(--studio-line)}

[data-studio=exhibit] .site-hero .top-inner{grid-template-columns:1fr}
[data-studio=exhibit] .site-hero-photo{display:none}
[data-studio=exhibit] .site-gallery{grid-template-columns:1.8fr 1fr;grid-auto-rows:100px}
[data-studio=exhibit] .site-gallery img{height:100%;border-radius:4px}
[data-studio=exhibit] .site-gallery img:first-child{grid-row:span 2}
[data-studio=exhibit] .studio-visible .site-gallery{animation:studio-iris .9s var(--studio-ease) both}

[data-studio=glass] .site-nav{width:min(100% - 28px,950px);margin:12px auto -56px;position:relative;z-index:4;border-radius:99px;border:1px solid #fff6;background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(20px) saturate(145%);padding:9px 20px}
html[data-studio=glass] .site-hero{padding-top:85px!important}
[data-studio=glass] .site-hero .top-inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:420px;padding:24px;border-radius:28px;overflow:hidden}
[data-studio=glass] .site-hero-photo{position:absolute;inset:0;width:100%;max-width:none;height:100%;border-radius:0;opacity:.48;transform:translateY(calc(var(--studio-drift,0px) * .35)) scale(1.08)}
[data-studio=glass] .top-copy{padding:24px;background:#221938b8;border:1px solid #fff5;border-radius:26px;backdrop-filter:blur(12px) saturate(140%);--cover-ink:white}

[data-studio=roast] .site-hero .top-inner{grid-template-columns:1fr 1fr}
[data-studio=roast] .site-hero .top-copy{grid-column:2}
[data-studio=roast] .site-hero .top-actions{grid-column:2}
[data-studio=roast] .site-hero-photo{grid-column:1;height:clamp(245px,35vw,470px);border-radius:3px 3px 100px 3px;transform:translateY(calc(var(--studio-drift,0px) * .17))}
[data-studio=roast] .studio-playing .site-hero-photo{animation:studio-mask .95s var(--studio-ease) both}
[data-studio=roast] #about-place{border-block:1px solid var(--studio-line)}

[data-studio=bakery] .site-hero .top-inner{grid-template-columns:1fr .7fr 1fr}
[data-studio=bakery] .site-hero-photo{grid-column:3;grid-row:1/span 2;border-radius:50% 50% 4px 4px;height:clamp(290px,43vw,530px)}
[data-studio=bakery] .site-hero .top-copy,[data-studio=bakery] .site-hero .top-actions{grid-column:1/span 2}
[data-studio=bakery] .studio-playing .site-hero-photo{animation:studio-iris 1.05s var(--studio-ease) both}
[data-studio=bakery] .category-card{border-radius:22px 22px 4px 4px;border-bottom:5px solid var(--studio-line)}
[data-studio=bakery] .studio-3d{inset-inline-end:32%;inset-block-end:4%}

html[data-studio=cup] .site-hero{padding-bottom:72px!important}
[data-studio=cup] .site-hero .top-inner{min-height:350px;display:flex;justify-content:center;flex-direction:column;text-align:center;gap:10px}
[data-studio=cup] .site-hero .brand{align-items:center}
[data-studio=cup] .site-hero-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;opacity:.18;border-radius:48%}
[data-studio=cup] .studio-3d{position:relative;inset:auto;order:-1;width:clamp(100px,18vw,215px)}
[data-studio=cup] .action.primary{border-radius:99px}
[data-studio=cup] .studio-dock{position:sticky;top:0;z-index:6;justify-content:center;border-bottom:1px solid var(--studio-line)}
[data-studio=cup] .studio-dock .site-wordmark{display:none}
[data-studio=cup] .search-area{top:52px}
[data-studio] .studio-3d{position:absolute;width:clamp(65px,17vw,205px);height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 14px 16px #0004)}
[data-studio=cup] .studio-3d{position:relative}
[data-studio] .studio-playing .studio-3d{animation:studio-orbit 1.05s var(--studio-ease) both}

@media(max-width:700px){
 [data-studio=sidebar] .studio-sidebar{display:block;padding:12px}
 [data-studio=sidebar] .studio-sidebar-tools{position:static}
 [data-studio=tiles] .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-studio=board] .item{grid-template-columns:1fr;min-height:76px}
 [data-studio=editor] .site-hero .top-inner,[data-studio=counter] .top .top-inner,[data-studio=roast] .site-hero .top-inner,[data-studio=bakery] .site-hero .top-inner{grid-template-columns:minmax(0,1fr)}
 [data-studio=editor] .site-hero-photo,[data-studio=counter] .site-hero-photo,[data-studio=roast] .site-hero-photo,[data-studio=bakery] .site-hero-photo{grid-column:1;grid-row:3;height:240px}
 [data-studio=roast] .site-hero .top-copy,[data-studio=roast] .site-hero .top-actions,[data-studio=bakery] .site-hero .top-copy,[data-studio=bakery] .site-hero .top-actions{grid-column:1}
 [data-studio=bakery] .studio-3d{inset-inline-end:6%;inset-block-end:3%}
 [data-studio=glass] .site-nav{margin-bottom:-72px;border-radius:24px}
 html[data-studio=glass] .site-hero{padding-top:90px!important}
 [data-studio=glass] .site-hero .top-inner{padding:14px;min-height:370px}
}
@media(prefers-reduced-motion:reduce){[data-studio] *,[data-studio] *::before{animation:none!important;transition:none!important}[data-studio] .site-hero-photo,[data-studio] .studio-reel-photo{transform:none}}
[data-studio] .studio-3d{border-radius:50%}
[data-studio=bean] .site-hero .top-inner{grid-template-columns:1fr 1.2fr .65fr;gap:18px}
[data-studio=bean] .site-hero-photo{grid-column:2;grid-row:1/span 2;height:clamp(290px,40vw,520px);border-radius:180px 180px 8px 8px;transform:translateY(calc(var(--studio-drift,0px) * .34))}
[data-studio=bean] .studio-bean-note{grid-column:3;grid-row:1/span 2;border-block:1px solid #4e2a1b66;padding-block:16px;line-height:1.8}
[data-studio=bean] .studio-playing .site-hero-photo{animation:studio-iris 1.15s var(--studio-ease) both}
[data-studio=bean] .site-nav{border-bottom:1px solid var(--studio-line)}
[data-studio=bags] .site-hero .top-inner{display:flex;min-height:clamp(340px,54vw,640px);align-items:flex-end;justify-content:flex-end;flex-direction:column;padding:34px}
[data-studio=bags] .site-hero-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;border-radius:4px;opacity:.68;transform:translateY(calc(var(--studio-drift,0px) * .4))}
[data-studio=bags] .site-hero .top-copy,[data-studio=bags] .site-hero .top-actions{align-self:flex-start;text-shadow:0 2px 18px #000}
[data-studio=bags] .studio-playing .site-hero-photo{animation:studio-mask 1.1s var(--studio-ease) both}
[data-studio=bags] .category-grid{grid-template-columns:repeat(auto-fit,minmax(min(135px,100%),1fr))}
[data-studio=bags] .category-card{border-radius:6px;min-height:110px;flex-direction:column}
[data-studio=flight] .site-nav{justify-content:center}
[data-studio=flight] .site-hero .top-inner{display:flex;flex-direction:column;gap:18px;text-align:center}
[data-studio=flight] .site-hero .brand{align-items:center}
[data-studio=flight] .studio-flight-photo{width:min(100%,560px);height:clamp(155px,26vw,290px);object-fit:cover;border-radius:36px;box-shadow:0 20px 55px #301b2066}
[data-studio=flight] .studio-playing .studio-flight-photo{animation:studio-stamp .85s var(--studio-ease) both}
[data-studio=flight] #menu{background:repeating-radial-gradient(ellipse at 20% 40%,transparent 0 20px,var(--studio-line) 21px 22px,transparent 23px 43px);padding-inline:12px}
[data-studio=flight] .category-grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:clamp(155px,29vw,290px);scroll-snap-type:x mandatory;overflow-x:auto;padding:14px 4px}
[data-studio=flight] .category-card{scroll-snap-align:start;min-height:200px;flex-direction:column;justify-content:center;background:var(--hero-color);color:var(--cover-ink);border-radius:23px}
[data-studio=flight] .category-card :is(strong,small){color:var(--cover-ink)}
[data-studio=flight] .category-icon{transform:scale(1.2)}
[data-studio=flight] .category-card:hover .category-icon{transform:scale(1.45) rotate(-6deg)}
[data-studio=steam] .site-nav{position:relative;z-index:4;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--studio-line)}
html[data-studio=steam] .site-hero{padding:0!important}
[data-studio=steam] .site-hero .top-inner{width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;min-height:clamp(370px,54vw,650px);padding:clamp(24px,8vw,100px)}
[data-studio=steam] .site-hero-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;opacity:.7;border-radius:0;transform:translateY(calc(var(--studio-drift,0px) * .5)) scale(1.05)}
[data-studio=steam] .top-copy{text-shadow:0 2px 14px #000}
[data-studio=steam] .studio-playing .site-hero-photo{animation:studio-mask 1.25s var(--studio-ease) both}
[data-studio=steam] #about-place{border-bottom:1px solid var(--studio-line)}
@media(max-width:700px){
 [data-studio=bean] .site-hero .top-inner{grid-template-columns:minmax(0,1fr)}
 [data-studio=bean] .site-hero-photo{grid-column:1;grid-row:3;height:265px}
 [data-studio=bean] .studio-bean-note{grid-column:1;grid-row:4}
 [data-studio=bags] .site-hero .top-inner{padding:18px}
 [data-studio=bags] .site-hero-photo{opacity:.47}
 [data-studio=steam] .site-hero .brand{align-items:flex-start}
 [data-studio=steam] .site-hero .top-copy{text-align:start}
}
@media(prefers-reduced-motion:no-preference){
 [data-studio=sidebar] .studio-sidebar-tools{animation:studio-side .75s var(--studio-ease) both}
 [data-studio=board] .menu-enter{animation:studio-ticker .6s var(--studio-ease) both}
 [data-studio=board] .menu-enter:nth-child(2){animation-delay:.09s}
 [data-studio=board] .menu-enter:nth-child(3){animation-delay:.18s}
 [data-studio=tiles] .category-card{animation:studio-tile .68s var(--studio-ease) both}
 [data-studio=tiles] .category-card:nth-child(2){animation-delay:.08s}
 [data-studio=tiles] .category-card:nth-child(3){animation-delay:.16s}
 [data-studio=tiles] .category-card:nth-child(4){animation-delay:.24s}
}
@keyframes studio-side{from{opacity:0;transform:translateX(34px)}}
@keyframes studio-ticker{from{opacity:0;transform:translateY(12px);clip-path:inset(0 0 40% 0)}}
@keyframes studio-tile{from{opacity:0;transform:perspective(500px) translateY(22px) rotateX(-18deg)}}