main{--intro-max-width:700px}.content,.intro{position:relative;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}.intro{padding-top:10rem;max-width:var(--intro-max-width)}.content{padding-top:5rem;width:max(80%,var(--intro-max-width));max-width:1200px;box-sizing:border-box}@media screen and (min-width:1240px){main{--intro-max-width:1000px}.intro{max-width:var(--intro-max-width)}}@media screen and (max-width:791px){.intro{padding-left:calc(10px + 1rem);padding-right:calc(10px + 1rem)}.content{width:auto;max-width:none;margin-right:1rem;margin-left:1rem;padding-top:3rem}}main h3{margin-bottom:.2rem}main span{font:var(--alt-text)}.posts{column-count:3;column-gap:2rem}.posts .post{display:inline-block;width:100%;box-sizing:border-box;margin-bottom:2rem;page-break-inside:avoid;break-inside:avoid;background:var(--bg-colorlight);padding:10px;border-radius:var(--border-radius);border:1px solid var(--border-color);color:inherit;transition:opacity .5s ease,transform .5s ease,background-color .2s ease}.posts--reveal-ready .post:not(.post--visible){opacity:0;transform:translateY(18px)}.posts .post .post-art{position:relative;height:180px;transition:transform .2s ease-in-out;overflow:hidden;border-radius:var(--border-radius-inner)}.post--featured .post-art{height:240px}.post:nth-child(6n+2) .post-art{height:230px}.post:nth-child(5n+3) .post-art{height:145px}.post:nth-child(9n) .post-art{height:240px}.posts .post .post-art span{position:absolute;bottom:5px;right:8px;color:var(--text-color);font:var(--alt-text)}.posts .post .post-art img{object-fit:cover}.posts .post:hover{background-color:var(--border-color);text-decoration:none}.posts .post:focus-visible{outline-offset:3px}.posts .post h4{margin-top:1rem;margin-bottom:.25rem}.posts .post--no-image h4{margin-top:0}.posts .post p{margin:0;font-size:1rem;color:var(--text-color)}.posts .post p+p small{color:var(--title-color);opacity:.8}@media screen and (max-width:1000px){.posts{column-count:2}}@media screen and (max-width:600px){.posts{column-count:1}.post--featured .post-art,.post:nth-child(5n+3) .post-art,.post:nth-child(6n+2) .post-art,.posts .post .post-art{height:clamp(180px,60vw,300px)}}@media (prefers-reduced-motion:reduce){.posts .post{transition:none}.posts--reveal-ready .post:not(.post--visible){opacity:1;transform:none}}