body{box-sizing:border-box;font-family:Gotham Narrow SSm A,sans-serif;font-size:14px;line-height:1.5}main{padding:2rem 0}header{border-bottom:1px solid #e5e5e5}#logo{color:#2c2c2c;letter-spacing:3px;font-size:1rem;font-weight:700;text-decoration:none}nav a{color:#666;letter-spacing:1px;text-transform:uppercase;padding:.25rem;font-weight:700;text-decoration:none;transition:all .4s ease-out}nav svg{fill:#666;width:22px;height:22px}nav a:hover{color:#2c2c2c}nav a:last-child{padding-right:0}.nav-container{justify-content:space-between;align-items:baseline;margin:0 auto;padding:1rem .75rem;display:flex}.grid{max-width:1170px;margin:0 auto;display:grid}.grid-item{z-index:1;color:#fff;background-color:#111;background-position:50%;background-repeat:no-repeat;background-size:cover;height:150px;font-weight:700;text-decoration:none;transition:all .5s ease-out;position:relative}.grid-item img{z-index:-1;object-fit:cover;width:100%;height:100%}.grid-item:after{content:"";background-color:#00000080;width:100%;height:100%;position:absolute;inset:0}.grid-item a{z-index:1;color:#fff;width:100%;height:100%;text-decoration:none;position:absolute}.grid-item-content{z-index:2;padding:1rem;position:absolute}.feed-title{color:#fff;margin-top:0}.feed-metadata{color:#fff;padding:0;list-style:none;display:flex}.feed-metadata li{margin-left:.25rem;font-size:.65rem;font-weight:400}.feed-metadata li:first-of-type{margin-left:0}footer{background:#2c2c2c}.footer-container{color:#999;max-width:1170px;margin:0 auto;padding:2.5rem 1.5rem}footer a{color:#999;margin-right:6px;font-size:24px;text-decoration:none}footer svg{fill:#999;width:24px;height:24px}.body-container{box-sizing:border-box;max-width:1170px;margin:0 auto;font-family:Gotham Narrow SSm A,sans-serif;font-size:14px;line-height:1.5}.body-container a{color:#666}.body-container a:hover{color:#2c2c2c}.body-container-header{margin:2.1em 0 1.05em 5px;font-size:1.4286em;line-height:1.05}.body-container hr{background:#2c2c2c linear-gradient(90deg,#e5e5e5,#888,#e5e5e5);border:0;height:1px}.relative{position:relative}@media screen and (min-width:768px){.grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:93%;margin:0 auto}.grid-item{height:180px}.grid-item-content{padding:1.5rem}}@media screen and (min-width:1024px){#logo{font-size:1.5rem}nav a{padding-right:1rem;font-size:1.05rem}nav svg{fill:#666;width:1.05rem;height:1.05rem}.grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:95%;margin:0 auto}.nav-container{align-items:center;max-width:1170px}}@media screen and (min-width:1200px){.grid{max-width:1170px}}img{position:static!important}
