/* EMA Blog List — scoped 1:1 from blog.html (filter + featured + grid) */
.elementor-widget-ema-blog-list .ema-blog-list{
--crimson:#A01428;--soot:#12110F;--cream:#F5EFD9;--paper:#F7F2E2;
--gold:#A08C50;--gold-bright:#C2A862;--forest:#1F4D3F;--ink:#2A2723;
line-height:1.55;
}
.elementor-widget-ema-blog-list .ema-blog-list .ema-wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.elementor-widget-ema-blog-list .ema-blog-list .eyebrow{
font-family:'Oswald','Arial Narrow',sans-serif;
font-size:.78rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;
color:var(--crimson);display:inline-block;
}
.elementor-widget-ema-blog-list .ema-blog-list a{color:inherit;text-decoration:none}
/* ----- filter ----- */
.elementor-widget-ema-blog-list .ema-blog-filter{background:var(--paper);border-bottom:2px solid rgba(18,17,15,.12);position:sticky;top:62px;z-index:40}
.elementor-widget-ema-blog-list .ema-blog-filter .ema-wrap{display:flex;flex-wrap:wrap;gap:10px;padding-top:16px;padding-bottom:16px;align-items:center}
.elementor-widget-ema-blog-list .ema-blog-filter .lab{
font-family:'Oswald','Arial Narrow',sans-serif;
font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);
font-weight:600;margin-right:6px;
}
.elementor-widget-ema-blog-list .chip{
font-family:'Oswald','Arial Narrow',sans-serif;font-weight:500;font-size:.82rem;letter-spacing:.12em;
text-transform:uppercase;padding:8px 16px;border:2px solid var(--soot);
background:transparent;color:var(--soot);cursor:pointer;transition:.16s;
}
.elementor-widget-ema-blog-list .chip:hover{background:var(--soot);color:var(--cream)}
.elementor-widget-ema-blog-list .chip.active{background:var(--crimson);color:var(--cream);border-color:var(--crimson)}
/* ----- featured ----- */
.elementor-widget-ema-blog-list .ema-blog-featured{padding:72px 0 30px}
.elementor-widget-ema-blog-list .ema-blog-featured .label{margin-bottom:26px}
.elementor-widget-ema-blog-list .feat-card{
display:grid;grid-template-columns:1.05fr .95fr;gap:0;
border:3px solid var(--soot);box-shadow:12px 12px 0 var(--soot);
background:var(--cream);
}
.elementor-widget-ema-blog-list .feat-card .media{
position:relative;min-height:420px;
background:linear-gradient(135deg,var(--soot),#241c12 60%,var(--crimson));
}
.elementor-widget-ema-blog-list .feat-card .media .tag{
position:absolute;top:20px;left:20px;background:var(--gold-bright);color:var(--soot);
font-family:'Oswald','Arial Narrow',sans-serif;
font-weight:600;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;padding:7px 13px;
}
.elementor-widget-ema-blog-list .feat-card .media .ph{
position:absolute;bottom:18px;right:20px;color:rgba(245,239,217,.45);
font-family:'Oswald','Arial Narrow',sans-serif;
font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;
}
.elementor-widget-ema-blog-list .feat-card .body{padding:46px 44px;display:flex;flex-direction:column;justify-content:center}
.elementor-widget-ema-blog-list .feat-card .cat{font-family:'Oswald','Arial Narrow',sans-serif;font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;color:var(--crimson);font-weight:600}
.elementor-widget-ema-blog-list .feat-card h2{
font-family:'Oswald','Arial Narrow',sans-serif;
font-weight:700;font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.02;
letter-spacing:-.01em;margin:14px 0 16px;
}
.elementor-widget-ema-blog-list .feat-card h2 a{color:inherit}
.elementor-widget-ema-blog-list .feat-card h2 em{font-style:italic;color:var(--gold);font-weight:600}
.elementor-widget-ema-blog-list .feat-card p{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:300;font-size:1.06rem;color:var(--ink);max-width:46ch}
.elementor-widget-ema-blog-list .feat-card .meta{
margin-top:24px;display:flex;gap:16px;align-items:center;
font-family:'Oswald','Arial Narrow',sans-serif;
font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:500;
}
.elementor-widget-ema-blog-list .feat-card .meta .dot{width:5px;height:5px;background:var(--crimson);border-radius:50%}
.elementor-widget-ema-blog-list .feat-card .read{
margin-top:26px;align-self:flex-start;
font-family:'Oswald','Arial Narrow',sans-serif;
font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:.86rem;
color:var(--crimson);border-bottom:2px solid var(--crimson);padding-bottom:3px;transition:.18s;
}
.elementor-widget-ema-blog-list .feat-card .read:hover{gap:10px;color:var(--soot);border-bottom-color:var(--soot)}
/* ----- grid ----- */
.elementor-widget-ema-blog-list .ema-blog-grid{padding:60px 0 86px}
.elementor-widget-ema-blog-list .ema-blog-grid .label{margin-bottom:34px}
.elementor-widget-ema-blog-list .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 32px}
.elementor-widget-ema-blog-list .post{
background:var(--cream);border:3px solid var(--soot);
box-shadow:8px 8px 0 var(--soot);display:flex;flex-direction:column;
transition:transform .2s ease,box-shadow .2s ease;
}
.elementor-widget-ema-blog-list .post:nth-child(3n+1){transform:rotate(-1.1deg)}
.elementor-widget-ema-blog-list .post:nth-child(3n+2){transform:rotate(.6deg)}
.elementor-widget-ema-blog-list .post:nth-child(3n+3){transform:rotate(1.2deg)}
.elementor-widget-ema-blog-list .post:hover{transform:rotate(0) translate(-2px,-4px);box-shadow:12px 14px 0 var(--crimson)}
.elementor-widget-ema-blog-list .post .media{
position:relative;height:210px;border-bottom:3px solid var(--soot);
}
.elementor-widget-ema-blog-list .post .media.c1{background:linear-gradient(140deg,var(--forest),#0f2c24)}
.elementor-widget-ema-blog-list .post .media.c2{background:linear-gradient(140deg,var(--crimson),#5e0c18)}
.elementor-widget-ema-blog-list .post .media.c3{background:linear-gradient(140deg,var(--soot),#3a2d16)}
.elementor-widget-ema-blog-list .post .media.c4{background:linear-gradient(140deg,var(--gold),#6f5e2f)}
.elementor-widget-ema-blog-list .post .media.c5{background:linear-gradient(140deg,#243b54,var(--soot))}
.elementor-widget-ema-blog-list .post .media .tag{
position:absolute;top:14px;left:14px;background:var(--cream);color:var(--soot);
font-family:'Oswald','Arial Narrow',sans-serif;
font-weight:600;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;padding:6px 11px;
border:2px solid var(--soot);
}
.elementor-widget-ema-blog-list .post .media .ph{
position:absolute;bottom:10px;right:13px;color:rgba(245,239,217,.4);
font-family:'Oswald','Arial Narrow',sans-serif;
font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;
}
.elementor-widget-ema-blog-list .post .body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.elementor-widget-ema-blog-list .post h3{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:600;font-size:1.34rem;line-height:1.12;letter-spacing:-.005em;margin-bottom:11px}
.elementor-widget-ema-blog-list .post h3 a{color:inherit}
.elementor-widget-ema-blog-list .post h3 em{font-style:italic;color:var(--gold)}
.elementor-widget-ema-blog-list .post p{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:300;font-size:.98rem;color:var(--ink);flex:1}
.elementor-widget-ema-blog-list .post .meta{
margin-top:18px;padding-top:14px;border-top:1px solid rgba(18,17,15,.16);
display:flex;justify-content:space-between;align-items:center;
font-family:'Oswald','Arial Narrow',sans-serif;
font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:500;
}
.elementor-widget-ema-blog-list .post .meta .read{color:var(--crimson);font-weight:600}
.elementor-widget-ema-blog-list .is-hidden{display:none}
/* ----- responsive ----- */
@media(max-width:1100px){
.elementor-widget-ema-blog-list .feat-card{grid-template-columns:1fr}
.elementor-widget-ema-blog-list .feat-card .media{min-height:280px}
.elementor-widget-ema-blog-list .grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
.elementor-widget-ema-blog-list .ema-blog-list .ema-wrap{padding:0 18px}
.elementor-widget-ema-blog-list .ema-blog-filter{top:0;position:relative}
.elementor-widget-ema-blog-list .grid{grid-template-columns:1fr}
.elementor-widget-ema-blog-list .post:nth-child(n){transform:none}
.elementor-widget-ema-blog-list .feat-card{box-shadow:7px 7px 0 var(--soot)}
.elementor-widget-ema-blog-list .feat-card .body{padding:32px 26px}
}