/* Readable type and a cup-focused second photograph. */
:is(.cafe,.shokudo){font-size:16px}
:is(.cafe,.shokudo) .demo-bar,:is(.cafe,.shokudo) .shop-logo small,:is(.cafe,.shokudo) .kicker,:is(.cafe,.shokudo) .hero-caption,:is(.cafe,.shokudo) .menu-price small,:is(.cafe,.shokudo) .example-footer{font-size:12px}
:is(.cafe,.shokudo) .example-header nav{font-size:14px}
:is(.cafe,.shokudo) .hero-copy>p:not(.kicker),:is(.cafe,.shokudo) .story>div>p:not(.kicker),:is(.cafe,.shokudo) .menu-item p,:is(.cafe,.shokudo) .gift-section p:not(.kicker),:is(.cafe,.shokudo) .access p{font-size:15px}
:is(.cafe,.shokudo) .round-link,:is(.cafe,.shokudo) .section-title>p:last-child:not(.kicker),:is(.cafe,.shokudo) .access dl>div,:is(.cafe,.shokudo) .demo-button{font-size:14px}
:is(.cafe,.shokudo) .demo-bottom p{font-size:13px}
:is(.cafe,.shokudo) .example-footer{flex-wrap:wrap}
@media(max-width:800px){:is(.cafe,.shokudo) .example-header{height:auto;min-height:100px;gap:20px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}:is(.cafe,.shokudo) .example-header nav{max-width:none;gap:18px}:is(.cafe,.shokudo) .shop-logo small{font-size:11px;letter-spacing:.08em}}
:is(.cafe,.shokudo) .round-link,:is(.cafe,.shokudo) .demo-button{gap:8px;justify-content:center}
.cafe .hero-copy .kicker,.cafe .editorial-masthead span{font-size:12px}
.cafe .section-title .kicker{font-size:64px}
@media(max-width:600px){.cafe .section-title .kicker{font-size:52px}.cafe .menu-item{grid-template-columns:24px minmax(0,1fr)}.cafe .menu-item p{grid-column:2;grid-row:2}.cafe .menu-price{grid-column:2;grid-row:3}.cafe .menu-price small{display:inline-block;margin-left:8px}.shokudo .demo-bar,.cafe .demo-bar{flex-wrap:wrap}.shokudo .demo-bar>span,.cafe .demo-bar>span{max-width:none}.shokudo .hero-caption,.cafe .hero-caption{line-height:1.8;letter-spacing:.08em}}