.posts-container.two-cols,.posts-container.three-cols{display:grid;gap:var(--gap-s);grid-template-columns:1fr}@media screen and (min-width: 768px){.posts-container.two-cols,.posts-container.three-cols{grid-template-columns:1fr 1fr}.posts-container.two-cols h2.full-width-title,.posts-container.two-cols h3.full-width-title,.posts-container.two-cols h4.full-width-title,.posts-container.three-cols h2.full-width-title,.posts-container.three-cols h3.full-width-title,.posts-container.three-cols h4.full-width-title{grid-column:span 2}}@media screen and (min-width: 1200px){.posts-container.three-cols{grid-template-columns:1fr 1fr 1fr}.posts-container.three-cols h2.full-width-title,.posts-container.three-cols h3.full-width-title,.posts-container.three-cols h4.full-width-title{grid-column:span 3}}@media screen and (max-width: 767px){.posts-container.scroll-on-mobile{display:flex;grid-template-columns:none;margin:0 -1.5rem 0 0;padding-right:1.5rem;overflow:auto;scroll-snap-type:x mandatory;width:calc(100% + 1.5rem)}.posts-container.scroll-on-mobile .post{scroll-snap-align:start;flex:1 0 calc(100% - 5rem)}}.posts-container .post{border:.1rem solid var(--border);border-radius:var(--radius-l);display:flex;flex-direction:column;flex:1;z-index:10;text-decoration:none;height:auto;position:relative;margin-top:0;overflow:hidden}.posts-container .post .post-image{max-height:max-content;aspect-ratio:435/295;display:block;width:100%}.posts-container .post .post-image img{display:block;width:100%;height:100%;object-fit:cover}.posts-container .post>svg:not(.arrow){height:auto;width:50%}.posts-container .post svg{position:absolute;top:0}.posts-container .post .agenda-date,.posts-container .post .term{margin:0;position:absolute;top:0;text-transform:uppercase;font-family:var(--font-heading);letter-spacing:.101em;width:max-content;z-index:2;color:var(--white);padding:1.1rem var(--gap-xl) 0;font-size:1.2rem}@media screen and (min-width: 768px){.posts-container .post .agenda-date,.posts-container .post .term{padding:1.9rem var(--gap-xl) 0;font-size:1.4rem}}.posts-container .post .agenda-date time,.posts-container .post .term time{margin-top:.2rem;display:block}.posts-container .post .agenda-date time .day,.posts-container .post .term time .day{font-size:1.2rem;font-weight:800;display:block;text-transform:uppercase}.posts-container .post .agenda-date time .date,.posts-container .post .term time .date{font-size:1.9rem;font-weight:800;margin-top:-0.5rem;display:block}.posts-container .post .post-data{--post-data-padding: var(--gap-xl);background:var(--white);display:flex;flex-direction:column;flex:1;padding-inline:var(--gap-xl);position:relative;transition:background var(--duration) var(--ease);width:100%}.posts-container .post .post-data::before{mask:url("../../svg/post/content-shape-white-4.svg") no-repeat center/contain;mask-size:cover;mask-position:inherit;background:var(--white);content:"";display:block;position:absolute;bottom:calc(100% - .5rem);left:-0.1rem;width:calc(100% + .2rem);height:auto;aspect-ratio:456/118;z-index:1;transition:background var(--duration) var(--ease)}.posts-container .post .post-data h3,.posts-container .post .post-data .post-date,.posts-container .post .post-data .post-description{margin-top:0;z-index:2}.posts-container .post .post-data .post-date{font-size:1.6rem;padding-top:var(--gap-s)}.posts-container .post .post-data .function{color:var(--white);margin:0;padding-bottom:var(--gap-xl)}.posts-container .post .post-data .post-description p{margin:0;padding-top:var(--gap-l);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.posts-container .post .post-data h3{color:var(--primary);text-transform:none;font-family:var(--font-body);font-size:2.8rem}.posts-container .post .post-data svg{position:relative}.posts-container .post .post-data .arrow{margin-top:auto;position:relative;left:calc(-1*var(--post-data-padding));width:calc(100% + var(--post-data-padding)*2 + .1rem);display:flex;justify-content:flex-end}.posts-container .post .post-data .arrow svg path,.posts-container .post .post-data .arrow svg polygon{transition:background var(--duration) var(--ease)}.posts-container .post .post-data .arrow svg path{fill:rgba(0,0,0,0)}.posts-container .post .post-data .arrow svg polygon{fill:var(--tertiary)}.posts-container .post.team-member h3,.posts-container .post.team-member p.function{text-align:center}.posts-container .post.team-member .post-data,.posts-container .post:hover .post-data,.posts-container .post:focus .post-data{background:var(--primary)}.posts-container .post.team-member .post-data h3,.posts-container .post.team-member .post-data .post-date,.posts-container .post.team-member .post-data .post-description p,.posts-container .post:hover .post-data h3,.posts-container .post:hover .post-data .post-date,.posts-container .post:hover .post-data .post-description p,.posts-container .post:focus .post-data h3,.posts-container .post:focus .post-data .post-date,.posts-container .post:focus .post-data .post-description p{color:var(--white)}.posts-container .post.team-member .post-data::before,.posts-container .post:hover .post-data::before,.posts-container .post:focus .post-data::before{background:var(--primary)}.posts-container .post.team-member .post-data .arrow svg path,.posts-container .post:hover .post-data .arrow svg path,.posts-container .post:focus .post-data .arrow svg path{fill:var(--secondary)}.posts-container .post.team-member .post-data .arrow svg polygon,.posts-container .post:hover .post-data .arrow svg polygon,.posts-container .post:focus .post-data .arrow svg polygon{fill:var(--white)}.posts-container .post.document,.posts-container .post.knowledge-base{background:var(--white);padding:2.2rem 3rem 3.3rem;transition:all var(--duration) var(--ease)}.posts-container .post.document .ext,.posts-container .post.document .kb-type,.posts-container .post.knowledge-base .ext,.posts-container .post.knowledge-base .kb-type{color:var(--text-label);display:flex;flex-direction:row;align-items:center;gap:1rem;font-size:1.4rem;font-style:italic;letter-spacing:.1rem;text-transform:uppercase}.posts-container .post.document .ext svg,.posts-container .post.document .kb-type svg,.posts-container .post.knowledge-base .ext svg,.posts-container .post.knowledge-base .kb-type svg{fill:var(--primary);position:initial;top:initial;transition:fill var(--duration) var(--ease)}.posts-container .post.document h3,.posts-container .post.knowledge-base h3{font-size:2.4rem;font-family:var(--font-body);text-transform:none;margin-top:1.5rem}.posts-container .post.document p,.posts-container .post.knowledge-base p{color:var(--primary);font-size:2.1rem;margin-top:auto}.posts-container .post.document svg:last-child,.posts-container .post.knowledge-base svg:last-child{position:absolute;fill:var(--secondary);top:50%;right:2.3rem;transform:translateY(-50%);width:initial;transition:fill var(--duration) var(--ease)}.posts-container .post.document:hover,.posts-container .post.document:focus,.posts-container .post.knowledge-base:hover,.posts-container .post.knowledge-base:focus{background:var(--secondary);border:.1rem solid var(--secondary)}.posts-container .post.document:hover svg:last-child,.posts-container .post.document:focus svg:last-child,.posts-container .post.knowledge-base:hover svg:last-child,.posts-container .post.knowledge-base:focus svg:last-child{fill:var(--primary)}.posts-container .post.document:hover .kb-type svg,.posts-container .post.document:focus .kb-type svg,.posts-container .post.knowledge-base:hover .kb-type svg,.posts-container .post.knowledge-base:focus .kb-type svg{fill:var(--text-label)}.posts-container .posts-introduction{padding:var(--padding)}.posts-container .posts-introduction>:first-child{margin-top:0}.posts-container .posts-introduction>:last-child{margin-bottom:0}.posts-container p{color:#000}.block-recent-posts{margin-block:var(--p-size-s)}.block-recent-posts .posts-container{gap:var(--gap-xl)}[class*=primary-background-color] .posts-container .post.knowledge-base{background:var(--white)}[class*=primary-background-color] .posts-container .post.knowledge-base:hover,[class*=primary-background-color] .posts-container .post.knowledge-base:focus{background:var(--secondary)}[class*=primary-background-color] .posts-container .post.knowledge-base h3{color:#000}body.search .posts-container .post.document svg:last-child,body.search .posts-container .post.knowledge-base svg:last-child{top:auto;bottom:2.3rem;transform:none}/*# sourceMappingURL=posts.css.map */