.blog-list{background:var(--color-secondary-500);padding:var(--section-padding-y-small) 0 var(--section-padding-y)}.blog-list__intro{margin-bottom:var(--space-6);& h2{color:var(--color-white)}}.blog-list__grid{display:grid;gap:var(--space-10);grid-template-columns:repeat(2,1fr);&:has(.blog--card:hover){& .blog--card:not(:hover){opacity:.35}}}.blog--card{background:var(--color-white);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-12);transition:opacity .5s ease;& .blog--card__bottom{align-items:flex-end;display:flex;gap:var(--space-4);justify-content:space-between;margin-top:auto}& .blog--card__image{display:flex;height:240px;max-width:320px;transition:max-width .5s ease-in-out;width:100%;.blog--card:hover &{max-width:100%}& img{border-radius:var(--radius-md);object-fit:cover;width:100%}}.blog--card__read-more{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2);transition:color .5s ease;.blog--card:hover &{color:var(--color-primary-500)}}}