.post{max-width:720px;margin:0 auto;padding:8rem var(--gutter,1.5rem) 5rem}
.post h1{font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95;font-size:clamp(2.2rem,6vw,3.8rem);color:var(--plum);margin:.6rem 0 1.4rem}
.post h2{font-weight:900;text-transform:uppercase;font-size:1.5rem;color:var(--plum);margin:2.4rem 0 .6rem;padding-top:1.2rem;border-top:2px solid var(--plum)}
.post p,.post li{font-size:1.1rem;line-height:1.65;color:var(--plum-ink)}
.post ul{padding-left:1.2rem}.post a{color:var(--rose);font-weight:700}
.post .meta{color:var(--rose);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
.cta{margin-top:3rem;background:var(--plum);color:var(--cream);padding:2rem;box-shadow:10px 10px 0 var(--rose)}
.cta h3{font-weight:900;text-transform:uppercase;font-size:1.6rem;margin:0 0 .5rem}.cta p{color:var(--cream)}
.cta a.btn{background:var(--rose);color:#fff;display:inline-block;padding:.9rem 1.4rem;border-radius:6px;text-decoration:none;margin-top:.6rem}
.list{list-style:none;padding:0}.list li{border-top:2px solid var(--plum);padding:1.4rem 0}.list a{font-weight:900;text-transform:uppercase;font-size:1.4rem;color:var(--plum);text-decoration:none}
.list a:hover{color:var(--rose)}.list p{margin:.4rem 0 0}
.topbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--cream);border-bottom:2px solid var(--plum);z-index:5}
.topbar a{text-decoration:none}
.topbar .wordmark{color:var(--plum)}.topbar .wordmark span{color:var(--rose)}