.blog{padding-block:var(--spacing--1000) var(--spacing--1100);padding-inline:var(--padding--inner);grid-row-gap:var(--spacing--900);border-radius:var(--border--radius);background:var(--color--gradient);flex-flow:column;justify-content:flex-start;align-items:center;display:flex}.blog__list--wrapper{padding-block:var(--spacing--300);margin-block-start:var(--spacing--200);position:relative}.blog__list{grid-row-gap:var(--spacing--1200);grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;display:grid}.blog__item{padding-inline:var(--spacing--700);display:flex}.blog__img-wrapper{margin-inline:var(--spacing--400);border-radius:var(--border--radius);overflow:clip}.blog__img{aspect-ratio:1;object-fit:cover;width:100%;height:100%}.link--blog{grid-row-gap:var(--spacing--400);text-align:center;text-wrap:pretty;flex-direction:column;flex:1;grid-template-rows:1fr auto;grid-template-columns:1fr;grid-auto-columns:1fr;display:grid;overflow:hidden}.link--blog img{transition:transform var(--easing--slow) 10ms;transform:scale(1.047)}.link--blog:hover img{transform:scale(1)}.grid__overlay{pointer-events:none;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;height:100%;display:grid;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.grid__separator{border-inline:var(--border--width) solid var(--color--lt-600);height:100%}.grid__overlay .grid__separator{grid-area:1 / 2 / 2 / 3}.article{padding-block:var(--spacing--1000) var(--spacing--1100);grid-row-gap:var(--spacing--900);flex-flow:column;justify-content:flex-start;align-items:center;display:flex;position:relative}.article__heading{max-width:var(--size--full);grid-row-gap:var(--spacing--700);text-align:center;margin-block-start:calc(-1 * var(--header--brand-nav) + var(--spacing--400));flex-flow:column;justify-content:flex-start;align-items:center;display:flex}.article__img{border-radius:var(--border--radius);max-width:calc(var(--size--full) - (var(--spacing--800) * 2));max-height:var(--size--full-vertical);justify-content:center;align-items:center;display:flex;overflow:hidden}@media screen and (max-width:991px){.blog__list{grid-row-gap:10rem}.blog__item{padding-inline:1.5rem}.link--blog{text-wrap:balance}}@media screen and (max-width:767px){.blog__list{grid-row-gap:8rem;grid-template-columns:1fr 1fr}.grid__overlay{grid-template-columns:1fr 1fr}.grid__separator{border-right-style:none}}@media screen and (max-width:479px){.blog__list{grid-template-columns:1fr}.grid__overlay{display:none}}