.process-showcase{background:#f5f6ef}.process-panel{margin-top:2.5rem;border:1px solid #bfd1c4;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 16px 40px #12372a09}.process-panel-header{padding:2rem 2.5rem;background:#123f31;color:#fff}.process-panel-header>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#cbe957;font-weight:700}.process-panel-header h3{margin:.75rem 0;font-size:clamp(1.6rem,3vw,2.4rem)}.process-panel-header p{margin:0;color:#d8e7dd;max-width:780px}.process-panel-body{display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;padding:2.5rem}.process-panel h4{font-size:1.2rem;font-weight:800;color:#183f32;margin:0 0 1.4rem}.process-diagram svg{display:block;width:100%;height:auto}.diagram-label{font-family:var(--font-body);font-size:17px;fill:#244b3b;font-weight:600}.process-diagram-note{margin:1rem 0 0;font-size:.8rem;color:#66766c}.process-features{border-left:1px solid #dce6de;padding-left:2.5rem}.process-features ul{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:1.2rem}.process-features li{position:relative;padding-left:1.9rem;color:#3b5547}.process-features li:before{content:'✓';position:absolute;left:0;color:#419863;font-weight:800}.process-materials{border-top:1px solid #e1e9e2;padding:2rem 2.5rem}.process-material-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.process-material-grid figure{margin:0}.process-material-grid img{display:block;width:100%;height:115px;object-fit:cover;border-radius:10px}.process-material-grid figcaption{text-align:center;font-size:.85rem;font-weight:700;line-height:1.4;margin-top:1.3rem;color:#244b3b}.home-blog-section .blog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:767px){.process-panel-header,.process-panel-body,.process-materials{padding:1.5rem}.process-panel-body{grid-template-columns:1fr;gap:1.5rem}.process-features{padding:1.5rem 0 0;border-left:0;border-top:1px solid #dce6de}.process-material-grid{grid-template-columns:repeat(3,1fr);gap:1rem .65rem}.process-material-grid img{height:85px}.home-blog-section .blog-card-grid{grid-template-columns:1fr}}

/* Give supplied process graphics more space and preserve their full composition. */
.process-panel-illustrated .process-panel-body{grid-template-columns:minmax(0,2.4fr) minmax(220px,1fr);align-items:center;gap:2rem}
.process-graphic{display:block;overflow:hidden;border:1px solid #dce6de;border-radius:16px;background:#fffef7;box-shadow:0 8px 24px #12372a0c;cursor:zoom-in}
.process-graphic img{display:block;width:100%;height:auto;object-fit:contain}
.process-graphic:focus-visible{outline:3px solid #39755a;outline-offset:5px}
.process-panel-illustrated .process-features{padding-left:2rem}
@media(max-width:991px){.process-panel-illustrated .process-panel-body{grid-template-columns:1fr}.process-panel-illustrated .process-features{border-left:0;border-top:1px solid #dce6de;padding:1.5rem 0 0}}
@media(max-width:575px){.process-panel-illustrated .process-panel-body{padding:1rem}.process-graphic{border-radius:10px}}