.om-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:620px;margin-top:14px}
.om-blog-card{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:1.42;overflow:hidden;border:1px solid var(--border);border-radius:19px;padding:0;background:#0a0b0d;color:#fff;cursor:pointer;text-align:left;box-shadow:0 16px 38px rgba(0,0,0,.2);animation:omRise .46s both;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.om-blog-card:hover{border-color:color-mix(in srgb,var(--accent) 56%,var(--border));box-shadow:0 20px 44px rgba(0,0,0,.3);transform:translateY(-3px)}
.om-blog-pattern{position:absolute;inset:-2%;z-index:-3;display:block;width:104%;height:104%;object-fit:cover;transition:transform .5s ease,filter .3s ease}
.om-blog-card:hover .om-blog-pattern{transform:scale(1.035);filter:saturate(1.08)}
.om-blog-grid-lines{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;opacity:0}
.om-blog-cover-top{position:absolute;inset:13px 14px auto;z-index:3;display:flex;align-items:center;justify-content:center;min-height:22px;pointer-events:none}
.om-blog-kicker{display:inline-flex;align-items:center;min-height:21px;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:4px 9px;background:rgba(255,255,255,.12);color:inherit;font-size:9px;font-weight:650;line-height:1;backdrop-filter:blur(8px)}
.om-blog-plus{position:absolute;right:0;top:-2px;font-size:22px;font-weight:300;line-height:22px}
.om-blog-cover-copy{position:absolute;inset:48px 22px 24px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.om-blog-cover-title{display:block;max-width:100%;font-size:clamp(18px,2vw,25px);font-weight:720;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
.om-blog-cover-excerpt{display:block;max-width:90%;margin-top:12px;font-size:10px;font-weight:520;line-height:1.35;text-wrap:balance}
.om-blog-tags{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:none}
.om-blog-tag{display:inline-flex;align-items:center;justify-content:center;min-height:27px;border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.9);color:#101114;font-size:9px;font-weight:680;line-height:1;box-shadow:0 5px 16px rgba(0,0,0,.08)}
.om-blog-tag + .om-blog-tag::before{content:'+';margin-right:9px;margin-left:-3px;font-weight:450}
.om-blog-brand{display:block;width:min(190px,70%);height:auto;margin-top:16px;filter:none}
.om-blog-card.is-pink::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(122,0,66,.12))}
.om-blog-card.is-pink .om-blog-cover-title,.om-blog-card.is-dark-blue .om-blog-cover-title{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.025em}
.om-blog-card.is-dark-blue .om-blog-pattern{inset:auto -3% -8%;z-index:-3;width:106%;height:68%;opacity:.92;mask-image:linear-gradient(to bottom,transparent 0,#000 42%)}
.om-blog-card.is-dark-blue .om-blog-grid-lines{opacity:1}
.om-blog-card.is-dark-blue::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#08090b 0,rgba(8,9,11,.96) 36%,rgba(8,9,11,.22) 100%)}
.om-blog-card.is-dark-green::before{content:'';position:absolute;inset:-24% 18% -30% 18%;z-index:-1;border-radius:38%;background:rgba(5,6,8,.9);box-shadow:-88px 14px 0 rgba(5,6,8,.72),92px -22px 0 rgba(5,6,8,.66);transform:rotate(14deg) skewX(-10deg)}
.om-blog-card.is-dark-green .om-blog-cover-copy{inset:54px 28px 24px}
.om-blog-card.is-aqua{color:#0d1115}
.om-blog-card.is-aqua .om-blog-kicker{border-color:rgba(13,17,21,.2);background:rgba(255,255,255,.42)}
.om-blog-card.is-blue-brand::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,rgba(0,65,220,.08),rgba(0,40,160,.22))}
.om-blog-card.is-blue-brand .om-blog-cover-copy{inset:50px 22px 18px;justify-content:flex-start;padding-top:7px}
.om-blog-card.is-blue-brand .om-blog-cover-title{font-size:clamp(17px,1.75vw,22px);line-height:1.08}
@media (max-width:680px){.om-blog-grid{grid-template-columns:1fr;max-width:100%}.om-blog-card{border-radius:18px}.om-blog-cover-title{font-size:clamp(20px,6vw,26px)}}