:root{--espresso: #1C1410;--dark: #2D2926;--ink: #3D3833;--muted: #8C857D;--rule: #E0D9D0;--latte: #F0EAE0;--cream: #FAF6F1;--white: #FEFDFB;--terracotta: #C4572A;--terracotta-light: #D4734E;--sage: #5B7B5E;--sage-light: #E8EFE8;--clay: #B8956A;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Karla", -apple-system, sans-serif;--max-w: 1120px;--gap: clamp(1rem, 3vw, 2rem)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--gap)}.site-header{background:var(--espresso);color:var(--cream);padding:0;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{display:flex;justify-content:space-between;align-items:center;height:56px}.site-title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;text-decoration:none;color:var(--cream);letter-spacing:-.02em}.site-title span{color:var(--terracotta-light)}.main-navigation ul{display:flex;list-style:none;gap:.25rem}.main-navigation a{color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:.4rem .75rem;border-radius:4px;transition:color .2s,background .2s}.main-navigation a:hover,.main-navigation a[aria-current=page]{color:var(--cream);background:#ffffff14}.hero-section{background:var(--espresso);color:var(--cream);padding:clamp(3rem,8vw,5rem) 0 clamp(3rem,8vw,4.5rem);position:relative;overflow:hidden}.hero-section:after{content:"";position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.hero-section .container{position:relative;z-index:1}.hero-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--terracotta-light);font-weight:600;margin-bottom:.75rem}.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.8rem);font-weight:500;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}.hero-subtitle{font-size:1.05rem;color:#faf6f1a6;max-width:520px;line-height:1.6}.stats-row{display:flex;gap:2.5rem;margin-top:2.5rem;flex-wrap:wrap}.stat-block{display:flex;flex-direction:column}.stat-number{font-family:var(--font-display);font-size:2rem;font-weight:600;line-height:1;color:var(--cream)}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#faf6f173;margin-top:.3rem}.section{padding:clamp(2rem,5vw,3.5rem) 0}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;border-bottom:1px solid var(--rule);padding-bottom:.75rem}.section-title{font-family:var(--font-display);font-size:1.6rem;font-weight:500;color:var(--dark);letter-spacing:-.01em}.section-link{font-size:.8rem;color:var(--terracotta);text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.section-link:hover{text-decoration:underline}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:8px;overflow:hidden}.coffee-shop-card{background:var(--white);display:flex;flex-direction:column;transition:background .2s;text-decoration:none;color:inherit;position:relative}.coffee-shop-card:hover{background:var(--cream)}.card-body{padding:1.25rem 1.25rem 1rem;flex:1;display:flex;flex-direction:column}.card-name{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--dark);margin-bottom:.2rem;line-height:1.25;letter-spacing:-.01em}.card-location-text{font-size:.78rem;color:var(--muted);margin-bottom:.85rem}.card-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.meta-chip{font-size:.72rem;font-weight:600;padding:.25rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.meta-chip--wifi{background:var(--sage-light);color:var(--sage)}.meta-chip--power{background:#eee8d5;color:#8b7355}.meta-chip--price{background:#f0eaff;color:#6b5b8d}.wifi-bars{display:inline-flex;gap:2px;align-items:flex-end;height:12px;margin-right:4px;vertical-align:middle}.wifi-bars span{width:3px;background:var(--sage);border-radius:1px;opacity:.25}.wifi-bars span.active{opacity:1}.wifi-bars span:nth-child(1){height:4px}.wifi-bars span:nth-child(2){height:6px}.wifi-bars span:nth-child(3){height:9px}.wifi-bars span:nth-child(4){height:12px}.card-details{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:auto}.detail-tag{font-size:.68rem;color:var(--muted);background:var(--latte);padding:.15rem .4rem;border-radius:2px}.card-arrow{position:absolute;top:1.25rem;right:1.25rem;font-size:.9rem;color:var(--rule);transition:color .2s,transform .2s}.coffee-shop-card:hover .card-arrow{color:var(--terracotta);transform:translate(2px)}.city-card{background:var(--white);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:background .2s}.city-card:hover{background:var(--cream)}.city-card-inner{padding:1.25rem;display:flex;justify-content:space-between;align-items:center}.city-name{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--dark);letter-spacing:-.01em}.city-country{font-size:.78rem;color:var(--muted);margin-top:.1rem}.city-count{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--terracotta);min-width:2.5rem;text-align:right}.city-count-label{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:right}.shop-hero{background:var(--espresso);color:var(--cream);padding:clamp(2.5rem,6vw,4rem) 0;position:relative;overflow:hidden}.shop-hero:after{content:"";position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.shop-hero .container{position:relative;z-index:1}.shop-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin-bottom:.4rem}.shop-location{font-size:.95rem;color:#faf6f199;margin-bottom:2rem}.shop-stats{display:flex;gap:2rem;flex-wrap:wrap}.shop-stat{display:flex;flex-direction:column}.shop-stat-value{font-family:var(--font-display);font-size:1.3rem;font-weight:600;line-height:1}.shop-stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#faf6f166;margin-top:.2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--gap);margin-top:1.5rem}.info-card{background:var(--white);border:1px solid var(--rule);border-radius:8px;padding:1.5rem}.info-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--dark);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--rule)}.info-card h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:1rem;margin-bottom:.5rem}.info-card h4:first-of-type{margin-top:0}.tag-group{display:flex;flex-wrap:wrap;gap:.3rem}.tag{font-size:.75rem;padding:.25rem .6rem;background:var(--latte);color:var(--ink);border-radius:3px}.tag--accent{background:var(--sage-light);color:var(--sage);font-weight:600}.feature-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--latte)}.feature-row:last-child{border-bottom:none}.feature-label{font-size:.85rem;color:var(--muted)}.feature-value{font-size:.85rem;font-weight:600;color:var(--dark)}.feature-value--good{color:var(--sage)}.feature-value--neutral{color:var(--clay)}.contact-card{background:var(--dark);color:var(--cream);border-radius:8px;padding:1.5rem;margin-top:var(--gap)}.contact-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.contact-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.6rem}.contact-item{display:flex;align-items:center;gap:.6rem;font-size:.88rem}.contact-icon{width:28px;height:28px;background:#ffffff14;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.contact-item a{color:var(--terracotta-light);text-decoration:none}.contact-item a:hover{text-decoration:underline}.filter-bar{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.filter-group select{padding:.45rem .7rem;border:1px solid var(--rule);border-radius:4px;font-size:.82rem;font-family:var(--font-body);background:var(--white);color:var(--ink);cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--terracotta)}.breadcrumbs{padding:.75rem 0;font-size:.75rem;color:var(--muted)}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--terracotta)}.breadcrumbs span{margin:0 .3rem;opacity:.4}.city-intro{font-size:.95rem;color:var(--muted);line-height:1.7;margin-bottom:1.5rem;max-width:680px}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-family:var(--font-body);font-size:.8rem;font-weight:600;text-decoration:none;border-radius:4px;border:none;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.04em}.btn--primary{background:var(--terracotta);color:#fff}.btn--primary:hover{background:var(--terracotta-light)}.btn--outline{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--cream)}.btn--outline:hover{background:#ffffff14;border-color:#ffffff80}.btn--ghost{background:transparent;border:1px solid var(--rule);color:var(--ink)}.btn--ghost:hover{border-color:var(--dark);background:var(--latte)}.site-footer{background:var(--espresso);color:#faf6f166;padding:2.5rem 0;margin-top:3rem;border-top:1px solid rgba(255,255,255,.04)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-brand{font-family:var(--font-display);font-size:1rem;color:#faf6f199}.footer-nav{display:flex;gap:1.5rem}.footer-nav a{color:#faf6f166;text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;transition:color .2s}.footer-nav a:hover{color:var(--cream)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--muted);font-style:italic}.data-notice{font-size:.72rem;color:var(--muted);font-style:italic;padding:.5rem 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-section .container>*{animation:fadeUp .5s ease-out both}.hero-section .container>*:nth-child(1){animation-delay:0s}.hero-section .container>*:nth-child(2){animation-delay:.08s}.hero-section .container>*:nth-child(3){animation-delay:.16s}.hero-section .container>*:nth-child(4){animation-delay:.24s}.shop-hero .container>*{animation:fadeUp .5s ease-out both}.shop-hero .container>*:nth-child(1){animation-delay:0s}.shop-hero .container>*:nth-child(2){animation-delay:.06s}.shop-hero .container>*:nth-child(3){animation-delay:.12s}@media(max-width:768px){.cards-grid,.info-grid{grid-template-columns:1fr}.stats-row{gap:1.5rem}.shop-stats{gap:1.25rem}.header-inner{height:48px}.main-navigation ul{gap:0}.main-navigation a{padding:.4rem .5rem;font-size:.72rem}.footer-inner{flex-direction:column;text-align:center}.filter-bar{flex-direction:column}.contact-list{grid-template-columns:1fr}}@media(max-width:480px){.hero-title{font-size:2rem}.stats-row{flex-direction:column;gap:1rem}}