.project-story .project-story__hero { padding:32px 0 64px; background:#f5f7f8; border-bottom:1px solid #dce1e5; }
.project-story .breadcrumbs { margin-bottom:44px; }
.project-story__intro { display:grid; gap:48px; align-items:center; }
.project-story__intro--illustrated { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
.project-story__copy { min-width:0; }
.project-story .project-story__copy h1 { max-width:21ch; margin:0; font:500 clamp(32px,3.8vw,52px)/1.1 var(--font-sans); letter-spacing:-.04em; color:#202b35; }
.project-story .project-story__summary { max-width:54ch; margin:24px 0 0; color:#47535e; font:400 19px/1.7 var(--font-serif); }
.project-story .project-story__jump { display:inline-flex; align-items:center; gap:24px; min-height:44px; margin-top:26px; padding:8px 0; border-bottom:1px solid #82909c; color:#283747; font:600 13px/1.5 var(--font-sans); text-decoration:none; }
.project-story__jump:hover { border-color:#283747; }
.project-story__jump:focus-visible { outline:3px solid #775a0e; outline-offset:5px; }
.project-story .project-story__image { display:grid; place-items:center; min-width:0; margin:0; padding:14px; border:1px solid #d5dce2; border-radius:12px; background:#fff; box-shadow:0 12px 32px rgb(28 42 54 / 6%); }
.project-story__image img { display:block; width:100%; height:auto; max-height:390px; object-fit:contain; border-radius:4px; }
.project-story #project-overview { scroll-margin-top:110px; }
@media(max-width:1024px) {
 .project-story__intro--illustrated { grid-template-columns:1fr; gap:30px; }
 .project-story__copy { text-align:center; }
 .project-story .project-story__copy h1,.project-story .project-story__summary { margin-inline:auto; }
 .project-story .project-story__image { width:min(100%,620px); margin-inline:auto; }
 .project-story .page-kicker { justify-content:center; }
}
@media(max-width:600px) {
 .project-story .project-story__hero { padding:24px 0 36px; }
 .project-story .breadcrumbs { margin-bottom:30px; }
 .project-story .project-story__summary { font-size:18px; }
}