.banner-post{padding-block:0;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:start;display:flex;gap:5.625rem;margin-inline:auto;position:relative;width:min(100%,var(--container-width));z-index:1}@media (width <= 992px){.banner-post__container{flex-wrap:wrap;gap:3rem}}.banner-post__post{background:transparent;container-name:container-post;container-type:inline-size;display:grid;flex:100%;gap:1rem;grid-template-rows:auto 1fr;overflow:hidden;position:relative;transition:.25s}.banner-post__post-image{border-radius:var(--border-radius-sm,1rem);margin:0;overflow:hidden}.banner-post__post-image img{aspect-ratio:1.9/1;display:block;height:auto;object-fit:cover;transition:.25s;width:100%}@media (width <= 575px){.banner-post__post-image img{aspect-ratio:1.16/1}}.banner-post__post-image-wrapper{position:relative;width:100%}.banner-post__post-tags{display:flex;flex-direction:row;gap:.5rem;padding:1.5rem;position:absolute;right:0;top:0;z-index:1}@media (width <= 575px){.banner-post__post-tags{display:none}}.banner-post__post-tags-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:end}.banner-post__post-tags-list>a{align-items:center;background:var(--primary-tint-900,#d3d3d3);border-radius:3rem;color:var(--primary-color,#000);display:inline-flex;font-size:var(--text-caption,.875rem);font-weight:600;justify-content:center;padding:.5rem 1rem}.banner-post__post-tags-list>a:hover{color:var(--primary-hover,gray);font-weight:600}.banner-post__post-tags .dropdown__container{display:flex}.banner-post__post-tags .dropdown__button{align-items:center;background:var(--primary-tint-900,#d3d3d3);border:unset;border-radius:3rem;color:var(--primary-color,#000);display:flex;justify-content:center;outline:unset;padding:0 .5em;text-align:center;transition:.25s}.banner-post__post-tags .dropdown__button:hover{background:var(--primary-tint-800,#d3d3d3)}.banner-post__post-tags .dropdown__menu{background:#fff;border-radius:var(--border-radius-sm,1rem);box-shadow:0 0 1.25rem 0 rgba(var(--black-rgb),.1);margin:0;margin-block:calc(100% + .5rem);overflow:hidden;padding:0;position:absolute;right:0;transition:all .3s;width:160px;interpolate-size:allow-keywords;height:0}.banner-post__post-tags .dropdown__menu.show{height:auto}.banner-post__post-tags .dropdown__menu-wrapper{max-height:200px;overflow:auto}.banner-post__post-tags .dropdown__menu ul{display:grid;margin:0;padding:0}.banner-post__post-tags .dropdown__menu ul>li{border-bottom:1px solid var(--border-color,gray);display:flex;width:100%}.banner-post__post-tags .dropdown__menu ul>li:last-child{border-bottom:none}.banner-post__post-tags .dropdown__menu ul>li>a{color:var(--text-color,#000);cursor:pointer;display:flex;font-size:.875rem;font-weight:700;padding:.625em 1em;width:100%}.banner-post__post-tags .dropdown__menu ul>li>a:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-color,gray)}.banner-post__post-body{display:flex;flex-direction:column;gap:1rem}.banner-post__post-title{color:var(--secondary-color,#000);font-size:var(--text-h3,1.5rem);font-weight:600;line-height:1.25;margin:0;width:100%}.banner-post__post-title a{color:inherit!important;font-weight:inherit!important}.banner-post__post-description{font-size:var(--text-body-title,1.125rem);margin:0;width:100%}.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 .banner-post__post-image img{scale:1.1}.banner-post__recent{display:flex;flex:0 0 min(40%,410px);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:2rem;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:1rem;position:relative}@media (width <= 992px){.banner-post__recent-post{padding-bottom:2rem}.banner-post__recent-post:last-child{border-bottom:none;padding-bottom:0}.banner-post__recent-post:last-child:after{display:none}}.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-title{color:var(--text-color,#000);display:-webkit-box;font-size:var(--text-h5,1.25rem);font-weight:600;letter-spacing:-.5px;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-title>a:hover{color:var(--primary-color,gray)}.banner-post__recent-post-description{color:var(--text-color,#000);font-size:var(--text-body,1rem);line-height:1.5;margin:0}.banner-post__recent-post-footer{gap:1rem;margin-top:.5rem}.banner-post__recent-post-footer,.banner-post__recent-post-footer-content{align-items:center;container-type:inline-size;display:flex;justify-content:start}.banner-post__recent-post-footer-content{flex:1;flex-wrap:wrap;gap:.5rem 1rem}.banner-post__recent-post-footer-divider{border:unset;border-left:1px solid var(--border-color,gray);height:1.5rem;margin:0;width:0}.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-date{display:inline-flex;font-size:var(--text-body,1rem);font-weight:600;text-transform:uppercase;width:fit-content}.banner-post__recent-post-tags{align-items:center;display:flex;gap:.5rem;width:min(100%,150px)}.banner-post__recent-post-tags-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;overflow:hidden}.banner-post__recent-post-tags-list>a{color:inherit;display:inline-block;font-size:var(--text-body,1rem);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-post__recent-post-tags-list>a:hover{color:var(--primary-color,gray)}.banner-post__recent-post-tags .dropdown__button{align-items:center;background:rgba(var(--primary-rgb),.1);border:unset;border-radius:var(--border-radius-xs,.5rem);color:var(--primary-color,gray);display:flex;justify-content:center;outline:unset;text-align:center;transition:.25s}.banner-post__recent-post-tags .dropdown__button:hover{background:rgba(var(--primary-rgb),.2)}.banner-post__recent-post-tags .dropdown__menu{background:#fff;border-radius:var(--border-radius-sm,1rem);box-shadow:0 0 1.25rem 0 rgba(var(--black-rgb),.1);margin:0;margin-block:100%;overflow:hidden;padding:0;position:absolute;right:0;transition:all .3s;width:160px;interpolate-size:allow-keywords;height:0;z-index:2}.banner-post__recent-post-tags .dropdown__menu.show{height:auto}.banner-post__recent-post-tags .dropdown__menu-wrapper{max-height:200px;overflow:auto}.banner-post__recent-post-tags .dropdown__menu ul{display:grid;margin:0;padding:0}.banner-post__recent-post-tags .dropdown__menu ul>li{border-bottom:1px solid var(--border-color,gray);display:flex;width:100%}.banner-post__recent-post-tags .dropdown__menu ul>li:last-child{border-bottom:none}.banner-post__recent-post-tags .dropdown__menu ul>li>a{color:var(--text-color,#000);cursor:pointer;display:flex;font-size:.875rem;font-weight:700;padding:.625em 1em;width:100%}.banner-post__recent-post-tags .dropdown__menu ul>li>a:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-color,gray)}.banner-post__recent-post-button{display:none;margin-top:.5rem}@media (width <= 992px){.banner-post__recent-post-button{display:flex}}.banner-post__recent-post:hover:after{width:100%}.banner-post__share{margin-left:auto;position:relative}.banner-post__share .button{box-shadow:0 0 1rem 0 rgba(var(--black-rgb),.09);color:var(--text-color,#000);font-size:1rem;padding:.625rem}.banner-post__share .button:hover{box-shadow:0 0 1rem 0 rgba(var(--primary-rgb),.2);color:var(--primary-color,gray)}.banner-post__share-menu{background:#fff;border-radius:var(--border-radius-sm,1rem);box-shadow:0 0 1.25rem 0 rgba(var(--black-rgb),.1);height:0;margin:0;overflow:hidden;padding:0;right:0;transition:all .3s;width:144px;interpolate-size:allow-keywords;z-index:2}.banner-post__share-menu.show{height:auto}.banner-post__share-menu-wrapper{width:100%}.banner-post__share-menu-title{color:var(--text-color,#000);display:flex;font-size:var(--text-caption,.875rem);font-weight:400;line-height:1.5;margin:0;padding:.625rem 1rem;width:100%}.banner-post__share-menu-list{display:grid;margin:0;padding:0}.banner-post__share-menu-list>li{border-bottom:1px solid var(--border-color,gray);display:flex;width:100%}.banner-post__share-menu-list>li:last-child{border-bottom:none}.banner-post__share-menu-list>li>a{color:var(--text-color,#000);cursor:pointer;display:flex;font-size:1rem;font-weight:700;padding:.625rem 1rem;width:100%}.banner-post__share-menu-list>li>a:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-color,gray)}