.posts{margin:var(--space-section) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,4vw,3.5rem);padding:0;list-style:none;display:grid}.post__link{color:inherit;gap:.5rem;text-decoration:none;display:grid}.post__tile{background:var(--tile);aspect-ratio:8/5;margin-bottom:.75rem;display:block;overflow:hidden}.post__tile img{object-fit:cover;width:100%;height:100%}.post__date{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.8125rem}.post__first{letter-spacing:.04em;text-transform:none;opacity:.75;font-size:.75rem}@media (max-width:600px){.post__first{margin-top:.25rem;display:block}.post__sep{display:none}}.post__title{font-family:var(--display);font-size:clamp(1.2rem,1.6vw,1.45rem);line-height:1.25}.post__link:hover .post__title{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px}.post__excerpt{color:var(--ink-soft);font-size:.9375rem;line-height:1.6}.article{padding-block:clamp(1.5rem, 3vw, 2.5rem) var(--space-section)}.article__head{text-align:center;max-width:46rem;margin-inline:auto}.article__hero{max-width:56rem;margin-inline:auto!important}.article__head h1{font-family:var(--display);margin:.5rem 0 0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.article__hero{background:var(--tile);aspect-ratio:16/9;margin:2.5rem 0;overflow:hidden}.article__hero img{object-fit:cover;width:100%;height:100%}.article__body{max-width:40rem;margin-inline:auto;line-height:1.8}.article__body p{margin:0 0 1.35rem}.article__body h2{font-family:var(--display);margin:2.5rem 0 .85rem;font-size:clamp(1.4rem,2vw,1.8rem);font-weight:400;line-height:1.25}.article__body h3{font-family:var(--display);margin:2rem 0 .65rem;font-size:1.2rem;font-weight:400}.article__body ul,.article__body ol{margin:0 0 1.35rem;padding-left:1.25rem}.article__body li{margin-bottom:.5rem}.article__body a{color:var(--ink);text-underline-offset:.2em}.article__body strong{font-weight:500}.article__body img{max-width:100%;height:auto;margin:1.5rem 0}.article__back{margin-inline:auto;max-width:40rem;color:var(--ink-soft);margin-top:3rem}@media (max-width:860px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:40rem){.posts{grid-template-columns:1fr}}
