.prototype-story { background:#f0ebe1; color:#191917; }
        .prototype-story .prototype-wrap { max-width:1160px; margin:auto; }
        .prototype-story .section-heading { margin:0 auto 48px; }
        .prototype-story h2,.prototype-story h3 { color:#191917; }
        .prototype-step { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:center; padding:56px 0; border-top:1px solid #d3cabb; }
        .prototype-visual { min-width:0; padding:32px 12px; background:#f0ebe1; }
        .prototype-visual svg { display:block; width:100%; height:auto; overflow:hidden; }
        .prototype-number { display:block; font-size:15px; font-weight:700; letter-spacing:.14em; color:#945a26; margin-bottom:12px; }
        .prototype-story h3 { font-size:clamp(26px,3vw,38px); line-height:1.12; margin:0 0 12px; }
        .prototype-story .prototype-detail { color:#895425; font-size:16px; margin:0 0 18px; }
        .prototype-story .prototype-copy { color:#49453f; font-size:18px; line-height:1.75; margin:0; }
        .prototype-thread { max-width:760px; margin:24px auto 0; border-top:2px solid #c28a5b; padding-top:32px; }
        @media(max-width:760px) {
          .prototype-step { grid-template-columns:1fr; gap:16px; padding:36px 0; }
          .prototype-visual { padding:12px 0; }
          .prototype-story .prototype-copy { font-size:17px; line-height:1.7; }
        }
/* Four editorial development stages; scoped to this section only. */
#prototypes .development-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; align-items:stretch; }
#prototypes .development-card { min-width:0; overflow:hidden; border:1px solid #d3cabb; border-radius:8px; background:#f6f1e8; }
#prototypes .development-image { aspect-ratio:4/3; background:#f0ebe1; }
#prototypes .development-image img { display:block; width:100%; height:100%; object-fit:contain; }
#prototypes .development-copy { padding:22px 20px 24px; }
#prototypes .development-copy p { color:#49453f; font-size:15px; line-height:1.65; margin:0; }
#prototypes .development-disclosure { margin:24px 0 0; color:#6e675c; font-size:12px; line-height:1.6; text-align:center; }
@media(max-width:1100px) { #prototypes .development-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) {
  #prototypes .development-grid { grid-template-columns:1fr; }
  #prototypes .development-copy p { font-size:16px; }
  #prototypes .development-disclosure { text-align:left; }
}