.blog-card{background-color:var(--color-white);border-radius:1.5rem;display:flex;flex-direction:column;gap:1rem;height:100%;padding:.75rem .75rem 1.25rem;transition:box-shadow .22s ease}.blog-card:hover{box-shadow:0 0 0 1px var(--color-primary)}.blog-card.--wide .blog-card__picture{padding-bottom:56.25%}.blog-card.--wide .blog-card__text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card.--relate,.blog-card.--relate-big{background-color:transparent;border-radius:0;height:auto;padding:0}.blog-card.--relate-big:hover,.blog-card.--relate:hover{box-shadow:none}.blog-card.--relate .blog-card__body,.blog-card.--relate-big .blog-card__body{padding:0}.blog-card.--relate{align-items:start;flex-direction:row}.blog-card.--relate .blog-card__picture-wrap{flex-shrink:0;max-width:10.625rem}.blog-card.--relate .blog-card__picture-wrap:after{content:none}.blog-card.--relate .blog-card__tags{padding:0;position:static}.blog-card.--relate .blog-card__picture{padding-bottom:100%}.blog-card.--relate .blog-card__body{flex:1;height:100%;justify-content:space-between}.blog-card.--relate .blog-card__title{-webkit-line-clamp:3;line-clamp:3}.blog-card.--relate-big{gap:1.125rem}.blog-card.--relate-big .blog-card__tags.--mob-show{display:none}.blog-card__picture-wrap{background-color:var(--color-gray);border-radius:.75rem;overflow:hidden;position:relative;width:100%}.blog-card__picture-wrap:after{background:linear-gradient(180deg,transparent,#000);bottom:0;content:"";height:50%;left:0;opacity:50%;position:absolute;width:100%;z-index:1}.blog-card__picture{border-radius:1rem;flex-shrink:0;overflow:hidden;padding-bottom:63.8728323699%;width:100%}.blog-card__tags{align-content:flex-end;bottom:0;display:flex;flex-wrap:wrap;gap:.25rem;left:0;padding:.875rem;position:absolute;width:100%;z-index:2}.blog-card__body{display:flex;flex:1;flex-direction:column;gap:1rem;justify-content:space-between;padding:0 .875rem}.blog-card__tag{width:-moz-fit-content;width:fit-content}.blog-card__title{display:-webkit-box;font-size:1.25rem;font-weight:500;letter-spacing:-.02em;-webkit-line-clamp:2;line-clamp:2;line-height:1.32;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{color:var(--color-text-50);font-size:.75rem;line-height:1.28}.blog-card__info{display:flex;flex-direction:column;gap:.5rem}.blog-card__text{display:-webkit-box;font-size:.875rem;letter-spacing:-.02em;-webkit-line-clamp:4;line-clamp:4;line-height:1.25;opacity:.64;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:498px){.blog-card__title{font-size:1.33rem}.blog-card__text{font-size:1rem}.blog-card__meta{font-size:.9rem}.blog-card.--relate-big{border-bottom:1px solid var(--color-border);flex-direction:row;padding-bottom:1.5rem}.blog-card.--relate-big .blog-card__tags.--mob-hide{display:none}.blog-card.--relate-big .blog-card__tags.--mob-show{display:flex;padding:0;position:static}.blog-card.--relate-big .blog-card__picture-wrap{flex-shrink:0;max-width:9.4rem}.blog-card.--relate-big .blog-card__picture-wrap:after{content:none}.blog-card.--relate-big .blog-card__picture{padding-bottom:100%}.blog-card.--relate-big .blog-card__text{display:none}.blog-card.--relate .blog-card__picture-wrap{max-width:9.4rem}.blog-card .blog-card__title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}.blog-relate__container{display:flex;flex-direction:column;gap:3rem}.blog-relate__head{display:flex;justify-content:space-between}.blog-relate__body{-moz-column-gap:1.25rem;column-gap:1.25rem;display:grid;grid-template-columns:repeat(12,1fr);row-gap:1.5rem}.blog-relate__body .blog-card{grid-column:span 6}.blog-relate__body .blog-card.--relate-big{grid-row:span 3}.blog-relate__body .blog-card.--relate{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}.blog-relate__body .blog-card.--relate:last-child{border-bottom:none;padding-bottom:0}.blog-relate__btn.--mob-show{display:none}.blog-relate__scope{display:flex;flex-direction:column;gap:1.5rem;grid-column:span 6}@media screen and (max-width:862px){.blog-relate .blog-card,.blog-relate__scope{grid-column:span 12}.blog-relate__scope:first-child .blog-card.--relate:last-child{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}.blog-relate__btn.--mob-hide{display:none}.blog-relate__btn.--mob-show{display:flex}}@media screen and (max-width:498px){.blog-relate{padding-top:2rem}.blog-relate__title{padding:0 1.5rem}.blog-relate__container{gap:2rem}.blog-relate__body{gap:1.5rem}}