:root{--red:#ee8fa6;--pink:#ec9db0;--ink:#f8f0e5}
.hero-brand{font-size:clamp(76px,10vw,164px)}
.hero-by{margin-top:12px}
.hero-photo-main img{object-position:63% center}
.hero-photo-top img{object-position:center}
.hero-photo-bottom img{object-position:center}
.card-coffee{background:#2c2427}
.card-sweet{background:#644253}
.card-brunch{background:#463b37}
.story{background:#2b2025}
.arch{background:#a95068}
.dog strong{font:70px 'Playfair Display',serif;color:#a95068}
.inquiry{margin-top:32px}
.visit-grid strong a{color:inherit;text-decoration:none}
.visit-grid strong a:hover{text-decoration:underline}
.visit-grid strong{overflow-wrap:anywhere}
.demo-note{padding:12px 7vw 20px;background:#151312;color:#a89c94;font-size:10px;line-height:1.5}
.demo-note a{color:#d9a9b7;text-decoration:underline}
@media(min-width:651px) and (max-width:900px){.hero-copy{width:53%}.hero .lead{max-width:360px;font-size:15px}.hero-gallery{width:42%;right:2vw}}
@media(max-width:650px){.hero-brand{font-size:21vw}.hero-by{font-size:12vw}.hero-gallery{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.marquee div{animation:none}}