.masthead{background:var(--surface-1);padding:3rem 3rem 2.5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--hairline)}.masthead-inner{max-width:860px;margin:0 auto}.masthead-label{font-family:var(--font-ui);font-size:.65rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem}.masthead-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:600;color:var(--text-primary);margin:0 0 1.75rem;line-height:1}.search-wrap{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--accent);pointer-events:none}#search-input{width:100%;box-sizing:border-box;background:var(--surface-0);border:1px solid var(--hairline);border-radius:8px;color:var(--text-primary);font-family:var(--font-ui);font-size:1.1rem;letter-spacing:.04em;padding:.9rem 4rem .9rem 3rem;outline:none;transition:border-color .15s,background .15s}#search-input::placeholder{color:var(--text-muted)}#search-input:focus{border-color:var(--accent);background:var(--surface-0)}.search-shortcut{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-family:var(--font-ui);font-size:.7rem;letter-spacing:.06em;color:var(--accent);background:var(--accent-deep);border:1px solid var(--hairline);border-radius:4px;padding:.15rem .45rem;pointer-events:none}.filter-section{max-width:860px;margin:0 auto;padding:1.5rem 0 0}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem}.filter-label{font-family:var(--font-ui);font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);min-width:80px}.filter-pill{font-family:var(--font-ui);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .8rem;border-radius:20px;border:1px solid var(--hairline);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.filter-pill:hover{border-color:var(--accent);color:var(--text-primary)}.filter-pill.active{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--accent)}body{background:var(--surface-0)}.search-body{max-width:1600px;margin:0 auto;padding:2.5rem 3rem 5rem}.status-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--hairline)}#search-status{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);min-height:1.2em}#results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.result-card{display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:12px;overflow:hidden;text-decoration:none;background:var(--surface-1);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;animation:card-in .25s ease both}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-deep);transform:translateY(-3px)}.card-img-wrap{height:200px;overflow:hidden;flex-shrink:0}.card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.result-card:hover .card-img-wrap img{transform:scale(1.05)}.card-img-placeholder{height:200px;flex-shrink:0;background:var(--surface-0);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-img-placeholder:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(159 203 139 / .07) 18px,rgba(159 203 139 / .07) 19px)}.card-img-placeholder-label{font-family:var(--font-ui);font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8fa08f99;position:relative}.card-body{display:flex;flex-direction:column;flex:1;padding:1rem 1.1rem 1.1rem}.card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.card-badge{font-family:var(--font-ui);font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:var(--accent-deep);color:var(--accent);padding:.15rem .5rem;border-radius:3px}.card-date{font-size:.75rem;color:var(--text-muted)}.card-title{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin:0 0 .5rem;transition:color .15s}.result-card:hover .card-title{color:var(--accent)}.card-desc{font-size:.82rem;color:var(--text-muted);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-attrs{font-family:var(--font-ui);font-size:.68rem;font-weight:600;letter-spacing:.07em;color:var(--accent);margin-top:.6rem}.card-attr-sep{color:var(--hairline)}.card-more{font-family:var(--font-ui);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-top:.75rem}.state-message{grid-column:1 / -1;text-align:center;padding:5rem 2rem}.state-icon{width:56px;height:56px;background:var(--surface-1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--accent)}.state-message h2{font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.state-message p{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.6}@media(max-width:960px){#results-grid{grid-template-columns:repeat(2,1fr)}.masthead,.search-body{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:600px){#results-grid{grid-template-columns:1fr}.masthead,.search-body{padding-left:1rem;padding-right:1rem}.search-shortcut{display:none}}