.banner-post{padding-block:3rem;padding-inline:var(--lateral-width);position:relative;z-index:1}.banner-post__media{height:100%;inset:0;position:absolute;width:100%;z-index:0}.banner-post__image{height:100%;margin:0;position:relative;width:100%;z-index:1}.banner-post__image img{display:block;height:100%!important;object-fit:cover;width:100%}.banner-post__overlay{backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);background:rgba(var(--white-rgb),.5);height:100%;inset:0;position:absolute;width:100%;z-index:2}.banner-post__overlay:after{background:linear-gradient(180deg,transparent,#fff);content:"";inset-inline:0;bottom:0;height:25%;position:absolute;z-index:2}.banner-post__container{align-items:center;display:flex;gap:4rem;margin-inline:auto;position:relative;width:min(100%,var(--container-width));z-index:1}@media (width <= 992px){.banner-post__container{flex-wrap:wrap}}.banner-post__post{background:var(--blue-light-10-color);background-image:linear-gradient(0deg,var(--blue-light-10-color),var(--white-color) 70%);border-radius:var(--border-radius-sm);container-name:container-post;container-type:inline-size;display:grid;flex:100%;grid-template-rows:auto 1fr;overflow:hidden;position:relative;transition:.25s}.banner-post__post-image{margin:0;overflow:hidden}.banner-post__post-image img{aspect-ratio:7/3;display:block;height:auto;object-fit:cover;transition:.25s;width:100%}.banner-post__post-body{display:flex;flex-direction:column;gap:1.25rem;padding:2rem}.banner-post__post-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;position:relative;width:100%}.banner-post__post-tags>a{color:var(--primary-color,#000);font-weight:600;text-transform:uppercase}.banner-post__post-tags>a:hover{color:var(--primary-hover,gray);font-weight:600}.banner-post__post-title{color:var(--text-color,#000);font-size:var(--text-h3,2rem);font-weight:400;line-height:1.25;margin:0;width:100%}.banner-post__post-title a{color:inherit!important}.banner-post__post-footer{display:flex;gap:1.5rem;justify-content:space-between;margin-top:auto}@container container-post (width <= 575px){.banner-post__post-footer{flex-wrap:wrap}}.banner-post__post-author{align-items:center;display:flex;gap:1rem;width:min(70%,380px)}@container container-post (width <= 575px){.banner-post__post-author{width:100%}}.banner-post__post-author-avatar{border-radius:50%;height:2.5rem;object-fit:cover;width:2.5rem}.banner-post__post-author-name a{color:var(--text-color,#000)!important;font-weight:300!important}.banner-post__post-author-name a:hover{color:var(--primary-color,grey)!important}.banner-post__post-author-name span{font-weight:700}.banner-post__post-author-name:has(span) a:after{content:","}.banner-post__post-button{font-weight:600;text-align:right}.banner-post__post:hover{background-image:linear-gradient(0deg,var(--blue-light-10-color),var(--white-color) 40%)}.banner-post__post:hover .banner-post__post-image img{scale:1.1}.banner-post__post:hover .banner-post__post-button{color:var(--primary-color,gray)}.banner-post__recent{display:flex;flex:0 0 min(40%,500px);flex-direction:column;gap:2rem;position:relative}@media (width <= 992px){.banner-post__recent{flex:100%}}.banner-post__recent-title{font-size:var(--text-h4,1.5rem);margin:0;width:100%}.banner-post__recent-list{display:grid;gap:1.5rem;width:100%}.banner-post__recent-post{border-bottom:1px solid rgba(var(--primary-rgb),.3);container-name:container-recent-post;container-type:inline-size;display:grid;gap:.5rem;padding-bottom:1.5rem}.banner-post__recent-post:after{border-bottom:1px solid var(--primary-color,gray);bottom:0;content:"";left:0;position:absolute;transition:.25s;width:0}.banner-post__recent-post-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.banner-post__recent-post-tags>a{color:var(--primary-color);font-size:.875rem;font-weight:600;text-transform:uppercase}.banner-post__recent-post-tags>a:hover{color:var(--primary-hover);font-weight:600}.banner-post__recent-post-tags .tags-tooltip{opacity:0;transition:.25s;translate:-100% 0;visibility:hidden}.banner-post__recent-post-tags:hover .tags-tooltip{opacity:1;translate:0 0;visibility:visible}.banner-post__recent-post-title{color:var(--text-color,#000);display:-webkit-box;font-size:var(--text-h5,1.25rem);font-weight:400;line-height:1.25;line-clamp:2;-webkit-line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;margin:0;overflow:hidden}.banner-post__recent-post-title>a{color:inherit;font-weight:inherit!important}.banner-post__recent-post-footer{align-items:center;display:flex;gap:.5rem 1.5rem;justify-content:space-between}@container container-recent-post (width <= 400px){.banner-post__recent-post-footer{flex-wrap:wrap}}.banner-post__recent-post-author{color:var(--text-color,#000)!important;font-size:var(--text-label);font-weight:400!important}@container container-recent-post (width <= 400px){.banner-post__recent-post-author{flex:100%}}.banner-post__recent-post-author:hover{color:var(--primary-color,gray)!important}.banner-post__recent-post-button{font-weight:600}.banner-post__recent-post:hover:after{width:100%}.banner-post__recent-post:hover .banner-post__recent-post-title{font-weight:600}.banner-post__recent-post:hover .banner-post__recent-post-button{color:var(--primary-color,gray)}.tags-tooltip{position:relative}.tags-tooltip__button{align-items:center;background:rgba(var(--primary-rgb),.1);border:none;border-radius:50%;color:var(--primary-color,#000);display:flex;font-size:.75rem;font-weight:500;height:1.5rem;justify-content:center;transition:.25s;width:1.5rem}.tags-tooltip__list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--black-rgb),.6);border-radius:1rem 1rem 1rem 0;bottom:100%;color:#fff;left:100%;line-height:1.3;opacity:0;padding:.5rem 1rem;position:absolute;transition:.25s;translate:-50% 0;visibility:hidden;width:min(50vw,200px)}.tags-tooltip__list:after{content:"";display:block;height:1.5rem;left:0;position:absolute;top:100%;width:100%}.tags-tooltip__list>a{color:var(--white-color,#fff);font-size:.75rem}.tags-tooltip__list>a:hover{color:var(--white-color,gray);font-weight:600}.tags-tooltip:hover .tags-tooltip__button{border-top-right-radius:0}.tags-tooltip:hover .tags-tooltip__list{opacity:1;translate:0 0;visibility:visible}