.perpus-page{min-height:100vh;background-color:var(--color-bg)}.perpus-hero{background-color:var(--color-navy);color:var(--color-white);padding:var(--space-10) 0 var(--space-8);text-align:center}.perpus-hero__eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--space-2)}.perpus-hero__title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2;margin:0 0 var(--space-3)}.perpus-hero__title-accent{color:var(--color-gold)}.perpus-hero__subtitle{font-size:1rem;color:rgba(255,255,255,.75);max-width:540px;margin:0 auto;line-height:1.6}.perpus-controls{background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;position:sticky;top:64px;z-index:100;box-shadow:var(--shadow-sm)}.perpus-controls__inner{max-width:1200px;margin:0 auto;padding:0 var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.perpus-search-wrap{position:relative;max-width:480px;width:100%}.perpus-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;color:var(--color-text-muted)}.perpus-search{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 1.5rem);border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-size:.9rem;font-family:inherit;background:var(--color-bg);color:var(--color-ink);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.perpus-search:focus{border-color:var(--color-maroon);box-shadow:0 0 0 3px rgba(84,17,26,.1)}.perpus-search::placeholder{color:var(--color-text-muted)}.perpus-filters{display:flex;flex-wrap:wrap;gap:var(--space-1)}.perpus-filter-chip{padding:4px 14px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:transparent;color:var(--color-ink-light);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.perpus-filter-chip:hover{border-color:var(--color-maroon);color:var(--color-maroon)}.perpus-filter-chip--active{background-color:var(--color-maroon);border-color:var(--color-maroon);color:var(--color-white)}.perpus-results-bar{max-width:1200px;margin:var(--space-5) auto var(--space-2);padding:0 var(--space-5);font-size:.875rem;color:var(--color-text-muted)}.perpus-results-bar strong{color:var(--color-ink)}.perpus-grid{max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-5) var(--space-10);display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.perpus-card{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-base),box-shadow var(--transition-base)}.perpus-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.perpus-card__img-wrap{position:relative;height:180px;overflow:hidden;background-color:var(--color-border)}.perpus-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.perpus-card:hover .perpus-card__img{transform:scale(1.04)}.perpus-card__category-badge{position:absolute;top:var(--space-2);left:var(--space-2);background-color:var(--color-maroon);color:var(--color-white);font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:var(--radius-full)}.perpus-card__body{padding:var(--space-4);display:flex;flex-direction:column;flex:1;gap:var(--space-1)}.perpus-card__name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--color-navy);margin:0;line-height:1.3}.perpus-card__meta{display:flex;flex-direction:column;gap:4px;margin-top:var(--space-1)}.perpus-card__meta-row{display:flex;align-items:flex-start;gap:6px;font-size:.8rem;color:var(--color-ink-light);line-height:1.4}.perpus-card__meta-icon{flex-shrink:0;margin-top:1px}.perpus-card__desc{font-size:.82rem;color:var(--color-ink-light);line-height:1.55;margin-top:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.perpus-card__actions{display:flex;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.perpus-card__btn-detail{flex:1;text-align:center;padding:7px 12px;border-radius:var(--radius-md);background-color:var(--color-maroon);color:var(--color-white);font-size:.8rem;font-weight:600;text-decoration:none;transition:background-color var(--transition-fast)}.perpus-card__btn-detail:hover{background-color:var(--color-maroon-dark,#3d090e)}.perpus-card__btn-map{display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:transparent;color:var(--color-navy);font-size:.8rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.perpus-card__btn-map:hover{border-color:var(--color-navy);background-color:var(--color-navy);color:var(--color-white)}.perpus-empty{grid-column:1/-1;text-align:center;padding:var(--space-10) var(--space-5);color:var(--color-text-muted)}.perpus-empty__icon{font-size:3rem;margin-bottom:var(--space-3)}.perpus-empty__text{font-size:1rem;margin:0}@media (max-width:640px){.perpus-controls__inner{padding:0 var(--space-3)}.perpus-grid{padding:var(--space-3) var(--space-3) var(--space-8);grid-template-columns:1fr}.perpus-results-bar{padding:0 var(--space-3)}.perpus-hero{padding:var(--space-8) var(--space-3) var(--space-6)}}