.blog-mosaic{grid-template-columns:repeat(12,1fr);gap:1.125rem;display:grid}.blog-slot-hero{grid-column:span 8}.blog-slot-side{flex-direction:column;grid-column:span 4;gap:1.125rem;display:flex}.blog-slot-bottom{grid-column:span 4}.blog-card{border:1px solid var(--border);cursor:pointer;transition:border-color .25s,box-shadow .25s;overflow:hidden}.blog-card:hover{border-color:#2dd4bf47;box-shadow:0 0 36px #2dd4bf0e}.blog-card-arrow{color:var(--soft-white);opacity:.2;flex-shrink:0;transition:opacity .2s,transform .2s}.blog-card:hover .blog-card-arrow{opacity:.65;transform:translate(3px)}.blog-card-hero{background:var(--surface-1);border-radius:14px;height:100%;min-height:300px;display:flex}.blog-card-hero-img{background:linear-gradient(135deg,#a78bfa24 0%,#2dd4bf17 55%,#60a5fa12 100%);flex-shrink:0;width:48%}.blog-card-side{background:0 0;border-radius:14px;flex-direction:column;flex:1;display:flex}.blog-card-side-img{aspect-ratio:16/9;background:linear-gradient(135deg,#60a5fa1f 0%,#a78bfa17 100%);flex-shrink:0;width:100%}.blog-card-side-img.alt{background:linear-gradient(135deg,#2dd4bf1c 0%,#60a5fa14 100%)}.blog-card-bottom{background:0 0;border-radius:14px;height:100%;min-height:148px;display:flex}.blog-card-bottom-img{background:linear-gradient(135deg,#2dd4bf1c 0%,#60a5fa14 100%);flex-shrink:0;width:40%}.blog-card-solo{background:var(--surface-1);border-radius:14px;max-width:680px;min-height:260px;display:flex}.blog-card-solo-img{background:linear-gradient(135deg,#a78bfa24 0%,#2dd4bf17 60%,#60a5fa0f 100%);flex-shrink:0;width:44%}@media (max-width:768px){.blog-slot-hero{grid-column:span 12}.blog-slot-side{flex-direction:row;grid-column:span 12}.blog-slot-bottom{grid-column:span 12}}@media (max-width:600px){.blog-card-hero{min-height:unset;flex-direction:column}.blog-card-hero-img{aspect-ratio:16/9;width:100%}.blog-slot-side{flex-direction:column}.blog-card-bottom{min-height:unset;flex-direction:column}.blog-card-bottom-img{aspect-ratio:16/9;width:100%}.blog-card-solo{flex-direction:column;max-width:100%}.blog-card-solo-img{width:100%;min-height:160px}}