main{padding-top:6rem}header{margin:0 auto;max-width:1280px;padding-left:5%;padding-right:5%;h1{margin-bottom:5rem}}.posts{padding-bottom:clamp(6rem,6vw,10rem);padding-left:2.5%;padding-right:2.5%;.container{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr))}a{display:block;text-decoration:none;figure{margin:0}time{color:var(--indigo);display:block;font-weight:var(--semibold);margin-bottom:.5em}img{border-radius:20px;width:100%}h3{font-size:20px;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:3px;transition:.245s ease-in-out}figure{aspect-ratio:400/230;position:relative;img{display:block;height:100%;object-fit:cover}}.upcoming{background-color:var(--green);border-radius:6px;bottom:0;color:var(--white);font-size:12px;font-weight:var(--bold);left:2rem;letter-spacing:.1em;padding:.25em .75em;position:absolute;text-transform:uppercase;transform:translateY(50%)}.copy{padding:2rem}&:hover{h3{text-decoration-color:var(--green)}}.presenters{padding-top:1.6rem;.presenter{display:grid;gap:1.6rem;grid-template-columns:3.2rem 1fr;figure{--size:32px;aspect-ratio:1/1;border-radius:50%;height:var(--size);overflow:hidden;width:var(--size);img{height:100%;object-fit:cover;width:100%}}.copy{padding:0}h4{font-size:1.8rem;margin-bottom:.25em}p{font-size:1.4rem}}}}}