.filter-bar{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.filter-button{font-family:var(--font-heading);font-size:var(--text-small);font-weight:560;letter-spacing:0;text-transform:none;padding:.75rem 2rem;min-height:44px;border:1px solid var(--color-border);background:transparent;color:var(--color-grey-mid);cursor:pointer;transition:var(--transition)}.filter-button:hover,.filter-button.active{border-color:var(--color-black);background:var(--color-black);color:var(--color-cream)}.porto-places-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.porto-place-card{background:var(--color-white);border:1px solid var(--color-border);overflow:hidden;transition:var(--transition)}.porto-place-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000001a}.porto-place-image{position:relative;aspect-ratio:4/3;overflow:hidden}.porto-place-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.porto-place-card:hover .porto-place-image img{transform:scale(1.05)}.place-category-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);font-size:var(--text-caption);font-weight:600;letter-spacing:0;text-transform:none;padding:.5rem 1rem;background:var(--color-black);color:var(--color-cream)}.porto-place-content{padding:var(--spacing-lg)}.porto-place-content h3{font-family:var(--font-heading);font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:560;margin-bottom:var(--spacing-sm)}.place-address{font-size:var(--text-small);color:var(--color-grey-mid);margin-bottom:var(--spacing-md)}.place-description{font-size:1rem;line-height:1.7;color:var(--color-grey-mid);margin-bottom:var(--spacing-md)}.place-tips{font-size:var(--text-small);line-height:1.6;color:var(--color-grey-dark);background:var(--color-cream);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);border:1px solid var(--color-border)}.place-tips strong{font-weight:600;text-transform:none;letter-spacing:0;font-size:var(--text-caption)}.place-directions{display:inline-block;font-size:var(--text-small);font-weight:560;letter-spacing:0;text-transform:none;color:var(--color-grey-mid);transition:var(--transition)}.place-directions:hover{color:var(--color-black)}@media(max-width:768px){.filter-bar{flex-wrap:wrap}.filter-button{flex:1;min-width:120px}.porto-places-grid{grid-template-columns:1fr}}