.process-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:75px;align-items:start}.process-drawing{position:sticky;top:calc(var(--header-height) + 28px);margin:0;min-width:0}.illustration-stage{position:relative;aspect-ratio:1.22;background:#eaf0e0;overflow:hidden;border-radius:var(--radius-media)}[data-theme=dark] .illustration-stage{background:#29362a}.illustration-stage canvas,.process-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}.illustration-stage.is-rendered .process-fallback{visibility:hidden}.process-fallback{padding:15px}.drawing-caption{display:flex;gap:14px;align-items:center;margin-top:21px}.drawing-caption>span{font-size:13px;color:var(--muted);white-space:nowrap}.drawing-caption>strong{font-size:19px;font-weight:600;letter-spacing:-.4px}.drawing-replay{margin-left:auto;width:40px;height:40px;flex:none;background:var(--surface);border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center}.drawing-replay[hidden]{display:none}.drawing-controls{display:flex;gap:8px;margin-top:16px}.drawing-controls button{display:flex;gap:10px;align-items:center;justify-content:center;flex:1;border-radius:var(--radius-control);background:var(--surface);padding:14px 8px;font-size:13px;line-height:1.3;color:var(--ink)}.drawing-controls button[aria-current=step]{background:var(--primary-bg);color:var(--primary-ink)}.drawing-controls button>span{font-weight:700}.drawing-controls button:hover{background:var(--soft);color:var(--ink)}.drawing-controls button:disabled{opacity:.65;cursor:default}.variant-back{margin-top:17px;font-size:13px;color:var(--muted)}.illustrated-steps{list-style:none;margin:0;padding:0}.illustrated-step{padding:27px 27px 35px;min-height:295px;scroll-margin-top:125px;border-radius:var(--radius);transition:background .25s}.illustrated-step.is-current{background:var(--surface)}.illustrated-step-heading{display:flex;gap:18px;align-items:center}.illustrated-step h3{font-size:24px;letter-spacing:-.7px;line-height:1.25}.illustrated-step .step-number{flex:none;width:34px;height:34px;font-size:16px;display:flex;align-items:center;justify-content:center;background:var(--lime);border-radius:50%}.illustrated-step>p{font-size:16px;line-height:1.8;margin:17px 0 0 52px}.step-result{display:block;margin:17px 0 0 52px;font-size:13px;color:var(--muted)}.illustrated-step>.text-link{margin:13px 0 0 52px;font-size:14px}.page-home-b .hero-stage{margin-bottom:0}
@media(max-width:1100px){.process-story{gap:35px}.drawing-controls{gap:5px}.drawing-controls button{font-size:13px;gap:6px}.drawing-caption>strong{font-size:16px}.illustrated-step{padding:22px 20px 30px}.illustrated-step h3{font-size:22px}.illustrated-step>p{font-size:15px;margin-left:0}.illustrated-step>.text-link,.step-result{margin-left:0}}
@media(max-width:760px){.process-story{grid-template-columns:1fr;gap:24px}.process-drawing{position:relative;top:auto}.illustration-stage{aspect-ratio:1.35}.drawing-caption{margin-top:15px}.drawing-caption>strong{font-size:17px}.drawing-controls button{font-size:13px;padding:15px 6px}.drawing-caption>span{font-size:13px}.illustrated-step{min-height:0;padding:23px 24px 27px;margin-bottom:15px}.process-b.is-interactive .illustrated-step:not(.is-current){display:none}.illustrated-step h3{font-size:22px}.illustrated-step>p{font-size:16px}.variant-back{margin-top:14px}.process-b .section-heading{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.illustrated-step{transition:none}.drawing-replay{display:none!important}}

.drawing-controls button[aria-current=step]:hover{background:var(--primary-bg);color:var(--primary-ink)}

/* A slightly quieter wordmark for the B homepage, with its original proportions. */
.page-home-b :is(.site-header,.site-footer) .brand img{width:156px;height:auto}
@media(max-width:1100px){.page-home-b :is(.site-header,.site-footer) .brand img{width:148px}}
@media(max-width:520px){.page-home-b :is(.site-header,.site-footer) .brand img{width:140px}}
@media (max-width: 380px) {
 .drawing-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .drawing-controls button { min-width: 0; overflow-wrap: anywhere; }
}