:root{--paper:#f6f1e4;--paper-deep:#ede5d2;--ink-brown:#6b3a28;--ink-brown-soft:#7a5848;--ink-green:#2f5b3c;--ink-green-soft:#4c6b54;--ink:var(--ink-brown);--soft:var(--ink-brown-soft);--gutter:clamp(1.25rem, 5vw, 4rem)}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:1rem/1.6 Fraunces,Georgia,serif}[lang=ja]{font-family:Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,serif}.wrap{width:min(100% - 2 * var(--gutter), 1100px);margin-inline:auto}a{color:inherit}:focus-visible{outline-offset:4px;outline:2px solid}[id]{scroll-margin-top:4.5rem}.skip{z-index:4;background:var(--paper);padding:.6rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip:focus{transform:none}.top{z-index:2;background:var(--paper);color:var(--ink);transition:color .35s;position:sticky;top:0}.catcha-visible .top{color:var(--ink-green)}.bar{border-bottom:1px dashed;justify-content:space-between;align-items:center;min-height:54px;display:flex}.brand,nav a,nav button,.foot a{align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.brand,nav a{text-decoration:none}nav button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 .4rem}nav ul{padding:.35rem var(--gutter) .6rem;background:var(--paper);border-bottom:1px dashed;margin:0;list-style:none;display:none;position:absolute;inset:100% 0 auto}nav button[aria-expanded=true]+ul{display:block}nav a{width:100%}nav a:hover,.brand:hover{text-underline-offset:.25em;text-decoration:underline}.hero{text-align:center;padding-block:1rem .8rem}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h1{letter-spacing:-.055em;font-size:clamp(3rem,13vw,7.5rem);line-height:.95}h1 span,h2 span{letter-spacing:0;font-weight:600;display:block}h1 span{margin-top:.22em;font-size:.51em}h2{letter-spacing:-.04em;margin-bottom:1.45rem;font-size:clamp(2.25rem,9vw,4rem);line-height:1}h2 span{margin-top:.28em;font-size:.57em}.hero p{margin-block:.85rem 1rem}.hero .pill{align-items:center;gap:.4rem;width:auto;min-height:44px;padding:.55rem 1.25rem;font-size:.95rem;display:inline-flex}.hero .pill span{font-size:.9em}.pill{background:var(--ink);min-height:46px;color:var(--paper);border:1px solid var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:.85rem;padding:.45rem 1.2rem;text-decoration:none;display:inline-flex}.pill:hover{color:var(--ink);background:var(--paper)}.pill:focus-visible{outline-color:var(--ink)}.hero-art{justify-content:center;align-items:end;display:flex}.hero-art .glass{width:80px;height:auto}.menu{border-top:1px dashed}.columns section{padding-block:1.7rem 2.3rem}.columns section+section,.catcha{border-top:1px dashed}.drinks{gap:2rem;margin:0;padding:0;list-style:none;display:grid}.drink{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:1rem;display:grid}.glass{object-fit:contain;mix-blend-mode:multiply;transition:transform .22s;display:block;overflow:visible}@media (hover:hover){.drink:hover .glass{transform:rotate(3deg)}}.drink:active .glass{transform:rotate(3deg)}h3{font-size:1.16rem;line-height:1.25}.drink [lang=ja]{margin-top:.16rem}.ingredients{color:var(--soft);margin-top:.22rem}.glasses{display:none}.catcha{--ink:var(--ink-green);--soft:var(--ink-green-soft);color:var(--ink);padding-block:2.6rem 3.5rem}.catcha-heading{text-align:center;margin-bottom:1.5rem}.catcha-icon{object-fit:contain;mix-blend-mode:multiply;margin:0 auto .7rem;display:block}.catcha-heading h2{border-inline:1px dashed;margin-bottom:1rem;padding-inline:1.5rem;display:inline-block}.backmatter{background:var(--paper-deep);border-block:1px dashed}.details{gap:2rem;padding-block:2.3rem;display:grid}.details p{max-width:39ch}.details img{margin-top:.5rem;display:block}dl{grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:0 0 1rem;display:grid}dd{margin:0}.visit-map{border:1px dashed;width:100%;margin-bottom:1rem;display:block}.visit-links{flex-wrap:wrap;gap:.6rem;display:flex}#visit .pill{width:100%}.foot{flex-wrap:wrap;align-items:center;gap:.5rem;min-height:66px;display:flex}.foot a{text-underline-offset:.2em;margin-left:auto}@media (width>=640px){.bar{min-height:66px}nav button{display:none}nav ul,nav button[aria-expanded=true]+ul{border:0;gap:1.9rem;padding:0;display:flex;position:static}.hero{grid-template-columns:1fr 1fr;align-items:center;padding-block:2.4rem;display:grid}.hero-copy{padding-block:1rem}h1{font-size:clamp(3rem,8vw,7.5rem)}.hero-art .glass{width:min(31%,140px)}.columns{grid-template-columns:1fr 1fr;display:grid}.columns section{padding:2.5rem clamp(1rem,3vw,3rem) 3rem 0}.columns section+section{border-top:0;border-left:1px dashed;padding:2.5rem 0 3rem clamp(1rem,3vw,3rem)}.glasses{grid-template-columns:repeat(2,56px);justify-content:center;margin:-.6rem 0 .7rem;display:grid}.glasses .glass{width:56px;height:auto}.details{grid-template-columns:1fr 1fr}#visit .pill{width:auto}}@media (width>=960px){.catcha{grid-template-columns:1fr 230px;gap:1rem 2rem;display:grid}.catcha-heading{grid-area:1/2;align-self:start;padding-top:2rem}.catcha-heading h2{font-size:3.25rem}.catcha .drinks{border-left:1px dashed;grid-area:1/1;padding-inline:1.75rem}.catcha .drink{text-align:center;grid-template-columns:95px minmax(0,1fr) 95px}.catcha .drink>div{grid-area:1/2}.catcha .drink:nth-child(2n) .glass{grid-area:1/3}.catcha .glass{width:95px;height:auto}}@media (prefers-reduced-motion:reduce){.top,.glass{transition:none}.drink:hover .glass,.drink:active .glass{transform:none}}.foot .footer-credit{font-size:.875rem;font-weight:400}@media (width<=640px) and (prefers-reduced-motion:no-preference){.hero h1{animation:.6s ease-out mochi-settle}.hero-art .glass{will-change:transform;animation:4s ease-in-out infinite mochi-float}.hero-art .glass:nth-child(2){animation-delay:.6s}.hero-art .glass:nth-child(3){animation-delay:1.2s}.hero .pill{transition:transform .12s ease-out}.hero .pill:active{transform:scale(.97)}@keyframes mochi-settle{0%,to{transform:translateY(0)}55%{transform:translateY(4px)}}@keyframes mochi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}}