.project-main{padding-block:40px 80px}.project-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin:40px 0 60px}.project-title{position:relative;border-top:1px solid var(--line);padding-top:30px}.project-title::before{content:"";position:absolute;top:-11px;left:0;width:104px;height:22px;background:var(--bg) url('/assets/e210-truss-accent.svg') center/contain no-repeat}.project-title h1{font-size:clamp(2.6rem,4.5vw,4.2rem);line-height:1.05;letter-spacing:-.02em}.project-deck{font-family:var(--display);font-size:1.65rem;line-height:1.25;color:var(--text);margin:22px 0 16px}.project-main p{font-size:1rem}.project-main figcaption{font-size:.875rem;color:var(--muted);line-height:1.5;margin-top:12px}.project-main img{width:100%;height:auto}.project-main h2{font-size:clamp(2rem,3vw,2.6rem);line-height:1.15;margin-bottom:20px}.project-main h3{font-size:1.5rem;margin-bottom:12px}.project-context{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:40px;border-block:1px solid var(--line)}.project-system{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:60px}.workflow{padding:0;list-style:none;counter-reset:steps;margin:25px 0 0}.workflow li{counter-increment:steps;position:relative;padding:14px 0 14px 40px;border-top:1px solid var(--line)}.workflow li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;color:var(--steel);font-size:.875rem}.workflow strong,.workflow span{display:block}.workflow span{color:var(--muted);font-size:.95rem}.project-benefits{padding-block:40px;border-block:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.benefit-grid article{padding:25px;background:var(--panel);border:1px solid var(--line)}.project-evidence{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:50px}.project-main .post-image-link{display:block;max-width:445px}.project-main .post-image-crop img{position:absolute;width:calc(var(--source-width)/var(--crop-width)*100%);max-width:none;left:calc(-1*var(--crop-x)/var(--crop-width)*100%);top:calc(-1*var(--crop-y)/var(--crop-height)*100%)}.project-tools{border-block:1px solid var(--line);padding-block:35px}.project-related{padding-top:40px}.project-related .text-link{display:inline-block;max-width:100%;min-height:44px;padding-block:8px}.project-main :is(h1,h2,h3,p,a){overflow-wrap:anywhere}.project-main section>*{min-width:0}
@media(max-width:850px){.project-hero,.project-context,.project-system,.project-evidence{gap:35px}}
@media(max-width:650px){.project-main{padding-top:25px}.project-hero,.project-context,.project-system,.project-evidence{grid-template-columns:1fr;gap:28px}.project-hero{margin-block:30px 35px}.project-title h1{font-size:2.65rem}.project-system{padding-block:40px}.benefit-grid{grid-template-columns:1fr;gap:16px}.benefit-grid article{padding:22px}.project-evidence{padding-block:35px}.project-main h2{font-size:2.1rem}}
