.eb-blog-showcase{
  --eb-blog-primary:#17173B;
  --eb-blog-accent:#5146FF;
  --eb-blog-yellow:#F2CE48;
  --eb-blog-muted:#6C7388;
  --eb-blog-card:#fff;
  --eb-blog-radius:24px;
  position:relative;
  width:100%;
  padding:34px 0 20px;
  color:var(--eb-blog-primary);
  font-family:inherit;
}
.eb-blog-showcase *{box-sizing:border-box}
.eb-blog-showcase:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:240px;height:240px;
  right:3%;top:4%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(81,70,255,.08) 0,rgba(81,70,255,0) 70%);
  pointer-events:none;
}
.eb-blog-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.eb-blog-heading-copy{max-width:840px}
.eb-blog-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--eb-blog-accent)}
.eb-blog-eyebrow i{display:inline-block;width:54px;height:4px;border-radius:10px;background:var(--eb-blog-yellow)}
.eb-blog-headline{margin:0;color:var(--eb-blog-primary);font-size:clamp(32px,4.1vw,62px);line-height:1.02;letter-spacing:-.035em;font-weight:800}
.eb-blog-subtitle{max-width:760px;margin:15px 0 0;color:var(--eb-blog-muted);font-size:18px;line-height:1.6}
.eb-blog-grid{display:grid;gap:22px;grid-template-columns:repeat(12,minmax(0,1fr))}
.eb-blog-card{grid-column:span 4;position:relative;min-width:0;overflow:hidden;border:1px solid #E9ECF3;border-radius:var(--eb-blog-radius);background:var(--eb-blog-card);box-shadow:0 18px 55px rgba(23,23,59,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.eb-blog-card:hover{transform:translateY(-5px);border-color:rgba(81,70,255,.24);box-shadow:0 24px 62px rgba(23,23,59,.13)}
.eb-blog-layout-magazine .eb-blog-card.is-featured{grid-column:span 7;grid-row:span 2}
.eb-blog-layout-magazine .eb-blog-card:not(.is-featured){grid-column:span 5;display:grid;grid-template-columns:minmax(175px,42%) 1fr}
.eb-blog-layout-magazine .eb-blog-card:nth-child(n+4){grid-column:span 4;display:block}
.eb-blog-media{display:block;position:relative;overflow:hidden;background:#F2F4F8;aspect-ratio:16/10}
.eb-blog-layout-magazine .is-featured .eb-blog-media{aspect-ratio:16/10;min-height:360px}
.eb-blog-layout-magazine .eb-blog-card:not(.is-featured):not(:nth-child(n+4)) .eb-blog-media{height:100%;aspect-ratio:auto;min-height:220px}
.eb-blog-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.25,1)}
.eb-blog-placeholder{display:flex;align-items:center;justify-content:center;min-height:220px;background:linear-gradient(145deg,#F2F4FF,#FBFCFF);font-weight:800;font-size:28px;color:var(--eb-blog-accent)}
.eb-blog-card:hover .eb-blog-image{transform:scale(1.035)}
.eb-blog-media-shade{position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(180deg,transparent,rgba(18,20,52,.16));pointer-events:none}
.eb-blog-content{padding:22px 23px 24px}
.eb-blog-layout-magazine .is-featured .eb-blog-content{padding:26px 28px 28px}
.eb-blog-meta{display:flex;align-items:center;gap:12px;min-height:28px;margin-bottom:10px;color:var(--eb-blog-muted);font-size:12px;font-weight:700}
.eb-blog-category{display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border-radius:999px;background:rgba(242,206,72,.24);color:#5B4A00;font-size:11px;font-weight:800}
.eb-blog-title{margin:0 0 10px;font-size:21px;line-height:1.23;letter-spacing:-.025em;font-weight:800}
.eb-blog-layout-magazine .is-featured .eb-blog-title{font-size:clamp(27px,2.2vw,36px)}
.eb-blog-title a{color:var(--eb-blog-primary);text-decoration:none}
.eb-blog-title a:hover{color:var(--eb-blog-accent)}
.eb-blog-excerpt{margin:0 0 18px;color:var(--eb-blog-muted);font-size:15px;line-height:1.58}
.eb-blog-readmore{display:inline-flex;align-items:center;gap:9px;color:var(--eb-blog-accent);font-size:14px;font-weight:800;text-decoration:none}
.eb-blog-readmore:hover{color:var(--eb-blog-primary)}
.eb-blog-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(81,70,255,.08);transition:transform .2s ease,background .2s ease}
.eb-blog-readmore:hover .eb-blog-arrow{transform:translateX(3px);background:rgba(81,70,255,.14)}
.eb-blog-footer{display:flex;justify-content:center;margin-top:30px}
.eb-blog-all{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:14px 25px;border:1px solid rgba(81,70,255,.16);border-radius:999px;background:var(--eb-blog-accent);box-shadow:0 14px 30px rgba(81,70,255,.18);color:#fff;text-decoration:none;font-size:15px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.eb-blog-all:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(81,70,255,.25);background:var(--eb-blog-primary);color:#fff}
.eb-blog-mobile-controls{display:none;gap:8px}
.eb-blog-nav{width:44px;height:44px;border:1px solid #E1E5EE;border-radius:50%;background:#fff;color:var(--eb-blog-primary);font-size:20px;cursor:pointer;box-shadow:0 8px 22px rgba(23,23,59,.08)}
.eb-blog-nav:hover{border-color:var(--eb-blog-accent);color:var(--eb-blog-accent)}

@media (max-width:1024px){
  .eb-blog-layout-magazine .eb-blog-card.is-featured{grid-column:span 12;grid-row:auto}
  .eb-blog-layout-magazine .eb-blog-card:not(.is-featured),
  .eb-blog-layout-magazine .eb-blog-card:nth-child(n+4),
  .eb-blog-layout-grid .eb-blog-card{grid-column:span 6;display:block}
  .eb-blog-layout-magazine .eb-blog-card:not(.is-featured):not(:nth-child(n+4)) .eb-blog-media{height:auto;aspect-ratio:16/10;min-height:0}
}

@media (max-width:767px){
  .eb-blog-showcase{padding:22px 0 10px;overflow:hidden}
  .eb-blog-heading-row{align-items:flex-end;margin-bottom:20px;gap:12px}
  .eb-blog-eyebrow{font-size:11px;letter-spacing:.11em;margin-bottom:9px}
  .eb-blog-eyebrow i{width:34px;height:3px}
  .eb-blog-headline{font-size:32px;line-height:1.08}
  .eb-blog-subtitle{font-size:15px;line-height:1.55;margin-top:11px}
  .eb-blog-mobile-controls{display:flex;flex:0 0 auto}
  .eb-blog-grid,
  .eb-blog-layout-magazine .eb-blog-grid,
  .eb-blog-layout-grid .eb-blog-grid{
    display:flex;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    margin-right:-18px;
    padding:4px 18px 18px 2px;
  }
  .eb-blog-grid::-webkit-scrollbar{display:none}
  .eb-blog-card,
  .eb-blog-layout-magazine .eb-blog-card.is-featured,
  .eb-blog-layout-magazine .eb-blog-card:not(.is-featured),
  .eb-blog-layout-magazine .eb-blog-card:nth-child(n+4),
  .eb-blog-layout-grid .eb-blog-card{
    display:block;
    flex:0 0 min(84vw,360px);
    width:min(84vw,360px);
    grid-column:auto;
    scroll-snap-align:start;
    transform:none;
  }
  .eb-blog-card:hover{transform:none}
  .eb-blog-media,
  .eb-blog-layout-magazine .is-featured .eb-blog-media,
  .eb-blog-layout-magazine .eb-blog-card:not(.is-featured):not(:nth-child(n+4)) .eb-blog-media{min-height:0;height:auto;aspect-ratio:16/10}
  .eb-blog-content,.eb-blog-layout-magazine .is-featured .eb-blog-content{padding:18px 18px 20px}
  .eb-blog-layout-magazine .is-featured .eb-blog-title,.eb-blog-title{font-size:22px}
  .eb-blog-excerpt{font-size:14px}
  .eb-blog-footer{justify-content:flex-start;margin-top:18px}
  .eb-blog-all{width:100%;min-height:52px}
}

@media (prefers-reduced-motion:reduce){
  .eb-blog-card,.eb-blog-image,.eb-blog-arrow,.eb-blog-all{transition:none!important}
}