.project-story{--story-ink:#1b2222;--story-paper:#f2efe8;--story-rule:color-mix(in srgb, currentColor 22%, transparent)}.project-story-frontmatter{border-bottom:1px solid var(--story-rule);grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem 2.5rem;padding-block:1.35rem;display:grid}.project-story-frontmatter dl{flex-wrap:wrap;gap:.85rem clamp(1rem,3vw,2.6rem);margin:0;display:flex}.project-story-frontmatter dt{font-size:.72rem}.project-story-frontmatter dd{margin:.22rem 0 0;font-weight:650}.project-story-frontmatter nav{flex-wrap:wrap;justify-content:flex-end;gap:.5rem 1.15rem;display:flex}.project-story-frontmatter a{text-underline-offset:.24em;text-decoration:underline}.project-story-opening,.project-story-spread,.project-story-decisions{grid-template-columns:minmax(0,4fr) minmax(0,5fr);align-items:start;gap:1.35rem clamp(2rem,6vw,7rem);display:grid}.project-story-opening,.project-story-chapter,.project-story-decisions,.project-story-gallery,.project-story-result{padding-block:clamp(3rem,7.5vw,7rem);scroll-margin-top:5rem}.project-story h2{max-width:20ch;font:650 clamp(2rem, 4.5vw, 4.7rem)/1.04 var(--font-poster), sans-serif;letter-spacing:-.052em;margin:.5rem 0 1rem}.project-story-chapter h2{font-size:clamp(1.9rem,3.45vw,3.8rem)}.project-story :is(.project-story-opening,.project-story-spread,.project-story-decisions) p:not(.eyebrow,.mono){max-width:62ch;line-height:1.65}.project-story-opening>div:last-child{align-self:center;font-size:clamp(1.02rem,1.45vw,1.32rem)}.project-story-opening p+p{margin-top:.85rem}.project-story-chapter{border-top:1px solid var(--story-rule)}.project-story-chapter .project-story-spread{align-items:center}.project-story-intervention{background:var(--story-paper)}.project-story-intervention .project-story-spread{grid-template-columns:minmax(0,5fr) minmax(0,4fr)}.project-story-intervention .project-story-plate{order:-1}.project-story-spread>div:only-child{grid-column:1/-1}.project-story-plate{min-width:0;margin:0}.project-story-plate img{border-radius:clamp(.55rem,1vw,1.15rem);width:100%;display:block}.project-story-plate figcaption{margin-top:.5rem;font-size:.8rem;line-height:1.45}.project-story-deliverables{margin:1.45rem 0 0;padding:0;list-style:none}.project-story-deliverables li{border-top:1px solid var(--story-rule);padding-block:.52rem;font-weight:650}.project-story-decisions ol{margin:0;padding:0;list-style:none}.project-story-decisions li{border-top:1px solid var(--story-rule);grid-template-columns:2rem 1fr;gap:.8rem;padding-block:1.05rem;display:grid}.project-story-decisions li h3{margin:0 0 .45rem}.project-story-decisions li p{margin:0}.project-story-gallery{border-top:1px solid var(--story-rule);padding-top:clamp(2rem,5vw,4.25rem)}.project-story-gallery>div{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1.3rem,3vw,3.5rem) 1.25rem;margin-top:2rem;display:grid}.project-story-gallery figure:nth-child(3n+1){grid-column:1/-1}.project-story-result{background:var(--story-ink);color:#fff}.project-story-result :is(.eyebrow,h2){color:inherit}.project-story-result .project-story-spread{grid-template-columns:minmax(0,5fr) minmax(0,3fr);align-items:end}.project-story-result .project-story-spread>div:last-child{border-top:1px solid var(--story-rule);padding-top:1rem}.project-story-result details{border-top:1px solid var(--story-rule);padding-block:.75rem}.project-story-result summary{cursor:pointer;font-weight:650}@media (max-width:760px){.project-story-frontmatter,.project-story-opening,.project-story-spread,.project-story-intervention .project-story-spread,.project-story-decisions,.project-story-result .project-story-spread,.project-story-gallery>div{grid-template-columns:1fr}.project-story-frontmatter nav{justify-content:flex-start}.project-story-intervention .project-story-plate{order:initial}}