.post-detail__hero .project-detail__title{max-width:32ch}
.post-detail__gallery{padding-bottom:clamp(3rem,4vw,4rem)}
.post-detail__body{padding-block:clamp(4rem,5.625vw,5.625rem) var(--section-space)}
.post-detail__divider{margin-bottom:clamp(3.5rem,5vw,5rem)}
.post-detail__content{max-width:52rem;margin-inline:auto;color:var(--color-primary);font-size:var(--font-size-h3);line-height:1.45}
.post-detail__content>*:first-child{margin-top:0}
.post-detail__content>*:last-child{margin-bottom:0}
.post-detail__content h2,.post-detail__content h3{max-width:none;margin-top:3rem;margin-bottom:1rem}
.post-detail__content p,.post-detail__content ul,.post-detail__content ol,.post-detail__content blockquote{margin-bottom:1.5rem}
.post-detail__content ul,.post-detail__content ol{padding-left:1.5em}
.post-detail__content img{max-width:100%;height:auto}
.post-detail__content a{color:inherit;text-decoration-color:var(--color-accent);text-underline-offset:.2em}
.post-detail__content blockquote{padding-left:1.5rem;border-left:2px solid var(--color-accent);font-size:var(--font-size-h2)}
@media(max-width:767.98px){.post-detail__content{font-size:var(--font-size-h4)}.post-detail__content blockquote{font-size:var(--font-size-h3)}}

.post-detail__body{padding-bottom:clamp(4rem,5.625vw,5.625rem)}
.post-detail__navigation{padding-bottom:var(--section-space)}
.post-detail__navigation-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.post-detail__nav-link{--post-nav-shift:.3rem;display:flex;max-width:min(100%,32rem);gap:1.5rem;align-items:center;color:var(--color-primary);text-decoration:none}
.post-detail__nav-link--previous{justify-self:start}
.post-detail__nav-link--next{justify-self:end;grid-column:2}
.post-detail__nav-copy{display:flex;min-width:0;flex-direction:column;gap:.25rem;transition:transform .2s ease}
.post-detail__nav-kicker{color:var(--color-accent);font-size:.75rem;line-height:1;text-transform:none}
.post-detail__nav-title{font-size:1rem;line-height:1.2;transition:color .2s ease}
.post-detail__nav-icon{display:block;width:1.3125rem;height:1.75rem;flex:0 0 auto;transition:transform .2s ease}
.post-detail__nav-icon::before{display:block;width:100%;height:100%;background:url("../images/icons/arrow-small-light.svg") center/contain no-repeat;content:""}
.post-detail__nav-link--previous .post-detail__nav-icon::before{transform:rotate(180deg)}
.post-detail__nav-link:hover .post-detail__nav-title,.post-detail__nav-link:focus-visible .post-detail__nav-title{color:var(--color-accent)}
.post-detail__nav-link--previous:hover .post-detail__nav-icon,.post-detail__nav-link--previous:focus-visible .post-detail__nav-icon{transform:translateX(var(--post-nav-shift))}
.post-detail__nav-link--previous:hover .post-detail__nav-copy,.post-detail__nav-link--previous:focus-visible .post-detail__nav-copy{transform:translateX(calc(var(--post-nav-shift)*-1))}
.post-detail__nav-link--next:hover .post-detail__nav-icon,.post-detail__nav-link--next:focus-visible .post-detail__nav-icon{transform:translateX(calc(var(--post-nav-shift)*-1))}
.post-detail__nav-link--next:hover .post-detail__nav-copy,.post-detail__nav-link--next:focus-visible .post-detail__nav-copy{transform:translateX(var(--post-nav-shift))}
@media(max-width:767.98px){.post-detail__navigation-inner{grid-template-columns:1fr;gap:2.5rem}.post-detail__nav-link{gap:1rem}.post-detail__nav-link--next{grid-column:1;justify-self:end;text-align:left}.post-detail__nav-title{max-width:18rem}}
@media(prefers-reduced-motion:reduce){.post-detail__nav-copy,.post-detail__nav-icon,.post-detail__nav-title{transition:none}}