/* Blog listing, Figma 140:424. Shared card styling comes from homepage.css. */
.ms-blog-page { background:#fff; }
.ms-blog-page .ms-wrap { width:calc(100% - 48px); max-width:1280px; }
.ms-blog-hero { background:#141517; }
.ms-blog-hero__image { position:absolute; z-index:-3; top:50%; right:0; width:49.1667%; height:118.0851%; object-fit:cover; transform:translateY(-50%) scaleX(-1); }
.ms-blog-hero__shade { position:absolute; z-index:-2; top:-60%; bottom:-60%; left:-60px; width:calc(57.45% + 60px); background:#222; filter:blur(50px); }
.ms-blog-hero .ms-portfolio-hero__inner { padding-top:0; }
.ms-blog-listing { padding-top:clamp(64px,8.125vw,156px); padding-bottom:clamp(80px,8.125vw,156px); }
.ms-blog-listing .ms-blog-grid { column-gap:20px; row-gap:54px; }
.ms-blog-listing .ms-blog-card { display:flex; flex-direction:column; min-width:0; }
.ms-blog-listing .ms-blog-card__image { aspect-ratio:413 / 350; flex-shrink:0; }
.ms-blog-listing .ms-blog-grid h3 { margin:22px 0 12px; font-size:20px; line-height:1.75; font-weight:700; }
.ms-blog-listing .ms-blog-grid h3 a { color:#1d1d1d; }
.ms-blog-listing .ms-blog-grid h3 a:hover { color:#4632e1; }
.ms-blog-listing .ms-blog-grid time { margin-top:auto; font-weight:500; }
.ms-blog-listing .ms-blog-grid time::before { border-top-width:1.5px; flex-shrink:0; }
.ms-blog-listing__actions { display:flex; flex-direction:column; align-items:center; gap:20px; margin-top:72px; }
.ms-blog-listing__actions:empty { display:none; }
.ms-blog-more { display:inline-flex; align-items:center; justify-content:center; min-height:62px; padding:18px 44px; border:1px solid #0f0f0f; border-radius:31px; color:#fff; background:#0f0f0f; font-size:20px; line-height:1.2; font-weight:600; text-transform:uppercase; text-decoration:none; cursor:pointer; transition:color .25s,background-color .25s,border-color .25s; }
.ms-blog-more:hover,.ms-blog-more:focus-visible { color:#4632e1; background:#fff; border-color:#4632e1; transform:none; box-shadow:none; }
.ms-blog-more[aria-disabled="true"] { cursor:wait; opacity:.65; }
.ms-blog-more:focus-visible { outline:2px solid #4632e1; outline-offset:4px; }
.ms-blog-status.is-error { position:static; width:auto; height:auto; clip:auto; clip-path:none; margin-top:20px; text-align:center; color:#a32121; }
@media(max-width:900px) {
	.ms-blog-listing .ms-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 20px; }
	.ms-blog-hero__image { width:65%; }
	.ms-blog-hero__shade { width:58%; }
}
@media(max-width:600px) {
	.ms-blog-page .ms-wrap { width:calc(100% - 40px); }
	.ms-blog-hero__image { width:100%; opacity:.6; }
	.ms-blog-hero__shade { width:64%; }
	.ms-blog-listing .ms-blog-grid { grid-template-columns:1fr; }
	.ms-blog-listing .ms-blog-grid h3 { font-size:19px; line-height:1.6; }
	.ms-blog-listing__actions { margin-top:48px; }
	.ms-blog-more { min-height:54px; font-size:16px; padding:16px 34px; }
}
.ms-blog-listing .ms-blog-card__image { position:relative; }
.ms-blog-listing .ms-blog-card__image .ms-blog-image--figma-crop { position:absolute; max-width:none; left:0; top:-96.5%; width:128.46%; height:246.48%; }