.coffee-stop-card{cursor:pointer;--tw-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #00000014;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 10px 10px -5px var(--tw-shadow-color);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;overflow:hidden}.coffee-stop-card:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.coffee-stop-card.compact .image-section{height:14rem}.coffee-stop-card:not(.compact) .image-section{height:18rem}.coffee-stop-card .image-section{border-radius:1rem;align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}.coffee-stop-card .image-section .coffee-image{-o-object-fit:cover;object-fit:cover;border-radius:1rem;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.coffee-stop-card .image-section .image-placeholder{--tw-bg-opacity:1;background-color:rgb(31 34 38/var(--tw-bg-opacity,1));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.coffee-stop-card .image-section .image-placeholder .placeholder-icon{--tw-text-opacity:1;color:rgb(196 230 70/var(--tw-text-opacity,1))}.coffee-stop-card .image-section .coffee-card-shadow{pointer-events:none;background:linear-gradient(#0000 30%,#0006 65%,#000000d9 100%);position:absolute;inset:0}.coffee-stop-card .image-section .content-overlay{z-index:10;--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));padding:1rem;position:relative}@media (min-width:640px){.coffee-stop-card .image-section .content-overlay{padding:1.25rem}}.coffee-stop-card .image-section .content-overlay.compact{padding:.75rem}.coffee-stop-card .image-section .content-overlay .coffee-stop-type-label{text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(224 242 154/var(--tw-text-opacity,1));margin-bottom:.25rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-block}.coffee-stop-card .image-section .content-overlay .coffee-stop-title{font-family:var(--font-anton),sans-serif;text-transform:uppercase;font-size:1.875rem;font-weight:700;line-height:2.25rem}@media (min-width:640px){.coffee-stop-card .image-section .content-overlay .coffee-stop-title{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.coffee-stop-card .image-section .content-overlay .coffee-stop-title{font-size:2.25rem;line-height:2.5rem}}.coffee-stop-card .image-section .content-overlay.compact .coffee-stop-title{font-size:1.25rem;line-height:1.75rem}@media (min-width:640px){.coffee-stop-card .image-section .content-overlay.compact .coffee-stop-title{font-size:1.5rem;line-height:2rem}}.coffee-stop-card .image-section .content-overlay .location-stat{color:#ffffffe6;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.875rem;line-height:1.25rem;display:flex}