header.hero{width:100%;background:#000;padding:var(--spacing-vertical) var(--spacing-horizontal);position:relative;div.image-container{position:absolute;inset:0;width:100%;height:100%;z-index:0;img{object-fit:cover}}div.image-container:after{content:"";background:rgba(0,0,0,.5);position:absolute;inset:0;width:100%;height:100%;z-index:0}div.content-container{max-width:1200px;margin:0 auto;position:relative;z-index:2;h1,p{color:var(--color-text-light);max-width:60%}h1{font-weight:600;text-wrap:balance}p{font-size:1rem}@media (max-width:900px){text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:0 1rem;h1,p{max-width:640px}}@media (max-width:640px){h1{font-size:1.25rem}p{font-size:1rem}}}}
section.blog-posts{background:var(--color-background-alt);padding:var(--gap) 0;--border-radius:.5rem;--gap:1rem;ol.posts{--column-count:3;display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[var];grid-template-columns:repeat(var(--column-count),minmax(0,1fr));grid-gap:var(--gap);list-style:none;padding:0;margin:var(--gap) auto;li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--color-background);padding:1rem;img{width:100%;aspect-ratio:4/3}div{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;h2{color:var(--color-text-dark);font-size:1.25rem;margin:1rem 0}p{color:var(--color-text-dark-700);>a{color:var(--color-text-dark-700);text-decoration:underline;&:hover{color:var(--color-text-dark-600)}}}p:last-child{margin-top:auto}}}li.featured{-ms-grid-column:span 3;grid-column:span 3;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;position:relative;img{width:100%;object-fit:cover}>div{padding:1rem;div.featured-post{position:absolute;top:1rem;right:0;background:var(--color-primary);color:var(--color-text-light);font-size:.875rem;height:-moz-fit-content;height:fit-content;padding:.125rem .5rem;border-radius:.5rem 0 0 .5rem}p:last-child{margin-top:inherit;a{color:var(--color-text-light-400)}a:hover{color:var(--color-text-light-500)}}}}}div.pagination{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;background:#fff;margin:0 auto;max-width:1200px;padding:1rem;font-size:1rem;border-radius:var(--border-radius);span{padding:0 1rem}}@media (max-width:1200px){ol.posts{padding:0 var(--gap);margin:var(--gap) auto}div.pagination{margin:0 var(--gap)}}@media (max-width:800px){ol.posts{--column-count:2;li.featured{-ms-grid-column:span 1;grid-column:span 1;-ms-flex-direction:column;flex-direction:column;>div{padding:0;div.featured-post{top:1.5rem;right:1.5rem;border-radius:.5rem}p:last-child{margin-top:auto}}}}}@media (max-width:520px){ol.posts{--column-count:1}}}