.attractions-header{background:linear-gradient(135deg,var(--secondary) 0%,#2980b9 100%);color:var(--white);padding:6rem 1rem 4rem;text-align:center;margin-bottom:3rem;position:relative;overflow:hidden}.attractions-header:after{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;background:rgba(255,255,255,.05);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.attractions-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;color:var(--white);text-shadow:0 4px 6px rgba(0,0,0,.1)}.attractions-header .lead{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto;font-weight:300}.attractions-filters{margin-top:-3rem;margin-bottom:3rem;position:relative;z-index:10}.filter-bar{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;background:var(--white);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:900px;margin:0 auto}.filter-select{padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;min-width:200px;font-size:1rem;background:var(--bg);cursor:pointer;transition:var(--transition);color:var(--text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232c3e50' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.filter-select:hover{border-color:var(--secondary);background-color:var(--white)}.filter-select:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px rgba(46,134,193,.1)}.attractions-grid-section{padding:1rem 0 5rem}.attractions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem}.attraction-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);height:100%;display:flex;flex-direction:column}.attraction-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.attraction-image{position:relative;height:240px;overflow:hidden}.attraction-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.attraction-card:hover .attraction-image img{transform:scale(1.1)}.attraction-category{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);color:var(--secondary);padding:.35rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.attraction-content{padding:1.75rem;flex:1;display:flex;flex-direction:column}.attraction-content h3{font-size:1.35rem;font-weight:700;margin-bottom:.75rem;color:var(--text);line-height:1.4}.attraction-content p{color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.attraction-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:1px solid var(--border)}.location{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem;font-weight:500}.location i{color:var(--secondary)}.learn-more{color:var(--secondary);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.25rem}.learn-more:after{content:'→';transition:transform .3s}.learn-more:hover{color:var(--primary)}.learn-more:hover:after{transform:translateX(4px)}@media (max-width:768px){.attractions-header{padding:4rem 1rem 3rem}.attractions-header h1{font-size:2rem}.attractions-filters{margin-top:0}.filter-bar{padding:1rem;box-shadow:var(--shadow)}}