*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{font-family:"Source Sans 3",sans-serif}.logo-container,footer{display:flex;justify-content:space-between;align-items:center;padding:1em}.logo-title{display:flex;font-family:Lacquer,sans-serif;font-weight:800;color:#0a5}.logo-title span{line-height:80%;font-size:1.25rem;-webkit-user-select:none;user-select:none}.nav-links ul{display:flex;gap:1em;font-size:1rem;font-weight:500}header .logo-title img{width:24px;height:24px}.nav-links ul{list-style:none}.nav-links .nav-link{text-decoration:none;text-transform:uppercase;color:#000}.nav-links .nav-link:hover{color:#0a5}.hero-container{padding:4em 1em 2em;background-image:url(/images/article-image-hero.png);background-size:cover;background-position:50% 90%;width:100%;display:flex}.hero-article-container{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);font-size:1rem;display:flex;flex-direction:column;gap:.25em}.hero-container .hero-link{text-decoration:none;color:#fff;font-weight:800;font-size:1.5rem}.hero-article-container .hero-link:hover{color:#fafad2}.posts-grid{display:grid;grid-gap:2em}.posts-container{margin-top:2.5em;padding:0 1em}.post-container{height:100%}.post-container .post-image:hover{outline:2px solid #0A5}.post-container:hover .post-details strong{color:#0a5}.post-container:hover .post-title{color:#006531}.post-details{background:#00000003;padding-inline:.25em}.post-container img{object-fit:cover;width:100%;height:240px}.post-date{display:block}.post-description{color:#333;white-space:pre-wrap;text-align:justify;margin-top:.25em}footer{margin-top:1em;background:#000000e6;display:flex;justify-content:center;align-items:center}.footer-date{color:#fff}ul{list-style-position:inside}@media (min-width: 640px){.logo-container,footer{padding:1.25em 2em}.hero-container{position:relative;padding:0 3em;height:320px;background-position:center bottom 20%;cursor:default}.hero-article-container{bottom:5em;position:absolute;max-width:50%;height:auto}.hero-article-container .hero-link{font-size:2rem}.hero-description{font-size:1.25rem}.logo-title span{font-size:1.625rem}.posts-container{padding:0 2em}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:2em}}@media (min-width: 1280px){.logo-container,footer{padding:1.5em 3em}.posts-container{padding:0 3em}.hero-article-container .hero-link{font-size:2.5rem}.hero-description{font-size:1.5rem}.logo-title span{font-size:2rem}}