.page-hero{padding:8rem 0 4rem}.page-hero--sand{background:linear-gradient(180deg,#eee5d0 0,var(--color-cream) 100%)}.page-hero--navy{background:var(--color-navy);color:#fff}.page-hero--navy .muted{color:hsla(0,0%,100%,.6)}.page-hero--navy .section-label{color:var(--color-gold)}.filters{display:flex;flex-direction:column;gap:1.25rem}@media (max-width:600px){.filters{padding:0 1rem}}.filters__search{position:relative;max-width:440px}.filters__search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:.9rem;pointer-events:none}.filters__input{width:100%;padding:.85rem 1rem .85rem 2.75rem;border:2px solid #e0d8c8;border-radius:100px;font-family:var(--font-body);font-size:.95rem;background:var(--color-white);color:var(--color-navy);outline:none;transition:border-color var(--transition)}.filters__input:focus{border-color:var(--color-terracotta)}.filters__cats{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{padding:.45rem 1.1rem;border-radius:100px;border:1.5px solid #d8cfc0;background:var(--color-white);font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--color-navy);cursor:pointer;transition:background-color var(--transition),border-color var(--transition)}@media (hover:hover){.filter-btn:hover{border-color:var(--color-terracotta);color:var(--color-terracotta)}}.filter-btn--active,.filter-btn:active{background:var(--color-terracotta);border-color:var(--color-terracotta);color:#fff}.empty-state{text-align:center;padding:5rem 0}.load-more-wrap{display:flex;justify-content:center;padding:3rem 0 1rem}.load-more-btn{min-width:200px}.load-more-count{font-size:.8em;opacity:.65;font-weight:400}.stars{display:flex;gap:2px;margin-bottom:.5rem}.star{font-size:.85rem}.star--on{color:var(--color-gold)}.star--off{color:#d8cfc0}.attractions-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:3rem}.card--h{display:flex;flex-direction:row;align-items:stretch}.card--h .card__image-wrap{flex:0 0 200px;position:relative;overflow:hidden;min-height:180px}.card--h .card__body{flex:1 1;min-width:0;padding:1.25rem;display:flex;flex-direction:column;justify-content:center}@media (max-width:900px){.attractions-grid{grid-template-columns:1fr}}@media (max-width:600px){.card--h{flex-direction:column}.card--h .card__image-wrap{flex:none;min-height:200px}}