body.blog main#site-content section#hero{height:90vh}@media screen and (max-width:550px){body.blog main#site-content section#hero{height:50vh}}body.blog main#site-content section#hero .entries{height:100%;position:relative;width:100%;z-index:4}body.blog main#site-content section#hero .entries:before{background:linear-gradient(180deg,rgba(7,13,18,0),#070d12 90%);bottom:0;content:"";height:246px;position:absolute;width:100%;z-index:1}body.blog main#site-content section#hero .entries figure{height:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}body.blog main#site-content section#hero .entries figure img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}body.blog main#site-content section#hero .entries .container{align-items:end;display:flex;height:100%;padding-bottom:25vh;position:relative;width:100%;z-index:2}@media screen and (max-width:550px){body.blog main#site-content section#hero .entries .container{padding-bottom:15vh}}body.blog main#site-content section#hero .entries .container .content{color:var(--color-white)}body.blog main#site-content section#hero .entries .container .content h1{font-family:var(--heading-font);font-size:80px;line-height:1em;text-transform:uppercase}@media screen and (max-width:550px){body.blog main#site-content section#hero .entries .container .content h1{font-size:48px}}body.blog main#site-content section#hero .entries .container .content p{font-family:var(--body-font-light);font-size:24px;margin-top:15px}body.blog main#site-content section#posts .entries{background:var(--color-background);position:relative;z-index:4}body.blog main#site-content section#posts .entries .container .content{position:relative;top:-10vh}body.blog main#site-content section#posts .entries .container .content .blog-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);position:relative}@media screen and (max-width:992px){body.blog main#site-content section#posts .entries .container .content .blog-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:550px){body.blog main#site-content section#posts .entries .container .content .blog-grid{grid-template-columns:1fr}}body.blog main#site-content section#posts .entries .container .content .blog-grid.fetching:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' width='200' height='200' style='shape-rendering:auto;display:block'%3E%3Cpath fill='%233f9df3' d='M10 50a40 40 0 0 0 80 0 40 42 0 0 1-80 0'%3E%3CanimateTransform values='0 50 51;360 50 51' keyTimes='0;1' repeatCount='indefinite' dur='1s' type='rotate' attributeName='transform'/%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:block;grid-column:1/-1;height:75px;margin:auto;width:75px}body.blog main#site-content section#posts .entries .container .content .blog-grid article a.blog-card-inner{border:1px solid #213445;border-radius:24px;color:#8fa8bc;display:flex;flex-direction:column;font-family:var(--body-font-light);gap:10px;height:300px;padding:24px;text-decoration:none;transition:.25s}@media screen and (max-width:550px){body.blog main#site-content section#posts .entries .container .content .blog-grid article a.blog-card-inner{height:auto}}body.blog main#site-content section#posts .entries .container .content .blog-grid article a.blog-card-inner:hover{background:rgba(133,154,173,.1);border:1px solid rgba(133,154,173,.15);transition:.25s}body.blog main#site-content section#posts .entries .container .content .blog-grid article a.blog-card-inner h2{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-white);display:-webkit-box;font-family:var(--body-font-light);overflow:hidden;text-overflow:ellipsis}body.blog main#site-content section#posts .entries .container .content .blog-grid article a.blog-card-inner .blog-card-excerpt{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;line-height:1.5em;overflow:hidden;text-overflow:ellipsis}body.blog main#site-content section#posts .entries .container .content .blog-pagination{display:flex;justify-content:center;padding-top:40px}body.blog main#site-content section#posts .entries .container .content .blog-pagination button{background:transparent;cursor:pointer}body.blog main#site-content section#posts .entries .container .content .blog-pagination button.hidden{display:none}