.hero-image{background-image:url("coffee-hero-morning.webp");background-position:45% center}
.nav{background:var(--ink);border-bottom-color:#ffffff1f}
.nav .brand,.nav .nav-order{color:#fff}
.coffee-card{position:relative;overflow:hidden}
.coffee-card>*{position:relative;z-index:1}
.coffee-card:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;opacity:.1;pointer-events:none;z-index:0}
.brazil-card:before{background-image:url("flag-brazil.webp")}
.colombia-card:before{background-image:url("flag-colombia.webp")}
.local-tag{right:26px;max-width:190px;line-height:1.55;white-space:normal}
@media(max-width:560px){.local-tag{right:18px;top:30px;max-width:155px;font-size:.68rem}}