.blog-related__grid{padding:40px 0}.blog-related__header{margin-bottom:40px;text-align:center}.blog-related__title{font-weight:400}.blog-related__grid__list{align-items:center;display:flex;flex-direction:column;gap:24px;list-style:none;margin:0;padding:0 20px;width:100%}.blog-related__grid__card{align-items:flex-start;background:#f4f1ec;border-radius:12px;box-shadow:0 0 2px 0 rgba(48,49,51,.1),0 4px 8px 0 rgba(48,49,51,.2);display:flex;flex-direction:column;height:468px;justify-content:flex-start;overflow:hidden;position:relative;text-decoration:none;width:100%;&:after{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6) 85%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}}.blog-related__grid__card-page{align-items:center;background:#204d46;border-radius:0 0 4px 4px;box-shadow:0 0 2px 0 rgba(48,49,51,.1),0 4px 8px 0 rgba(48,49,51,.2);color:#f4f1ec;display:flex;font-size:14px;font-style:normal;font-weight:600;gap:16px;left:24px;letter-spacing:var(--Font-Letter-spacing-opened,2px);line-height:1;padding:8px 12px;position:absolute;text-transform:uppercase;top:0;z-index:1}.blog-related__grid__media{background:var(--color-carbon-black-100);height:100%;margin:0;position:relative;transition:height .4s ease-in-out;width:100%}.blog-related__grid__media img{display:block;height:100%;object-fit:cover;width:100%}.blog-related__grid__body{bottom:0;display:flex;flex-direction:column;gap:16px;left:0;padding:20px;position:absolute;transform:translateY(0);transition:transform .45s ease;width:100%;z-index:1}.blog-related__grid__body-inner{align-self:stretch;display:flex;flex-direction:column;gap:16px;overflow:hidden;position:relative}.blog-related__grid__body-hidden{background:#f4f1ec;transform:translateY(120%);z-index:2;&:before{background-color:#f25d2b;left:0;top:-8px;width:55%}&:after,&:before{content:"";height:8px;position:absolute}&:after{background-color:#6aa89f;right:0;top:0;width:45%}}.blog-related__grid__title{color:#fff;font-size:20px;font-weight:700;letter-spacing:-1px}.blog-related__grid__summary,.blog-related__grid__title{font-style:normal;line-height:24px;overflow:hidden;text-overflow:ellipsis}.blog-related__grid__summary{color:#000;display:-webkit-box;font-size:16px;font-weight:400;letter-spacing:0;margin-top:0;max-height:0;opacity:0;transition:max-height .42s ease,opacity .3s ease 60ms,margin-top .3s ease;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.blog-listing__grid__item{width:100%}.blog-related__grid__card:hover .blog-related__grid__media{height:75%}.blog-related__grid__card:hover .blog-related__grid__body:not(.blog-related__grid__body-hidden){transform:translateY(40px)}.blog-related__grid__card:hover .blog-related__grid__body{transform:translateY(0)}.blog-related__grid__card:hover .blog-related__grid__title{color:var(--color-carbon-black-100)}.blog-related__grid__card:hover .blog-related__grid__summary{max-height:140px;opacity:1}.blog-related__grid__card:hover .blog-related__grid__read-more{margin-top:24px;max-height:60px;opacity:1}.blog-related__grid__card:hover .blog-related__grid__read-more svg{transform:translateX(4px)}.blog-related__grid__read-more{align-items:center;color:var(--color-carbon-black-100);display:flex;font-size:18px;font-style:normal;font-weight:600;gap:18px;line-height:20px;margin-top:0;max-height:0;opacity:0;overflow:hidden;padding:4px 0;transition:max-height .42s ease,opacity .3s ease 80ms,margin-top .3s ease;width:195px;svg{aspect-ratio:16.33/16.33;flex-shrink:0;height:16.333px;transition:transform .3s ease;width:16.333px;path{stroke:var(--color-carbon-black-100)}}}.blog-related__grid--empty{padding:40px 0;text-align:center}@media (min-width:768px){.blog-related__grid__list{display:grid;gap:40px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.blog-related__grid{align-items:center;display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1440px;padding:80px 0;width:100%}.blog-related__grid__list{display:grid;gap:40px 24px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px}.blog-related__grid__inner{width:100%}.blog-related__grid__card{height:555px;max-width:384px;width:100%}.blog-related__grid__title{font-size:20px;line-height:24px}}@media (min-width:2200px){.blog-related__grid{gap:48px;margin:0 auto;max-width:1556px}.blog-related__grid__card{height:604px;max-width:436px}.blog-related__grid__title{font-size:32px;line-height:36px}}