.era,.era *{box-sizing:border-box}
.era{--ink:#0c1424;--text:#4f5f73;--muted:#8a96a8;--line:#e1e7ee;--soft:#f7f9fc;--soft2:#fbfcfe;--blue:#2357ff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.era a{text-decoration:none!important}
.era-controls{padding-top:34px}
.era-search-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px}
.era-search{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 18px;border:1px solid #bcc7d5;background:#fff}
.era-search:focus-within{border-color:#7e8da2;box-shadow:0 0 0 1px #7e8da2}
.era-search svg{width:19px;height:19px;flex:0 0 19px;stroke:#758399}
.era-search input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--ink)!important;font:15px Arial,Helvetica,sans-serif!important}
.era-sort{min-height:58px;padding:0 14px;border:1px solid #bcc7d5!important;border-radius:0!important;background:#fff!important;color:var(--ink)!important;font:12px Arial,Helvetica,sans-serif!important;font-weight:750!important}
.era-filter-block{padding:24px 0 0}
.era-filter-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:11px}
.era-filter-head strong{font-size:12px}
.era-clear{padding:0;border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:850;cursor:pointer}
.era-filters{display:flex;flex-wrap:wrap;gap:7px}
.era-filter{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:0;background:#fff;color:#667386;font-size:10px;font-weight:800;cursor:pointer}
.era-filter:hover{border-color:#b7c2d0;color:var(--blue)}
.era-filter.active{border-color:var(--ink);background:var(--ink);color:#fff}
.era-results-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;padding:14px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.era-count{color:var(--text);font-size:11px}
.era-count strong{color:var(--ink)}
.era-meta{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.era-featured{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);margin-top:28px;border:1px solid var(--line);background:#fff}
.era-featured-media{min-height:390px;overflow:hidden;background:var(--soft)}
.era-featured-media img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block}
.era-placeholder{width:100%;height:100%;min-height:220px;display:grid;place-items:center;background:linear-gradient(135deg,#f5f7fa,#fff);color:#b0bac7;font-size:34px;font-weight:800}
.era-featured .era-placeholder{min-height:390px;font-size:50px}
.era-featured-copy{display:flex;flex-direction:column;justify-content:center;padding:40px}
.era-post-meta{display:flex;flex-wrap:wrap;gap:7px 14px;align-items:center;margin-bottom:14px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.era-post-meta .brand{color:var(--blue)}
.era-featured-copy h2{margin:0;color:var(--ink);font-size:clamp(31px,3vw,45px);line-height:1.06;letter-spacing:-.045em}
.era-featured-copy p{margin:16px 0 0;color:var(--text);font-size:14px;line-height:1.7}
.era-read{display:inline-flex;margin-top:24px;color:var(--blue)!important;font-size:11px;font-weight:850}
.era-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-top:1px solid var(--ink);border-left:1px solid var(--line)}
.era-card{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.era-card-media{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line);background:var(--soft)}
.era-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease}
.era-card:hover .era-card-media img{transform:scale(1.02)}
.era-card-body{display:flex;flex:1;flex-direction:column;padding:22px}
.era-card-body h3{margin:0;color:var(--ink);font-size:20px;line-height:1.25;letter-spacing:-.03em}
.era-card-body p{margin:10px 0 0;color:var(--text);font-size:12px;line-height:1.62}
.era-card-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:auto;padding-top:20px}
.era-card-date{color:var(--muted);font-size:9px}
.era-card-footer a{color:var(--blue)!important;font-size:10px;font-weight:850}
.era-empty{padding:44px 0;color:var(--muted);font-size:13px;line-height:1.6;text-align:center}
.era-more-wrap{display:flex;justify-content:center;padding:32px 0 74px}
.era-more{min-height:46px;padding:0 20px;border:1px solid var(--ink);background:#fff;color:var(--ink);font-size:11px;font-weight:850;cursor:pointer}
.era-more:hover{background:var(--ink);color:#fff}
.era-more[hidden],.era-empty[hidden]{display:none!important}
@media(max-width:1050px){.era-featured{grid-template-columns:1fr}.era-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.era-featured-media,.era-featured-media img,.era-featured .era-placeholder{min-height:320px}}
@media(max-width:700px){.era-search-row{grid-template-columns:1fr}.era-grid{grid-template-columns:1fr}.era-featured-copy{padding:25px}.era-results-bar{align-items:flex-start;flex-direction:column;gap:5px}}
.era-brand-control{max-width:420px}
.era-brand-select{
  width:100%;
  min-height:46px;
  padding:0 38px 0 13px;
  border:1px solid #bcc7d5!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--ink)!important;
  font:12px Arial,Helvetica,sans-serif!important;
  font-weight:750!important;
}
.era-brand-select:focus{
  border-color:#7e8da2!important;
  box-shadow:0 0 0 1px #7e8da2!important;
  outline:0!important;
}
.era-brand-help{
  margin-top:7px;
  color:var(--muted);
  font-size:10px;
  line-height:1.5;
}