.bannerpost{--banner-content:min(100% - (var(--lateral-width) * 2),var(--container-width));display:grid;grid-template-columns:var(--lateral-width) auto var(--banner-content) auto var(--lateral-width);grid-template-rows:12rem auto 4rem;position:relative;z-index:1}@media (width <= 767px){.bannerpost{--banner-content:min(100% - var(--lateral-width) - var(--lateral-width-mobile) - 1.5rem,var(--container-width));grid-template-columns:var(--lateral-width) auto var(--banner-content) auto calc(var(--lateral-width-mobile) + 1.5rem)}}.bannerpost:hover .bannerpost__image img{scale:1.1}@media (width <= 767px){.bannerpost:hover .bannerpost__image img{scale:1}}.bannerpost__image{border-radius:3rem;grid-column:3/4;grid-row:1/3;margin:0;overflow:hidden;position:relative;z-index:0}@media (width <= 767px){.bannerpost__image{border-radius:3rem 0 0 3rem;grid-column:3/6;max-height:24rem}}.bannerpost__image img{display:block;height:100%!important;left:0;object-fit:cover;position:absolute;top:0;transition:.4s;width:100%}.bannerpost__content{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(0deg,rgba(var(--white),80%),rgba(var(--white),80%));border-radius:0 3rem 3rem 0;grid-column:1/4;grid-row:2/4;padding-block:3rem;padding-left:max(var(--lateral-width),100% - var(--container-width));position:relative;width:80%;z-index:1}@media (width <= 767px){.bannerpost__content{padding-block:2rem;width:100%}}.bannerpost__content-body{container-type:inline-size;display:flex;flex-direction:column;gap:1.5rem;padding-right:3rem;transition:.3s;width:min(100%,700px + 3rem)}@media (width <= 767px){.bannerpost__content-body{padding-right:2rem}}.bannerpost__title{font-size:clamp(1.75rem,3.5vw,1.5rem);margin:0}@media (width <= 767px){.bannerpost__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}.bannerpost__title a{color:inherit;font-weight:700}.bannerpost__title a:hover{font-weight:700}.bannerpost__description{margin:0}@media (width <= 767px){.bannerpost__description{display:none}}.bannerpost__meta{display:grid;gap:.25rem 1rem;grid-template-areas:"avatar author" "avatar info";grid-template-columns:2.5rem auto}.bannerpost__meta-avatar{border-radius:50%;grid-area:avatar;height:2.5rem;object-fit:cover;width:2.5rem}.bannerpost__meta-author{color:var(--text-color,#000)!important;font-size:1rem;font-weight:700!important;grid-area:author;line-height:1}.bannerpost__meta-info{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:0 .5rem;grid-area:info}